최영현 Ia structuring 이론 및 실습

1,446 views

Published on

0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,446
On SlideShare
0
From Embeds
0
Number of Embeds
20
Actions
Shares
0
Downloads
0
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide

최영현 Ia structuring 이론 및 실습

  1. 1. dSmart UX & UI Design : 2nd - Orientation반갑습니다반갑습니다.
  2. 2. Good design is Good business정보, 지식, 지혜를 향한 발걸음최영현최영현e. chyh630@nate.come. chyh630@nate.comc. +82 10 2437 3018c. +82 10 2437 3018s. vrbox.nets. vrbox.net現現)) 서울과학기술대학교서울과학기술대학교,, 계원조형예술대학교계원조형예술대학교,, 인덕대학교인덕대학교 출강출강학력학력 정보정보現現)) 서울과학기술대학교서울과학기술대학교,, 계원조형예술대학교계원조형예술대학교,, 인덕대학교인덕대학교 출강출강·· 홍익대학교홍익대학교 국제디자인전문대학원국제디자인전문대학원 || 디자인학디자인학 박사과정박사과정 중중 || 관심분야관심분야 UX, UIUX, UI·· 홍익대학교홍익대학교 광고홍보광고홍보 대학원대학원 || 문학석사문학석사 || 브랜드브랜드 매니지먼트매니지먼트 전공전공·· 한성대학교한성대학교 || 예술학사예술학사 || 산업디자인과산업디자인과 시각디자인전공시각디자인전공
  3. 3. Good design is Good business경력경력 정보정보정보, 지식, 지혜를 향한 발걸음경력경력 정정· 2012 |· 2012 | 대한에이엔씨대한에이엔씨 R&DR&D 연구소연구소 || 서비스디자인서비스디자인 연구소장연구소장· 2012 |· 2012 | 샘파트너스샘파트너스 서비스디자인서비스디자인 연구소연구소 || 소장소장· 2011 |· 2011 | 홍익대학교홍익대학교 디자인혁신센터디자인혁신센터 || 책임연구원책임연구원· 2011 |· 2011 | 키드잡키드잡 평생교육원평생교육원 아동미술아동미술 || 강좌강좌 지도강사지도강사· 2009 |· 2009 | 한양대학교한양대학교 디자인경영센터디자인경영센터 || 아트디렉터아트디렉터· 2008 |· 2008 | 클라우드나인클라우드나인 크리에이티브크리에이티브 |||| 엑센춰엑센춰,, 딜로이트딜로이트, CVA, CVA 컨설팅그룹과컨설팅그룹과 협업협업 | e| e--BrandBrand 전략컨설턴트전략컨설턴트· 2007 |· 2007 | 한솔한솔 CSN |CSN | 전략기획팀전략기획팀 대리대리· 2002 |· 2002 | 인터하우스인터하우스 | LG CNS :| LG CNS : 공공기관프로젝트팀공공기관프로젝트팀 || 디자이너디자이너· 2001 |· 2001 | 한국디자인진흥원한국디자인진흥원 || 지식연구팀지식연구팀 || 위촉연구원위촉연구원자격증자격증자격증자격증· 2011 | Italy· 2011 | Italy DomusDomus Academy Design Thinking ProgramAcademy Design Thinking Program 수료수료· 2010 | MBTI· 2010 | MBTI 보수과정보수과정 수료수료2009 |2009 | 칼라리스트칼라리스트 자격증자격증· 2009 |· 2009 | 칼라리스트칼라리스트 자격증자격증· 2007 |· 2007 | 아동미술지도사아동미술지도사 11급급· 2007 |· 2007 | 아동미술심리지도사아동미술심리지도사 11급급· 2007 | pop· 2007 | pop 예쁜손글씨예쁜손글씨 지도사지도사 11급급2007 | MBTI2007 | MBTI 초급과정초급과정 수료수료· 2007 | MBTI· 2007 | MBTI 초급과정초급과정 수료수료· 2006 |· 2006 | 유통관리사유통관리사 자격증자격증· 2006 | MOUS· 2006 | MOUS 전문가전문가 자격증자격증
  4. 4. dSmart UX & UI Design : 2nd - Orientation들어가기 전에들어가기 전에…
  5. 5. Contrex신진대사 촉진을 시켜주는미네랄 워터로 아름다운 몸매를
  6. 6. 서비스디자인의창의적인 혁신IDEOIDEOThe Constantly Creative Company6
  7. 7. Smart UX & UI Design : 4th - Work Process우리는우리는어디까지 왔나?어디까지 왔나?
  8. 8. Service DesignMethodDoubleDiamondM d lDiscover Define Develop DeliverModel확산적 사고와 수렴적 사고의 반복으로창의적인 디자인사고 통해확산적 사고•고객에 대한 이해•맥락적 조사•문헌조사•전문가와 의견공유수렴적 사고•다양한 방법론을활용하여 서비스개념 도출확산적 사고•다양한 디자인 제시•프로토타이핑•컨셉 수정 및 개선•효과적 적용방안 연구수렴적 사고•디자인 결정•고객평가•디자인 검증 실행창의적인 디자인사고 통해예민하게 문제점을 찾고혁신적인 아이디어로 해결책 도출하여지속 가능한 서비스 디자인 모델 제안•전문가와 의견공유 효과적 적용방안 연구서비스디자인 방법론의 시초는 1982년 유럽 마케팅 저널에 소개된 린 쇼스탁(Lynn G Shostack)의 “서비스를 디자인하는 방법”이라는 논문을 통해서 알려지게 되었다. 그 이후2005년에 영국 디자인협의에서 발표한 서비스디자인 방법론인Double Diamond는 Discover > Define > Develop> Deliver의 4단계의 과정을 통해서 혁신서비스를 도출하는 방법론으로 각각의 이니셜을 따서 형식상 4DProcess를 갖춰지게 되었다. 이 방법론의 특징은 확산과 수렴이라는 디자인적인사고방식에 민족지학(民族誌學)이라는 ethnography라는 관찰기법으로 디자이너들의 예민한 감수성을 통해서 문제점을 찾아내고 기발한 아이디어를 구체화시8켜 혁신서비스로 만들어 2005년에 영국 디자인협회에서 발표한 DoubleDiamond 서비스디자인 방법론 가는 과정이다.
  9. 9. Service DesignMethodDoubleDiamondM d lDiscover Define Develop DeliverModel확산적 사고와 수렴적 사고의 반복으로창의적인 디자인사고 통해확산적 사고•고객에 대한 이해•맥락적 조사•문헌조사•전문가와 의견공유수렴적 사고•다양한 방법론을활용하여 서비스개념 도출확산적 사고•다양한 디자인 제시•프로토타이핑•컨셉 수정 및 개선•효과적 적용방안 연구수렴적 사고•디자인 결정•고객평가•디자인 검증 실행창의적인 디자인사고 통해예민하게 문제점을 찾고혁신적인 아이디어로 해결책 도출하여지속 가능한 서비스 디자인 모델 제안•전문가와 의견공유 효과적 적용방안 연구서비스디자인 방법론의 시초는 1982년 유럽 마케팅 저널에 소개된 린 쇼스탁(Lynn G Shostack)의 “서비스를 디자인하는 방법”이라는 논문을 통해서 알려지게 되었다. 그 이후2005년에 영국 디자인협의에서 발표한 서비스디자인 방법론인Double Diamond는 Discover > Define > Develop> Deliver의 4단계의 과정을 통해서 혁신서비스를 도출하는 방법론으로 각각의 이니셜을 따서 형식상 4DProcess를 갖춰지게 되었다. 이 방법론의 특징은 확산과 수렴이라는 디자인적인사고방식에 민족지학(民族誌學)이라는 ethnography라는 관찰기법으로 디자이너들의 예민한 감수성을 통해서 문제점을 찾아내고 기발한 아이디어를 구체화시9켜 혁신서비스로 만들어 2005년에 영국 디자인협회에서 발표한 DoubleDiamond 서비스디자인 방법론 가는 과정이다.
  10. 10. Warming upService Design MethodWhat is SD Method?Service design | Smart device UX, UI designService Design Method“서비스디자인”이란 무엇인가?디자인적 사고를 통해서 다학제적인 접근으로 혁신적인 아이디어(가치중심)를 발굴하고지속적으로 실현 가능하게 할 수 있도록 최적화 하는 방법론입니다.타 서비스 분야와 서비스디자인의 차이점타 서비스 분야 서비스디자인타 서비스 분야와 서비스디자인의 차이점타 서비스 분야 서비스디자인서비스디자인 혁신은…고객경험을 통해 가치 창출한다.그러므로 “가치를 중심의 서비스”를 제공한다.10* 출처 : 서비스디자인의 동향과 정책방향
  11. 11. Warming upService Design MethodWhat is SD Method?Service design | Smart device UX, UI designService Design Method“서비스디자인”이란 무엇인가?디자인적 사고를 통해서 다학제적인 접근으로 혁신적인 아이디어(가치중심)를 발굴하고지속적으로 실현 가능하게 할 수 있도록 최적화 하는 방법론입니다.타 서비스 분야와 서비스디자인의 차이점타 서비스 분야타 서비스 분야와 서비스디자인의 차이점서비스디자인타 서비스 분야 서비스디자인서비스디자인 혁신은…고객경험을 통해 가치 창출한다.그러므로 “가치를 중심의 서비스”를 제공한다.11* 출처 : 서비스디자인의 동향과 정책방향
  12. 12. Warming upService Design MethodWhat is SD Method?Service design | Smart device UX, UI designService Design Method“서비스디자인”이란 무엇인가?디자인적 사고를 통해서 다학제적인 접근으로 혁신적인 아이디어(가치중심)를 발굴하고지속적으로 실현 가능하게 할 수 있도록 최적화 하는 방법론입니다.타 디자인분야와 서비스디자인의 차이점타 디자인 분야 서비스디자인타 디자인분야와 서비스디자인의 차이점타 디자인 분야 서비스디자인서비스디자인은…“맥락적” 연구를 통해 “보이지 않는 시스템”을 이해관계자에게12* 출처 : 서비스디자인의 동향과 정책방향“새로운 경험의 가치”를 디자인하여 제공한다.
  13. 13. Warming upService Design MethodWhat is SD Method?Service design | Smart device UX, UI designService Design Method“서비스디자인”이란 무엇인가?디자인적 사고를 통해서 다학제적인 접근으로 혁신적인 아이디어(가치중심)를 발굴하고지속적으로 실현 가능하게 할 수 있도록 최적화 하는 방법론입니다.타 디자인분야와 서비스디자인의 차이점타 디자인 분야타 디자인분야와 서비스디자인의 차이점서비스디자인타 디자인 분야 서비스디자인서비스디자인은…“맥락적” 연구를 통해 “보이지 않는 시스템”을 이해관계자에게13* 출처 : 서비스디자인의 동향과 정책방향“새로운 경험의 가치”를 디자인하여 제공한다.
  14. 14. 산업에서 바라본 “경험”이란 단어의 의미확장…UI UX CX HX(User Interface) (User eXperience) (Customer eXperience) (Human eXperience)제품> 사용자경험> 고객경험> 인간경험제조산업> 제조+서비스산업> 서비스산업> 공공서비스산업
  15. 15. Good design is Good business정보, 지식, 지혜를 향한 발걸음IA Structuring 이란 무엇인가?스마트기기 UX/UI 2차 교육스마트기기 UX/UI 2차 교육2013년 6월 17일 : 참고자료최영현 컨설턴트 |
  16. 16. Good design is Good business정보, 지식, 지혜를 향한 발걸음Part1IA의 이해 I 28일 13:00~13:50Part2IA의 실습 I 28일 14 00 14 50 | 15 00 15 50• Data Gathering• Grouping• Categorize• GNB (Global navigation Bar)N i iIAIA의 실습 IP 328일 14:00~14:50 | 15:00~ 15:50 • NavigationPart3IA의 평가 I 28일 16:00~16:50 | 17:00~ 17:50
  17. 17. PART 1IA(Information Architecture)의 이해 IIA(Information Architecture)의 이해 I인포메이션 아키텍처의 궁극적인 목적은 이용자가 원하는 정보를 편안하고 불편함 없이이동하기 위함입니다 이러한 세심한 노력은 서비스의 충성도와 지속성을 강화켜 줍니다이동하기 위함입니다. 이러한 세심한 노력은 서비스의 충성도와 지속성을 강화켜 줍니다.: What is Information Architecture?
  18. 18. PART 1IA(Information Architecture)의 이해 IOverviewSmart UX & UI Study : 4th( )의 이해IA는 왜 필요한가?IA Overview1 필요한 데이터를 수집하고서비스 콘텐츠 제공에 필요한 데이터 수집 (D t G th i )Date 1 서비스, 콘텐츠 제공에 필요한 데이터 수집 (Data Gathering)2 원하는 정보를 찾아내어콘텐츠에 대한 분류(G i ) 서비스를 위한 콘텐츠의 분류 (C i )Information 2 콘텐츠에 대한 분류(Grouping), 서비스를 위한 콘텐츠의 분류 (Categorize)Knowledge3 이용자가 필요한 정보를 쉽게 찾아갈 수 있게정보의 접근이 용이하도록 GNB (Global navigation Bar) 정의Knowledge(사용자정보암호화)Wisdom(사용자경험결합)4 정보를 구조화 하는 기초작업으로 필요하고 중요 한 작업이다.콘텐츠에 대한 분류(Grouping), 메뉴의 위계질서 (Hierarchy), 정보의 접근이 용이하도록 GNB (Globali ti B ) 정의 서비스를 위한 콘텐츠의 분류 (C t i ) 정보탐색 (N i ti )하는데 필요navigation Bar) 정의, 서비스를 위한 콘텐츠의 분류 (Categorize), 정보탐색 (Navigation)하는데 필요한 구조정의22
  19. 19. 왜 IA가 중요한가?왜, IA가 중요한가?빠르게 정보 찾기!- 빠르게 정보 찾기!정보를 찾는데 드는 비용(시간과 노력 포함)을 최대한으로 줄이기 위해서 필요회사의 인트라넷에서 그것만 위치가 제대로 박혔어도 직원들이 덜 고생하게 됨인 넷 것만 박혔 직원들 덜 생 됨잘못된 IA 때문에 애먹은 직원들의 시간을 비용으로 산정해보라..충실한 좋은 경험제공- 충실한 좋은 경험제공IA가 엉망으로 되면 이용자가 그 사이트에서 불쾌한 경험기업 자체에 대한 나쁜 이미지, 제품도 그렇게 엉성하게 만들 것 같은 느낌IA는 브랜드 가치와도 직결효율적인 자원 투자- 효율적인 자원 투자잘못 설계된 사이트는 반드시 재 구축을 경험잘못된 IA 재설계 비용은 크고,어떨 때는 아예 다시 만드는 편이 덜 비용이 효과적
  20. 20. IA와 밀접하게 연결된 다른 영역IA와 밀접하게 연결된 다른 영역그래픽 디자인- 그래픽 디자인- 인터랙션 디자인- 인터랙션 디자인- 유용성 공학유용성 공학- 경험 디자인- 소프트웨어 개발- 콘텐츠 관리- 프로젝스 메니지
  21. 21. 무질서한 정보의 세계무질서한 정보의 세계질서정연한 찾기 쉬운질서정연한정보의 세계찾기 쉬운정보의 세계정보의 세계i ti정보의 세계hnavigation search
  22. 22. 정보를 구조화 하는 기초작업으로정보를 구조화 하는 기초작업으로필요하고 중요 한 작업이다.콘텐츠에 대한 분류(Grouping)메뉴의 위계질서 (Hierarchy)메뉴의 위계질서 (Hierarchy)정보의 접근이 용이하도록 GNB (Global navigation Bar) 정의서비스를 위한 콘텐츠의 분류 (Categorize)서비 를 위한 콘텐 의 분류 ( g )정보탐색 (Navigation)하는데 필요한 구조정의
  23. 23. “The map is not the territory.”Alfred Korzybski
  24. 24. 29
  25. 25. 30
  26. 26. IA 3가지 환경요소에 대해가지 환경 에 대해사용자 : 고객, 업무, 욕구, 정보 추구 행동, 경험사용자 : 고객, 업무, 욕구, 정보 추구 행동, 경험콘텐츠 : 문서,데이터 형태,컨텐츠 객체, 양, 기존 구조컨텍스트 : 사업목적,자금,정치,문화,기술,자원,제약조건
  27. 27. Information Architecture는 뼈대를 만드는 작업,U i t f 는 그 안에 살과 피를만드는 작업User interface는 그 안에 살과 피를만드는 작업
  28. 28. Part1Part1Information Architecture
  29. 29. Part2Part2User interface
  30. 30. 잠깐!!!Information Architecture작업 하기 전고려해야 할 것들!들어가기 전컨셉컨셉컨셉준비되셨나요?
  31. 31. Smart Banking Branch 개선금융 서비스 중심 : 동선, 아날로그 감성, 시청각 피드백 개선1여성전문병원 (산부인과 인식)개선의료서비스 중심 : 명칭의 일반 인식, 청소년 여성전문진료 인식2Story Bank book 비대면 서비스 개선3 y금융서비스 중심 : 1인 재무 대면&비대면 컨설팅 및 상품판매 서비스 개선3유아병원 서비스 개선의료서비스 중심 : 유아 통증 커뮤니케이션,놀이를 통한 병원 공포감 개선4환자와 보호자 감성소통 서비스의료서비스 중심 : 환자, 보호자, 코디네이터를 위한 감성소통 커뮤니케이션 서비스5
  32. 32. 잠깐!!!Information Architecture작업 하기 전고려해야 할 것들!첫 번째사람사람사람충분한 이해를 하고 있으신가요?
  33. 33. 잠깐!!!Pop Quiz당신의 기억력은?당신의 기억력은?준비되셨나요?
  34. 34. 오마리사함미라차죠사키미오마리사함미라차죠사키미
  35. 35. 잠깐!!!Pop Quiz기억나시는 분?기억나시는 분?도전하시겠어요?
  36. 36. 오마리사마리사함미라차함미라차죠사키미
  37. 37. 잠깐!!!Pop Quiz당신의 기억력은?당신의 기억력은?준비되셨나요?
  38. 38. 376844879157864561833 68 8 9 5 86 56 83
  39. 39. 잠깐!!!Pop Quiz기억나시는 분?기억나시는 분?도전하시겠어요?
  40. 40. 3768448791579157864586456183
  41. 41. 멘탈 모델과 심성모델멘탈 모델과 심성모델
  42. 42. 멘탈 모델과 심성모델멘탈 모델과 심성모델
  43. 43. 멘탈 모델과 심성모델멘탈 모델과 심성모델
  44. 44. 잠깐!!!Information Architecture작업 하기 전고려해야 할 것들!두 번째스마트 디바이스스마트 디바이스최적의 Touch point를 선택하셨나요?
  45. 45. 시장의 성장 : 기기 보급2009 20132010ICT 산업 전체가 스마트 시대로 급전환디지털 텐츠의 저작권 제와 헬 원격 육 같은 마디지털 콘텐츠의 저작권 문제와 U헬스, 원격 교육 같은 스마트융합 산업을 육성하기 위한 스마트형 통신 정책이 시급
  46. 46. 시장의 성장 : 통신사별 스마트폰 사용자 추이국내 이동통신 시장이바야흐로 ‘스마트 시대’로 급전환바야흐로 ‘스마트 시대’로 급전환디지털 콘텐츠의 저작권 문제와 U헬스 원격 교육 같은 스마트디지털 콘텐츠의 저작권 문제와 U헬스, 원격 교육 같은 스마트융합 산업을 육성하기 위한 스마트형 통신 정책이 시급
  47. 47. 여러분이 선택한Smart Device는?AS-IS To-be현재 사용하고 있는 것 미래 사용할 것DIDKiosk??Kiosk…실현 가능한 시나리오 미래시나리오실현 가능한 시나리오즉시 실행이 가능하 미래비전에도록 산출물 제작 공감이 가는 산출물 제작
  48. 48. 현재사용하고 있는 Smart Device현재사용하고 있는 Smart Device
  49. 49. 현재사용하고 있는 Smart Device현재사용하고 있는 Smart DeviceCloud + Multi touch ScreenPUI : Physical User InterfaceCUI : Character User InterfaceGUI : Graphic User InterfaceNUI : N t l U I t fNUI : Natural User InterfaceContext UI : 상황인식 UI
  50. 50. MS가 만든 윈도우8,혁신적인 메트로UI 과연 사용자가 원할까?혁신적인 메 과연 사용자가 원할까윈도우8 혁신과 사용자 경험의 차이를 인정해야 한다.반대로 Mac OSX는 터치기능과 앱스토어 기능을 넣었지만아이폰/아이패드의 경험을 PC까지 연장하는 부분은 아직 적용하지 않고 있다는 사실
  51. 51. 북마킹/큐레이션이라는 서비스는북마킹 큐레이션이라는 서비 는앞으로 소셜커머스와 더불어 더욱 발전할 것으로 전망“In The Box” 소셜 UI디자인 렌 를 바꾼 Pi (핀터레스 )디자인 트렌드를 바꾼 Pinterest(핀터레스트)간단한 글로벌 네비게이션, 이미지 (공유버튼/원본소스로의 링크), 이미지에 관한 간단한 설명Like/Repin 수의 카운트, Like를 누른 사람 / 코멘트를 단 사람의 리스트
  52. 52. 뇌와 정보고객의 언어로 말하세요!고객의 언어로 말하세요!대규모의 생산시설과 대량생산시스템에 의해 생산량이 시장수요를 초과함에 따라대규모의 생산시설과 대량생산시스템에 의해 생산량이 시장수요를 초과함에 따라재고를 어떻게 처리할 것인지에 대해 고민하고 있다. 반면, 소비자는 시장에서제품 선택의 폭이 크게 늘어나 과거와 달리 훨씬 까다로워진 구매행동을 보이고 있다.
  53. 53. 상황인식 UI시리’는 사용자가 질문이나 요청을 하면 여러 단어와 문맥을시리 는 사용자가 질문이나 요청을 하면 여러 단어와 문맥을조합해 최상의 대답을 찾아주고 명령을 수행하는 기능이다
  54. 54. 디지로그 UI디지로그 UI온오프라인의 연결된 경험을 원한다.펜은 펜 굵기 실제 펜에 가까운 향상된 립감을 제공하며S펜은 6.5mm 펜 굵기로 실제 펜에 가까운 향상된 그립감을 제공하며,필기감도 대폭 개선되어 섬세하고 자연스러운 표현이 가능해졌습니다
  55. 55. 미래에 사용될 Smart Device미래에 사용될 Smart Device에어마우스 착용
  56. 56. 에어마우스 착용
  57. 57. 마이너리티 리포트보다 업그레이드된 MIT의 제스쳐폰
  58. 58. 미래에 사용될 Smart Device미래에 사용될 Smart DeviceUbiquitous intelligent systemq g yHologram displayFlexible display인공지능 시스템 : 기계가 사람과 동일한 기능을 수행홀로그램 디스플레이 : 가상의 상이지만 빛을 통해 실물과 같게 재현플렉서블 디스플레이 : 형태변형이 자유로운 영상재생 스크린
  59. 59. 미래에 사용될 Smart Device미래에 사용될 Smart Device
  60. 60. 미래에 사용될 Smart Device와 예측 시스템용 측
  61. 61. 미래에 사용될 예측시스템미래에 사용될 예측시스템
  62. 62. 미래에 사용될 예측시스템미래에 사용될 예측시스템생체정보 예측 + 빅데이터 예측생체정보 예측 빅데이터 예측Big data와 인공지능 시스템 : 인간의 행동 결정 6초 전의 생각 예측Big data와 인공지능 시스템 인간의 행동 결정 6초 전의 생각 예측
  63. 63. 첫 번째 실습IA 만들기!IA 만들기!www.cacoo.com 사용하기!
  64. 64. Designing web navigation > 네비게이션 레이블링1. 회사 전문 용어를 쓰지 않는다.2. 기술 용어를 쓰지 않는다.A. 사용자 언어로 말하기3. 너무 똑똑하거나 재미있는 용어를 쓰지 않는다.4. 약자를 쓰지 않는다.5 적절한 보이스톤을 사용한다5. 적절한 보이스톤을 사용한다.B. 설명적인 레이블C. 상호 배타적인 레이블D. 명확한 초점을 나타내는 레이블1. 정밀도2. 구문론E. 일관된 레이블2. 구문론3. 동일한 UI적 표현4. 기능적 공통용어 사용F. 레이블의 길이
  65. 65. The Rules of IDEO Brainstorming1. Defer judgment2. Encourage wild ideas3 Build on the ideas of others3. Build on the ideas of others4. Stay focused on the topic5 O ti t ti5. One conversation at a time6. Be visual.7. Go for quantity
  66. 66. Cacoo comCacoo.comInformation Architecture Design
  67. 67. dSmart UX & UI Design : 2nd - Orientation들어가기 전에들어가기 전에…
  68. 68. 세상을 바꾼“네 개의 사과”를 아시나요?96
  69. 69. 1. 이브의 사과2. 뉴턴의 사과3 세잔의 사과1 2973. 세잔의 사과4. 잡스의 사과3 4
  70. 70. Good design is Good business정보, 지식, 지혜를 향한 발걸음Part1IA의 이해 II 29일 13:00~13:50Part2IA의 실습 II 29일 14 00 14 50 | 15 00 15 50• Wireframe• Paper PrototypingIAIA의 실습 IIP 329일 14:00~14:50 | 15:00~ 15:50p yp gPart3IA의 평가 II 29일 16:00~16:50 | 17:00~ 17:50
  71. 71. en 번째 실습en 번째 실습WireframeWireframe만들기!만들기!사용하기www.cacoo.com 사용하기!
  72. 72. Cacoo comCacoo.comWireframe Design
  73. 73. ThTheRihttp://konigi/ghtWa.com/noteb2009/01/01aytoWbook/all-righrayundry.com/2Wireframht-way-wirefesofGsemanticfoumeframe-video102Shadehttp://blog.sos102
  74. 74. Paper Prototyping
  75. 75. Paper Prototyping
  76. 76. 게이머의 멘탈모델과 이용행태 Experience Map: Genre Gamer
  77. 77. Develop스토리보드 p런던 히드로 공항 서비스 제공 시 문제가 있는 영역에서 해결책을찾기 위해 조사된 상황에 맞춰 특정 시나리오 만든다찾기 위해 조사된 상황에 맞춰 특정 시나리오 만든다.이때 정의된 캐릭터가 스토리보드 상에 시각화된 결과물을 만든다.만들어진 스토리보드는 이해관계자들이 문제해결을 위해 참여하여다양한 지식공유를 가능하게 해준다.다양한 지식공유를 가능하게 해준다.*출처: 엔진 서비스디자인 | 버진항공사 런던 히드로 공항 서비스개선Experience Prototyping
  78. 78. 사고방식
  79. 79. multi-touch gestures
  80. 80. 사용성 테스트 ( bilit t t)에 대한사용성 테스트 (usability test)에 대한정의는 ISO 9126에서 보면 사용성을 세가지로 정의효과성효과성(effectiveness: accuracy & completeness)효율성( ffi i ti )(efficiency: time)만족도(satfisfation)의( )의

×