Visual & Media Design

PxD 전성진 이사 강여중에 봤던 댄새퍼의 UX 정의 다이아그램입니다. http://www.kickerstudio.com/2008/12/the-disciplines-of-user-experience/

19일 수업 프로토타이핑 테스트임지수(택배아찌)김소희(강아지산책)윤민정(공유다이어리)원지연(유학생요리)김윤경(날씨)강지영(미술관NFC)김지혜(보육시설)권윤하(로드샵 화장품) 스케치 거의 끝냄 류차랑(데이트 코스)김소연(24시) 아직 스케치 못끝냄천상희(모바일 메신저)김윤희(숙대앞 맛집)이미연(스마트폰 중독) 프로토타이핑 테스트 3명이상테스트 결과 보고서 ppt 로 만들것 Can Do 값과 사용자의 평가가 각 Task 별로 있어야 함 어떻게 디자인 수정을 했는지... 여기에 댓글 달아 제출

화면 스케치(와이어프레임) 작업한것 여기에 댓글달아 제출합니다. 이번주에는 사용성평가를 배우고 수업시간에 해보도록 하겠습니다.

기 공지한대로 이날은 사용자 여정에 들었는 화면들을 스케치하여옵니다. 이날 스케치한 화면을 가지고 프로토타이핑 테스트를 진도를 나갈예정이니 화면이 누락되지 않도록 시나리오 상의 모든 과정을 꼼꼼하게 화면 스케치를 하여 오시면 됩니다. 참고.http://visualcommunication.tistory.com/922

Task Models, User Journey 작업한것을 여기에 댓글로 달아 제출합니다.

중간발표에서 받은 크리틱을 반영하여 수정한 ppt를 여기에 댓글로 제출합니다. 특히, 퍼소나와 시나리오를 마무리 하지 못한 학생은 반드시 완성바랍니다. 이번시간에는 사용자 여정과 Task model을 작성할 예정입니다.

윤민정 인터렉티브 중간발표 from ymj2010니즈에 좀더 자세한 내용이 있었으면 좋겠음 사용자 리서치 인지 설문인지를 구별할것 서용자 리서치 내용이 좀더 추가되었으면 함 퍼소나의 사진을 얼굴위주의 평범한 사진으로 교체할것주요 기능을 정해서 다른 앱과의 차별화를 정할것 시나리오를 바탕으로한 화면스케치를 디테일할게 할것 강지영 강지영 interactive design midterm from Jo Kang 적립이 왜 같이 가야하는지에 대한 당위성이 부족함. 대림 어플에 있다고 하는건...서비스 디자인쪽으로 정리하면 좋을것 같음 다른 미술관도 비교해서 관찰하였으면함 -> love is touch NFC 회사에서 국립미술관에 넣은 기능을 확인해 볼것 자신의 전시정보를 쌓기를 원하는지? -> 사람들이 원하는것인..

사용자 리서치, 경쟁사 분석, 퍼소나, 시나리오, 화면디자인까지 작업된것을 ppt로 작성하셔서 여기에 댓글로 달아 제출하세요. 선택한 OS를 미리 보시고, 해당 디바이스에 맞는 OS 가이드를 미리 숙지하시고 화면 디자인에 들어가시기 바랍니다.

여기에 달아서 과제 제출

http://visualcommunication.tistory.com/910 경쟁사 템플릿은 여기에서 다운로드 받으시기 바랍니다.

사용자 리서치 해오기 참고 : IDEO Method Cards http://www.ideo.com/work/method-cards/ IDEO 쇼핑카트 리디자인 영상 http://www.youtube.com/watch?v=M66ZU2PCIcM 참고 : UX Design 스매싱 매거진 글http://uxdesign.smashingmagazine.com/2010/10/05/what-is-user-experience-design-overview-tools-and-resources/

여기 댓글 요망

