한수진 
블로그

http://blog.naver.com/rabbit_sj/10126626744
슬라이드 링크 -http://www.slideshare.net/SujinHan/bluemoon

한학기동안 정말 열심히 했던것을 높이 사고 싶음. 컨셉도 유니크하고 프로토타입 동영상도 매우 좋습니다.

글씨가 없었다가 나오게 한다면 좀더 좋았을것 같음 누르면 사운드나 글씨가 나타나는것을 표시했으면 좋았을것 같음

앞으로도 지금처럼 열심히 아이디어를 생각하고 디자인한다면 정말 좋은 디자이너가 될거라고 생각합니다. 영어공부도 꼭 열심히!!!


최예지

1. 모바일 웹 프로토타입
http://woobigirl76.dothome.co.kr/giftforyou/m_index.html
2. PPT URL
http://www.slideshare.net/woobigirl76/gift-for-you-10548101

3. 동영상 URL
http://vimeo.com/33476703

4. 블로그 URL
http://blog.naver.com/woobigirl76/110126233860

상단에 메뉴를 배치한것이 일반적인 네비게이션과는 차이가 있음

프로토타이핑 비디오에 시나리오를 적용한것이 좋았고, 연결되어서 설명을 잘 해주고 있음

코딩을 잘 짰으며 인터페이스디자인도 좋았고, 계속 코딩에 관심을 가지고 실력을 늘려나가길 바람 


민원경
1. 모바일웹URL: http://exhibisionapp.dothome.co.kr/m_index.html

2. 동영상URL: http://blog.naver.com/mwkclara/145665192

3. PPT URL: http://www.slideshare.net/wkmin/interactivefinal-wonkyung-min

4. 블로그URL: http://blog.naver.com/mwkclara

디자이너 인포메이션에서 URL을 그대로 노출하는것은 의미가 없음. 링크를 이메일로 보이게 하거나 링크로 연결과더나 SNS로 보내거나 하는등의 액션이 연결되어야 함

포스트하는 부분에서 URL 입력부분과 그림을 넣는 부분, 자신을 소개하는 문구 입력창이 따로 구분되어야 함

talk & share 에서도 자신이 누구인지, 사용자 아이디 또는 사진등이 같이 표시되어야 함

수업에서 요구하는 결과물까지 도출되지 못하고 초기수준의 와이어 프레임까지 디자인되는 수준에 그침


이정민
1. http://janice1023.dothome.co.kr/

2. http://blog.naver.com/janice1023/110126349158

3.
http://www.slideshare.net/joey1106/interactive-media-design2final-pt

4. http://blog.naver.com/janice1023


프로토타입 영상을 삼각대를 놓고 찍던가, 좀더 포트폴리오로 쓰기위해서는 영상을 새로 촬영하는것이 필요함

내용본문페이지의 폰트가 너무작아서 일반적인 모바일웹의 가이드에서는 동떨어짐

본문 페이지의 폰트를 크게하고 내용페이지를 스크롤해서 컨텐트가 길게 보이는것 수정해서 다시 프로토타이핑 동영상을 촬영해서 포트폴리오로 가져갈것 


이희숙
1. 코드 적용 URL

http://gmltnr853.dothome.co.kr/main_html

2. 동영상 URL

http://gmltnr853.blog.me/10126591040

3. PPT URL

http://www.slideshare.net/HeesookLee/final-project-10563044

4. 블로그 URL

http://gmltnr853.blog.me

프로토타입 URL이 뜨지 않음 수정할것

프리젠테이션에서는 스크립트를 읽지 말것

원래 아이디어보다 좀 단순해진것 같음. 그림으로 폰트를 처리하지 않고 시스템 폰트를 써도 무방했을것 같음

다양한 인터렉션 디자인을 다음번에는 시도해 볼것


김소정
사이트url
http://likeriding.dothome.co.kr

과제
http://visualsojeanne.wordpress.com/2011/12/12/final/

블로그
http://visualsojeanne.wordpress.com/

프로토타입 코딩한 완성도가 높아서 좋았음 <- 고생많이 했음 ^^

원래 스케치에서 보여주었던 감성에 대한 이미지들이 빠진것이 아쉬움

본문 폰트가 너무 작아서 수정해야 함 좀더 완성도 있는 프로토타이핑으로 한번더 수정할것


