Visual & Media Design

와이어프레임 수정, 비쥬얼 디자인 선택한것 전체 완성.

http://jmnote.com/wiki/스마트폰_해상도,_화면비율 http://www.codecademy.com/tracks/web 각자 A, B, C 디자인 시안, 메인과 서브 디자인 올릴것. 개인 이름과 팀 이름 적을것 =>>> 팀별로 사용자들에게 어떤 디자인이 좋은지 물어보고 시안을 정할것. 디자인 퀄리티를 높이는데 참고. http://www.webdesignerdepot.com/2013/07/20-beautifully-designed-smartphone-apps/ http://www.behance.net/search?field=132 https://play.google.com/store/apps/collection/promotion_3000235_beautiful_apps http://www.p..

사용성테스트 6명 결과 내용정리 와이어프레임 완성 비쥬얼 디자인 완성 (메인, 서브) 여기에 댓글로 달아서 제출하세요.

여기에 사용성 스크립트와화면 프로토타입 개발한것 댓글로 달아서 제출해 주세요.

1. 가장 중요한 터치 영역을 확인하라 2. 콘텐츠를 컨트롤 위에 배치하라... 3. 선례에 따르는 것이 좋다 4. 화면 크기만 보고 터치 특성이 같다고 생각하면 안 된다 5 .모든 데스크탑 디자인도 터치를 고려해서 만들어야 한다. 6. 터치 영역은 최소 44*29 픽셀 이상으로 하라 7. 수직으로 44 픽셀 vertical rhythm을 만들어라 8. 아이콘이 클 수록, 가까이 있을수록 터치가 쉽다 (Fitts의 법칙) 9. 스크린만 생각하고 디자인하지 말고, 센서를 생각하고 디자인하라 http://bahns.net/5673522

도형으로 배우는 수학 : 유아용 https://itunes.apple.com/us/app/prestobingo-shapes/id494347130?mt=8 위의 앱 디자인 한 회사 http://spurdesign.com/

모바일 앱 패턴 갤러리 http://www.mobile-patterns.com/http://www.lovelyui.com/ 아이폰 UI 가이드 https://developer.apple.com/library/ios/design/ 안드로이드 UI 가이드http://developer.android.com/design/index.html 한글 무료 글꼴, 웹폰트http://blog.bsmind.co.kr/890 아이폰 그리드 참고http://uielements.net/mobile-guides/iphone-5-grid-psd/ 안드로이드 그리드 참고http://developer.android.com/design/style/metrics-grids.html 좋은 앱디자인 참고http://www.webdesigne..

중간 발표에서 받은 코멘트를 보시고, 수정사항을 반영하기 와이어프레임 그려오기. 다 넣지 말고, 숙제로 수정된것과 새로 작성한거만 댓글로 제출할것 다음주에는 와이어 프레임 작성법에 대해서 배우겠습니다. 아울러 페이퍼 프로토타이핑에 대해서도 일부 설명을 듣고 스크립트를 써보는것으로 하겠습니다.

디자인 준전문가 커뮤니티 DECO김유미, 이서진, 황지영 인터렉티브 Ppt from dba5717소스 공유, 포트폴리오 공유, 디자인 관련 사이트 정보 공유 커뮤니티와 작품 소스 공유를 지향하는 사이트 발표시 듣는 사람을 보고 발표할것 화면만 보고 이야기 하지 말것 정리하는데 시간이 많이 걸렸으나 진도는 많이 나간것 같음. 사용자 리서치가 하나밖에 없으므로 좀더 정리할것 포인트 제도와 상품권을 연결했는데... 상품권은 누가 왜? 금전적인 부분은 빼는 것으로. 사용자 여정은 모든 페이지들을 연결해 본다고 생각하고 다시 작성 우리나라 방방곡곡 - 전국 축제 알리미 어플 허주연, 장은주, 신예지 우리나라 방방곡곡 중간발표 from Eun Ju Chang 축제정보제공 및 커뮤니티 중심 4번째 퍼소나를 주요 퍼소..

비번을 입력하여 볼수 있습니다.  task flow 와 user journey https://www.slideshare.net/secret/97xHllZI8C2HYF task flow 와 user journey 템플릿https://www.slideshare.net/secret/o8iZst03YOEMJf  UI/UX 디자인 중간과제 발표 템플릿은 아래를 참고해 주시고. 다음이 포함되어 있어야 합니다. - 리서치 - 퍼소나- 시나리오- 타스트 플로어 - 와이어 프레임 중간발표화일은 ppt나 pdf 화일로 slideshare.net에 올리고 그 임베디드를 가져다가 본인의 블로그에 붙이신뒤에  여기에 댓글로 해당 포스트의 URL을 달것! 참고 예 : http://www.slideshare.net/rorymai/..