www world wide webwww 월드 와이드 웹 창시자 팀 버너스 리의 TED 강연영상 http://www.ted.com/talks/tim_berners_lee_on_the_next_web.html email and domains - Country codesusername@site.domhttp://en.wikipedia.org/wiki/Domain_nameCountry codes NewsgroupsUsernet(Unix User Network) starting or joining a 'thread' Abbreviations and emoticonshttp://netforbeginners.about.com/od/internetglossary/tp/The-Top-Text-Message-Acronym..

www 월드 와이드 웹 창시자 팀 버너스 리의 TED 강연영상 http://www.ted.com/talks/tim_berners_lee_on_the_next_web.html

Designing Interactions 책 사이트http://www.designinginteractions.com/ Designing Interaction 책 2장의 Bill Verplank 인터뷰 영상 http://www.youtube.com/watch?v=C3rxCLhzmXY&list=PL82F5FF49B5628243http://www.designinginteractions.com/interviews/BillVerplank Bill Verplank 의 인터렉션디자인을 설명하기 위한 자료 http://www.billverplank.com/Lecture/ 빌모그리지의 현대카드 슈퍼토크 http://visualcommunication.tistory.com/547 도널드 노먼의 TED 강의(젤 아래에 있는..

iBooks Author iBooks Textbooks The future of the Book by IDEO Our Choice by Al Gore 디지털 교과서와 종이 인쇄에 대한 비교 워크샵 강연 http://www.engadget.com/2013/08/08/textbooks-now-available-through-google-play-books-in-us/ http://www.cis.strath.ac.uk/cis/research/publications/papers/strath_cis_publication_26.pdf http://www.benjaminrbrown.com/Documents/DITs4.0Final.pdf http://hci.rwth-aachen.de/materials/publicati..

9월 17일 화요일 수업 휴강 1. 숙제 블로그 개설. 워드프레스 공용으로 사용해도 됨. 2. 워드프레스 테마를 선택하여 설치하고 자신의 포트폴리오를 구성할것 이 URL을 여기에 댓글로 제출할것

신한솔 동영상이 너무 빠름. 캡션이나 나레이션을 넣어야 할듯. 좀더 구현을 할수 있었을거 같은데. 아쉬움. 포폴을 위해서 엄마와 아이가 같이 영어 공부를 재미있게 할수 있다는 설명이 잘 들어가야 할것 같음. 동영상과 ppt 를 잘 정리하기 바람 Myworld myword fin from Nananssol myworld myword from hansolshin on Vimeo. 블로그 : http://rangssol.tistory.com/63 정효주 화면이 전 시간보다는 많이 정리되었음 워낙 어려운 주제라 고생이 많았음 컨셉 영상 잘 정리해서 만들었음 하반기에 전자출판쪽으로 잘 정리하기를 바라고, 여름방학에 그리드와 타이포그래피로 초점을 맞추어 공부하여 볼것 0913062 정효주 기말발표 from gnlv..

http://baak.me/2012/08/%EC%A0%84%EB%9E%B5%EC%A0%81%EC%9D%B8-%EB%AA%A8%EB%B0%94%EC%9D%BC-%ED%94%84%EB%A1%9C%ED%86%A0%ED%83%80%EC%9D%B4%ED%95%91%EC%9D%84-%EC%9C%84%ED%95%9C-%EC%8B%A4%EC%A0%84-%EA%B0%80%EC%9D%B4%EB%93%9C/ 파워포인트나 아크로뱃리더를 이용하는 것도 같은 원리 https://groups.google.com/forum/?fromgroups#!topic/uiuxstudy/XGzDXiJGZQA 키노트 프로토타이핑 만드는 방법 영상http://vimeo.com/20778110http://keynotekungfu.com/ 가장 쉬운방..