김유경
1. FPT URL
http://kimyu2177.dothome.co.kr/index.html

2. Video URL
http://kimyu217.blogspot.com/2011/12/final-proposal.html

3. Slideshare. net USL
http://kimyu217.blogspot.com/2011/12/final-proposal.html

4. Blog USL
http://kimyu217.blogspot.com/

원래 의도와는 달리 프로토타이핑에서 사용자가 자기가 원하는대로 색상이나 모양을 지정해서 쓸수 있는 아이디어가 반영이 안되었기때문에 이부분이 아쉬움

프로토타입에 실제 바탕화면에 적용되는 화면을 추가 할것

추가적으로  덜끝난 부분을 마무리할것


문하윤

1.과제 http://blog.naver.com/alessialuna/100145762887

2.사이트
http://lovehygogo.cafe24.com/inter/beautyexpress.html

3.슬라이드쉐어
http://www.slideshare.net/slideshow/embed_code/10566237

4.블로그
http://blog.naver.com/alessialuna

프로토타입에 어느정도의 내용들이 들어갔으면 좋았을것 같음

한페이지를 만들더라도 완성에 가까운 컨텐츠를 채워놓는것이 중요함

시간안배에서 너무 프로토타이핑작업 시간이 적었던것 같음

포트폴리오로 쓰기위해서는 겨울방학때 완성된 버전으로 작업하는것이 필요함


이지인
url사이트
http://lji89.dothome.co.kr/wowclub/

블로그
http://lji89.egloos.com

프로토타이핑 동영상에 편집을 해서 속도와 사운드를 조절할것 

리스트 페이지에 디자인이 더 들어갔을면 좋겠음 디자인이 좋아지게 수정할것

텍스트를 디자인하던가 시스템 폰트를 그냥 쓰던가 할것

하단의 메뉴 아이콘을 세개를 두고 선택된것과 선택되지 않은것을 분명히 표시할것 


신혜윤
1.코드
http://artgirin.dothome.co.kr
2.동영상
http://youtu.be/0o8A_SkhtBI3.PPT
3.PPT
http://www.slideshare.net/artgirin/fin-now-india1
4.블로그
http://artgirin.egloos.com

코딩이 많이 안되기는 했으나 가르친부분을 반영하려고 했던점을 높이사고 싶음

좀더 완성해서 마무리하기를 바라고 좀 심심하게 디자인된것을 잘 마무리하기 바람

사용자 썸네일만 좀 다양하게 가도 완성도가 높아 보였을것 같음



송지현

사이트 주소
http://clemenjane.dothome.co.kr

동영상
http://youtu.be/0AcnMhuTTUw

블로그
http://blog.naver.com/naym_naymi/100145791241

내용페이지에서 뒤로 가기버튼이 애매하고

리스트 페이지에서 상단으로 메뉴 아이콘의 위치가 바뀐것이 사용성에 문제가 될것 같음

프로토타입 인터페이스 디자인은 완성도가 좋으나 원래 의도를 설명하려면

주요하게 AR 부분을 동영상 캠쳐해서 프토타입 동영상에서 자신의 의도를 보여주는것이 필요함


유희경

MyBox 가 우측에 위치해서 버려지는 공간이 너무 많음 그것보다는 마이박스의 위치를 다르게 가져가면서

화면의 면적을 최애한 활용하는것이 필요함

가이드는 중요하지 않기때문에 메인 메뉴로 들어가지 않아도 되었을듯

버튼등의 크기가 일관성이 떨어짐 수정해서 마무리 하기를 바람

유사한 컨셉을 한 유희정과 이야기를 나누어서 서로의 장단점을 크리틱하고 수정할것


유희정

1. 사이트주소
http://hj1007.dothome.co.kr/tvd/m_index.html

2. 동영상

3. PPT
http://www.slideshare.net/hj1007/information-architecture-10569637

4. Blog
http://h1007j.egloos.com/1624105

중간과정에서 자주 컨펌 받지 못했던것이 문제 <- 언제라도 도움이 필요하면 요청할것!

비쥬얼 컨셉에 영화관 느낌등을 반영한것은 좋았음 

프로토타입에서도 코딩 완성도를 높이려고 노력한점이 보임

프로토타입 동영상도 완성할것

유사한 컨셉을 한 유희경과 이야기를 나누어서 서로의 장단점을 크리틱하고 수정할것



[지각]배민경