6주차 과제를 공지합니다. 지난주에 미진했던 사용자 리서치와 동시에 퍼소나와 시나리오를 진행하여 오시면 됩니다. 퍼소나와 시나리오 템플릿은 아래에 있습니다. http://visualcommunication.tistory.com/927 강의 내용은 여기에... http://visualcommunication.tistory.com/738 협업이니 만큼 중간에 서로의 의견을 잘 조율하여 좋은 방향으로 아이디어가 발전할수 있도록 미팅을 가지시기 바랍니다. 단순히 그룹과제를 할당해서만 진행하는 것은 서로에게 도움이 안됩니다. 디자인은 협업이 중요한 분야이므로, 협업의 과정또한 매우 중요합니다. 이점 주의하여 실행하시고, 보고서에 반영하시기 바랍니다. 다음주는 7주차를 진행하고. 8주차에는 중간발표가 있고 2시30..

오늘 UX 스튜디오와 디자인기획앤리서치에서 찾던 그앱 "쫑끗-말씀이 필요할때" https://play.google.com/store/apps/details?id=com.saltybright.android.verse

팀별로 사용자 리서치 진행하고 발견점 정리해 오기 1. 대상 사용자를 정하고, 리쿠르트 한다. 2. 관찰방법 및 어떤 것을 발견할것인지 리스트한다. 3. 관찰하면서 영상, 사진, 노트 등의 기록을 남기고 정리한다. 4. 정리한 내용을 분석하여 발견점을 리스트한다. 한사람당 세명씩 진행하시고, 기록내용과 발견점을 팀이 함께 정리하여 파워포인트로 작성하고 슬라이드쉐어에 올린뒤에 여기에 댓글로 달아 제출합니다. IDEO 쇼핑카트 리디자인 영상 http://www.youtube.com/watch?v=M66ZU2PCIcM 참고 : IDEO Method Cards http://www.ideo.com/work/method-cards/ http://visualcommunication.tistory.com/attachm..

이번주에는 경쟁사분석을 과제로 진행하면 됩니다. 경쟁사 분석 템플릿은 여기에 있습니다. 일을 잘 나누어 진행하시기 바랍니다. 니즈 지원표 작성 화면 상세 분석 내용 작성 2X2 다이아그램 작성 http://visualcommunication.tistory.com/910 비번은 문자로 공지합니다. 위 내용을 팀원끼리 매주 돌아가면서 정리하고 여기에 댓글로 달면됩니다. 팀에서 진행한것이라도 개인블로그에 매주 과제 진행된것은 업데이트 하시기 바랍니다.

펩시 맥스 바이럴 광고. 버스 정류소 디스플레이. 투명 디스플레이로 착시효과를 이용 http://www.youtube.com/watch?v=Go9rf9GmYpM&feature=player_embedded 참고로 바이럴 마케팅 사례 T-mobile의 Life is sharing 비틀즈 헤이쥬드 노래 트라팔가 광장에서 따라부르기 http://www.youtube.com/user/lifesforsharing 어린아이에게만 보이는 아동학대 신고 전화 광고 http://www.wimp.com/hiddenmessage/ 지하철이 오면 머리가 흩날려요~~ 사운드를 인식해서 영상 디스플레이에 반영하는 광고 패널 https://www.youtube.com/watch?v=tuRWYddbeEg&feature=youtube_..

아이디어 발표가 오늘 있었습니다. 발표한 아이디어로 가라고 했던사람, 좀더 고민하라했던사람, 다른거 하라 했던 사람 다들 아이디어 한번씩 더 고민해 오시기 바랍니다. 과제 1. 타겟 사용자 정의하기 사용자에 대한 관찰사항을 포스트잍에 정리하거나 사진을 찍습니다. 2. 자신의 아이디어에 대한 리서치 실시 일반적인 아이디어 조사 방법을 쓰면 됩니다. 마인드스톰, 인터뷰, FGI, 설문, 문헌조사 등등 가져오기 A4 용지 한장에는 아이디어에 대한 설명을 다른 한장에는 관찰한 포스트잍을 정리해 오면 됩니다. (A4 가 작은경우 큰 사이즈의 종이를 사용해도 무방합니다.) 위의 내용을 발표화일로 만들고 동일하게 댓글로 제출합니다.

1. 자신이 개발하고 싶은 모바일, 웹, 인터렉션 등등의 아이디어를 생각하고이것과 관련한 서비스의 3개 사례 이상의 벤치 마킹을 할것2. 자신의 아이디어에 필요한 자료들을 리서치 하고 정리해 올것 위 내용을 파워포인트에 정리하고 sldeshare.net 에 올린뒤에 자신의 블로그에 임베디드 코드로 삽입하고해당 블로그 포스트 URL 을 여기에 댓글로 달아서 제출할것