6월 17일 월요일 10시부터 407호에서 발표미리 와서 화면을 띄어 놓을것  1. 완성된 프로토타입을 작동하는 비디오 화면을 촬영하여 youtube, blip.tv, vimeo에 올린후 임베디드 코드를 본인의 블로그에 올리고 동영상 화일 URL 을 제출할것, 화일을 다운로드 가능하게 만들것  2. 중간고사때 발표했던 프로포잘 프로젠테이션 화일을 완성하여, 세부 와이어프레임, 비쥬얼 화면을 추가 하여 완성한뒤 slideshare.net에 올리고  URL을 제출할것, 화일을 다운로드 가능하게 첨부할것 - 경쟁상 분석- 사용자 리서치 조사 결과- 퍼소나- 시나리오- 타스크 플로어- 유저 저니- 스케치 프로토타입- 시각 디자인 완성된 화면- 프로토타입 영상 3. 본 학기에 진행한 본과목에 대한 본인 블로그 U..

기말은 6우러 10일 화요일 입니다. - 지금까지 작업한것 전체 담은 파워포인트- 프로토타이핑 영상 6월 3일까지는 비쥬얼 디자인을 끝내시고, 이것을 간단하게 동작할수 있는 정도 까지 구현되게 프로토타이핑 툴을 이용하여 만들어오시면 됩니다.

참고 A-Camp 3기 위펫, 박혜령 작업 A-Camp 3기 최고의 여친, 김보람 작업http://vimeo.com/56126269/ 안드로이드 폰 플레이스토어에서 '최고의 여친'을 찾아주세요.

http://www.wix.com/ 워드프레스가 아직 블로그 형태를 벗어나고 있지 못하다면...윅스는 웹사이트 형태로 자신의 사이트를 구축할 수 있는 것으로 보임. 한번 시도해 보시고.. 피드백 공유를...

6월 10일 화요일이 15주차로 이날 종강입니다. 한달밖에 남지 않았으므로 속도를 내시기 바랍니다. 5월말까지는 모든 인터페이스가 개발되어야 (앞으로 2주후) 6월 기말발표까지 움직이는 프로토타입을 완성할 수 있습니다. 다음주까지는 모든 인터페이스의 비쥬얼 디자인을 반드시 해오시기 바랍니다. 그리고 5월말까지 완성도를 높이는 작업을 진행하세요. 참고 iOS UI guideline http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/UIElementGuidelines/UIElementGuidelines.html#//apple_ref/doc/uid/TP40006556-CH13-SW1 Android U..

다음주 금요일 5월 10일로 수업을 변경하여 미대 724호 연구실에서 10시 부터 1시까지 진행합니다. 아래의 코멘트 대로 과제를 진행하여 오시면 됩니다. 민정 중간발표 슬라이드화일 댓글로 달아 제출할것 화면 와이어프레임 완성하고, 3~5명에게 테스트 하여 볼것, 이후 초기화면과, 메인화면정도를 비쥬얼 디자인 작업까지 해 올것 기말은 프로토타입 영상으로 완성한다고 생각하고 작업할것 한솔 디자인을 넣은 화면을 넣기전에 와이어프레임 버전을 가지고 아이들에게 사용성 테스트를 해볼것 이를 토대로 화면 디쥬얼 디자인 작업을 해 올것 (아날로그적 감성을 어떻게 표현?) 추후 진행하면서 화면이 어느정도 나오면 네이티브에게 또는 영어교육하는 전공자를 찾아서 컨텐츠 (영어)에 대한 감수를 받을것 모글루로 구현하는것을 고..

UI/UX 디자인 중간과제 발표 템플릿은 아래를 참고해 주시고. 다음이 포함되어 있어야 합니다. - 리서치 - 퍼소나 - 시나리오 - 타스트 플로어 - 와이어 프레임 중간발표화일은 ppt나 pdf 화일로 slideshare.net에 올리고 그 임베디드를 가져다가 본인의 블로그에 붙이신뒤에 여기에 댓글로 해당 포스트의 URL을 달것! 참고 예 : http://www.slideshare.net/rorymai/webdesign2-mobileweb * slideshare.net에 회원가입을 한후 ppt화일이나 pdf 화일을 업로드하면 위의 URL 처럼 보이고 여기서 슬라이드의 상단에 Embed를 눌러서 자신의 블로그에 삽입한뒤에 그 포스트 URL을 복사해서 여기에 댓글로 달면됨 프리젠테이션 템플릿은 De..

보호되어 있는 글입니다.