http://blog.naver.com/bmk1218/

프로토타입을 완성하지 못함. 화면 디자인만 보여줌
시간안배를 잘했으면 함
프로토타입과 동영상 작업을 마저 할것

posted by jisunlee
최예지 :
visual interface design을 css 를 적용하여 디자인한후 사용영상을 찍어서 기말에 발표할것

이정민 :
visual interface style을 맞추고, 그림을 줄이고 css 로 적용해보도록 노력할것
link를 수정해서 코드가 꼬이지 않도록 할것, 문제가 생기면 메일로 질문할것

이지인 :
visual interface design을 css 를 적용하여 디자인한후 사용영상을 찍어서 기말에 발표할것

김유경 :
삼각형을 빼고, 가이드에 맞게 수정할것, 폰트가 작으니 원래 폰트 사이즈를 고려해서
모바일웹 사이트를 캡쳐 받아서 비교해서 폰트를 디자인할것

배민경:
화면 해상도 확인하고 아이패드 해상도로 맞출것
버튼스타일이나 아이패드 스타일에 대한 리서치를 조금더 해서 비쥬얼 디자인을 맞출것
http://creativefan.com/best-ipad-websites-100-inspiring-ipad-app-web-designs/
CSS3 로딩 아이콘
http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/

김다희 : 회사 인턴

이희숙:
화면 리사이징 해결 여기서 user-scalable=no 부분의 코드를 넣을것
http://visualcommunication.tistory.com/396
안드로이드 앱중에 잘된 형태를 보고 참고해서 디자인을 적용할것
코딩에서 리스트 부분은 박스로 만들고 안에 링크를 적용해서 갈것

손지현:
증강현실부분은 원래 있는 앱의 화면의 동영상을 가져다가 편집해서 보여줄것
나머지는 코딩을 충실히 할것


기발 발표 가이드
1. 표준코딩과 css를 적용한 모바일 웹 프로토타입을 만들어서 ftp에 올린후 자신의 모바일폰, 또는 타블렛 PC로 확인되도록 URL 제출
2. 위의 완성된 프로토타입을 작동하는 비디오 화면을 촬영하여 youtube, blip.tv, vimeo에 올린후 임베디드 코드를 본인의 블로그에 올리고 동영상 화일 URL 을 제출할것
3. 중간고사때 발표했던 프로포잘 프로젠테이션 화일을 완성하여, 세부 와이어프레임, 비쥬얼 화면을 추가 하여 완성한뒤 slideshare.net에 올리고  URL을 제출할것
4. 본 학기에 진행한 본과목에 대한 본인 블로그 URL  제출

발표는 동영상화일을 중심으로 발표함  

 
posted by jisunlee

여기 과제 진행한것 댓글 달아주세요.
posted by jisunlee
여기에 댓글로 달아 제출하세요. 
posted by jisunlee
여기에 댓글 달아주세요.

파르소나를 1-3명까지 개발하고, 이에 대한 각 파르소나의 시나리오를 그리고
그에 해당하는 화면들의 flow chart 들과 각 화면의 wire frame을 그리면 됩니다.
posted by jisunlee

 숙제는 지난번 수업에서 공지나간것과 마찬가지로

 코멘트 받으것 수정하시고,
정보구조도, 플로어차트, 와이어프레임 더 개발해서 가시고 오시면 됩니다. 
그리고 이걸 블로그에 올리시고 그 URL을 제출하시면 됩니다.  

여기에 블로그 URL 댓글달아주세요.

중간고사에 발표한 자료도 자신의 블로그에 올려놓으세요. 잊지마세요!


발표 안했음

신혜윤

김지은



posted by jisunlee

A3 또는  A4 2 장으로 자신이 만들고자 하는 프로젝트의 컨셉과 설명을 담아서 벽에 붙임
학생들의 평가와 교수평가 두가지를 합산해서 성적을 산정할 예정

html 로 간단하게 화면을 스케치해서 5장 이상 만들고 img 폴더에 이미지를 넣어서 웹사이트에서 클릭할수 있도록 함
반드시 웹호스팅으로 올리고 그 URL을 제출할것
posted by jisunlee