http://www.youtube.com/watch?v=2wZUTe70w1Y What the #$%@ is UX Design? http://www.youtube.com/watch?v=Ovj4hFxko7c&list=PL6F5015A2BF706B89 Forty UI/UX design examples http://www.youtube.com/watch?v=6caUnPRHMGs 하버드 Hi랩 강의 http://www.youtube.com/watch?v=WkUwbPdyMIY The Fundamentals of User Experience 돈노먼 http://www.youtube.com/watch?v=O8zmUJqxrng 책 사이트 http://www.designinginteractions.com/ 빌모그리지 인터..

한개의 챕터 선택해서 과제로 정리하고 발표 http://www.id-book.com/resources_index.php 사례조사에서 하나 선택해서 과제로 정리하고 발표 http://www.id-book.com/casestudy_index.php A Quiz Designed to Give You Fitts http://www.asktog.com/columns/022DesignedToGiveFitts.html

http://www.secondstory.com/

http://www.commarts.com/annuals/2014-interactive.html?utm_source=ConstantContact&utm_medium=email&utm_campaign=IntNowOnline2014-1stSub1 각각의 링크를 눌러서 좌측에 무비들을 확인해 보시기 바랍니다. 최근의 인터렉티브 미디어의 트렌드를 볼수 있습니다.

블로그나 워드프레스등에 숙제를 포스트한뒤 포스트한 URL을 여기에 댓글을 달아 숙제를 제출해주세요. Donal Norman (돈 노만)의 서적 및 주장에 대해서 시기별로 조사하거나, 특정 부분에 대해서 조사하여 오기초첨은 노만이 어떻게 인터렉션 디자인을 바라보았는가에 대해서... http://www.acornpub.co.kr/book/iphone-ux-design

임지수 Final ppt from su90123 시나리오에 이미지 스케치 추가 할것데보 영상이 잘 안보이므로 화면 캡펴를 다시 받더가 스튜디오에서 다시 촬영할것각도를 조절할것 데모 영상 수정해서 낼 것 김소희 Dogifoot_final from ks58 리서치 과정이 좋음 과정에 대한 성실성이 좋음프로토타이핑 테스트를 통하여 세세한 부분까지 완성도를 높이 것이 좋음 데모영상에서 뒤쪽의 영상을 좀더 날려으면 좋았을것 같음 강지영 1110182 강지영 인터렉 파이널 from Jo Kang 1110182 강지영 interactive final from jo kang on Vimeo. NFC 태그를 이용하는 컨셉을 보다 명확하게 보이도록 피티 자료에 보강할것데모 영상 작업에서 실제 장소..

12월 17일 화요일 2시부터 407호에서 발표미리 와서 화면을 띄어 놓을것  제출하는 화일은 아래와 같이 온라인과 동일한 화일들을 앞의 강사 컴퓨터> 수업 이름 폴더 > 자신의 이름 폴던에 넣어 놓을것  1. 완성된 프로토타입을 작동하는 비디오 화면을 촬영하여 youtube, blip.tv, vimeo에 올린후 임베디드 코드를 본인의 블로그에 올리고 동영상 화일 URL 을 제출할것, 화일을 다운로드 가능하게 만들것  2. 중간고사때 발표했던 프로포잘 프로젠테이션 화일을 완성하여, 세부 와이어프레임, 비쥬얼 화면을 추가 하여 완성한뒤 slideshare.net에 올리고  URL을 제출할것, 화일을 다운로드 가능하게 첨부할것 - 경쟁상 분석- 사용자 리서치 조사 결과- 퍼소나- 시나리오- 타스크 플로어- ..

기 공지된 대로, 이번주에 과제는 목요일에 개별로 진행하면서 검사합니다. 여기에 과제 댓글로 달아주세요. 시간엄수하여주시고, 시간안에 끝내도록 하겠습니다. 여기에 이름이 없는 학생은 목요일 오후에 진행합니다 여기에 댓글 달아서 알려주세요.

여기에 댓글을 달아 과제를 제출바랍니다.

http://www.printmag.com/editors-picks/my-love-affair-with-adobe-digital-publishing-suite/

여기에 발표자료를 댓글로 달아주세요.

Paul Adams: How to Design Social Experiences from Interaction Design Association on Vimeo.

케이트 스프레드 (가방 브랜드?) 아트디렉터로 일했던 사람이 나와서 만든 어린이 책과 아이패드 앱 1.99 유료앱 관련 기사 http://www.fastcodesign.com/3021126/wanted/former-kate-spade-art-director-develops-an-adorbs-childrens-book-app?partner=rss#6 --> 김민하 선생 이거 스터디해서 수업시간에 발표해주세요. 참고로 Ted 강의에 나왔던 어린이 동화책 앱도 보아주세요. http://www.ted.com/talks/raghava_kk_shake_up_your_story.html http://storybird.com/explore/