지난주에 과제는 다시한번 반복해서 진행하기로 했습니다.
information design 부분을 다시 진행한것을 여기에 댓글로 달아주시기 바랍니다.
interaction design 부분까지도 진행하셨다면 그것도 발표해 주시기 바랍니다.
posted by jisunlee
interactivity design 인터렉티비티 디자인 책 내용을 기반으로 수업 시작합니다.
http://www.yes24.com/24/goods/434484?scode=032&OzSrank=1

중간고사는 예정한대로 제공하는 템플릿에 맞추어서 인터렉션 디자인을 진행하고 이를 중간고사에 발표합니다.

그동안 미루어 왔던 코딩을 진행합니다. 속도가 빨리 진행되니 혹 interactive media design 1을 배우지 않았거나 HTML 코딩을 전혀모르시는 분들은 미리 코딩 공부를 하셔야 합니다. 위에 작업한 인터렉션 디자인을 간단하게 웹으로 중간고사까지 구현하여야 합니다.

그리고 첫주에 나갔던 인터렉션 디자인 조사하는 숙제도 내일 발표합니다.

숙제제출
이정민
첫번째 과제 포스트- http://blog.naver.com/janice1023/110118527169
배민경
첫번째과제 포스트-http://blog.naver.com/bmk1218/137783259
이희숙
첫번째 과제- http://gmltnr853.blog.me/10118376881
김다희
1st 과제http://blog.naver.com/kimdaahee/90123539494
한수진
첫번째과제 http://blog.naver.com/rabbit_sj/10119006685
최예지
첫번째과제http://blog.naver.com/woobigirl76/110118623033
신혜윤
첫번째 과제 http://artgirin.egloos.com/869165
박소연
첫번째 과제http://blog.naver.com/bird_rice_/10119101806
송지현
첫번째과제http://blog.naver.com/naym_naymi/100138289542
문하윤
http://blog.naver.com/alessialuna/100138428366
백수지
http://simileism.blogspot.com/2011/09/blog-post.html
이지인
http://lji89.egloos.com/145145
김소정
과제-http://visualsojeanne.wordpress.com/2011/09/19/interaction-design/
김유경
과제: http://kimyu217.blogspot.com/2011/09/blog-post.html

posted by jisunlee

interactive media design 2 9월 20일 화요일 수업을
이날 오후 3시 서울대 49동 디자인대 건물 지하의 UX랩에서 가질 예정입니다.

3시에 박미지 서울대 인터미디어 랩 석사과정학생이 UI / UX 관련해서 자신의 연구내용을 간단하게 소개해주고, 저희 숙제를 공유할 예정입니다.

이후 4시에 309호로 가서 이건표 부사장님의 렉쳐를 들을 예정 입니다.

서울대학교 디자인대학은 49동 건물이며 아래에서 그 위치를 확인할수 있습니다.
http://moose.snu.ac.kr/board/map/kr/campus_main.html

숙제는 이 포스트에 댓글로 달아주시면 됩니다.


posted by jisunlee
interactive media design 2 9월 20일 화요일 오후 2시 수업 서울대학교 디자인대학에서 진행합니다. KAIST 산업디자인과 교수이셨다가 작년에 LG전자 부사장으로 가신 이건표 부사장님의 서울대 디자인과 학생들과 함께 특강을 들으려고 합니다. 현재 LG전자내에서 User Experience를 담당하고 계시며 사용성 경험과 인터렉션에 대한 고견을 들을수 있는 자리가 될것입니다.

2시에 세미나를 참석하고, 거기 지하에 UX랩에서 수업을 진행할 예정입니다.
과제 예정대로 진행해 오시기 바랍니다.

본수업을 듣지 않더라도 참석하실수 있으며 미리 저에게 참석의향만알려주시기 바랍니다.
서울대학교 디자인대학은 49동 건물이며 아래에서 그 위치를 확인할수 있습니다.
http://moose.snu.ac.kr/board/map/kr/campus_main.html
자세한 사항은 추후 업데이트 하여드리도록 하겠습니다.
posted by jisunlee
http://www.headfirstlabs.com/books/hfhtml/


http://www.w3schools.com/html/default.asp

posted by jisunlee
개인 블로그 만들고
이름, 이메일, 블로그 주소 달아서 댓글로 올리기

본인이 정의한 인터렉션 디자인 정의에 입각하여
인터렉션 디자인 예를 하나 리서치 하여서
왜 이것을 선정하였는가를 블로그에 올릴것

그리고 여기에 그 포스트 주소를 붙일것

posted by jisunlee