UX, SD, and UA<br />IA4340-1[Tue 1,2,3]D406<br />IA4340-2[Tue 5,6,7]D325<br />Visual Design/2011 Fall Semester<br />UI Des...
진행<br />자기소개서 발표<br />Blog에 2 page로 만들기 (자기 소개서/대표작품)<br />Vimeo Profile [Blog, A/B 반, 학번, 이름, 소속 Vimeo그룹]<br />팀 프로젝트 진행 ...
Class Blog/Vimeo/Twitter<br />http://dsdlab.wordpress.com<br />http://www.vimeo.com/dsdlab<br />http://twitter.com/dsdlab<...
User Experience<br />The Surface Plane<br />Visual Design<br />The Skeleton Plane<br />Information design<br />Interface d...
The Strategy Plane<br />Defining the Strategy<br />What do we want to get out of this site?<br />What do our users want to...
The Scope Plane<br />Defining the Scope<br />Reason #1 : So You Know What You’re Building<br />Reason #2 : So You Know Wha...
The Structure Plane<br />Defining the Structure<br />Interaction Design<br />Conceptual Models<br />Error Handling<br />In...
The Skeleton Plane<br />Defining the Skeleton<br />Convention and Metaphor<br />Interface Design<br />Checkboxes/Radio But...
The Surface Plane<br />Defining the Surface<br />Follow the eye<br />Contrast and Uniformity<br />Grid-based layout<br />I...
Future Display & Interaction Scenario<br />10<br />
Augmented City 3D<br />11<br />
Upcoming SlideShare
Loading in …5
×

Week02 ux design_sd_user analysis

1,583 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,583
On SlideShare
0
From Embeds
0
Number of Embeds
958
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Week02 ux design_sd_user analysis

  1. 1. UX, SD, and UA<br />IA4340-1[Tue 1,2,3]D406<br />IA4340-2[Tue 5,6,7]D325<br />Visual Design/2011 Fall Semester<br />UI Design/ Week 02<br />
  2. 2. 진행<br />자기소개서 발표<br />Blog에 2 page로 만들기 (자기 소개서/대표작품)<br />Vimeo Profile [Blog, A/B 반, 학번, 이름, 소속 Vimeo그룹]<br />팀 프로젝트 진행 방식<br />Team-up First<br />나머지는 Non-Place AR Team으로 통합<br />HCI 학회 논문제출을 원하는 팀은 사전에 면담신청 (Due : 9월 25일)<br />팀별Vimeo Group 형성<br />팀대표가Group을 형성하고 팀원이 Moderating Role을 한다.<br />Group Profile에 기재사항 : A/B 반 구분, 프로젝트 제목<br />Week 02 수업<br />http://www.jjg.net/elements/<br />http://www.jjg.net/elements/resources/<br />http://www.servicedesigntools.org/<br />2<br />
  3. 3. Class Blog/Vimeo/Twitter<br />http://dsdlab.wordpress.com<br />http://www.vimeo.com/dsdlab<br />http://twitter.com/dsdlab<br />3<br />
  4. 4. User Experience<br />The Surface Plane<br />Visual Design<br />The Skeleton Plane<br />Information design<br />Interface design<br />Navigation design<br />The Structure Plane<br />Interaction Design<br />Information Architecture<br />The Scope Plane<br />Functional specification<br />Content requirement<br />The Strategy Plane<br />User Needs<br />Site Objectives<br />4<br />Concrete<br />Surface<br />Skeleton<br />Structure<br />Scope<br />Strategy<br />Abstract<br />http://www.jjg.net/elements/pdf/elements.pdf<br />
  5. 5. The Strategy Plane<br />Defining the Strategy<br />What do we want to get out of this site?<br />What do our users want to get out of it?<br />Site Objectives<br />Business Goals<br />Brand Identity<br />Success Metrics<br />User Needs<br />User Segmentation (demographic/Psychographic)<br />Usability and User Research (Market Research/contextual Inquiry/task analysis/user testing/card sorting/Persona)<br />5<br />
  6. 6. The Scope Plane<br />Defining the Scope<br />Reason #1 : So You Know What You’re Building<br />Reason #2 : So You Know What You’re Not Building<br />Functionality and Content<br />Gather Requirements<br />Functional Specifications<br />Be Positive<br />Be Specific<br />Avoid subjective language<br />Content Requirements<br />Prioritizing Requirements<br />6<br />
  7. 7. The Structure Plane<br />Defining the Structure<br />Interaction Design<br />Conceptual Models<br />Error Handling<br />Information Architecture<br />Not just help people find things<br />Educate, inform, persuade users<br />7<br />
  8. 8. The Skeleton Plane<br />Defining the Skeleton<br />Convention and Metaphor<br />Interface Design<br />Checkboxes/Radio Buttons/Dropdown lists/List boxes/Action Buttons<br />Navigation Design<br />Global Navigation/Local Navigation/Supplementary Navigation/Contextual Navigation/Courtesy Navigation<br />Information Design<br />Grouping/ Wayfinding<br />Wireframes<br />8<br />
  9. 9. The Surface Plane<br />Defining the Surface<br />Follow the eye<br />Contrast and Uniformity<br />Grid-based layout<br />Internal and External Consistency<br />Color Palettes and Typography<br />Design Composite(Design Comps) and Style Guides<br />9<br />
  10. 10. Future Display & Interaction Scenario<br />10<br />
  11. 11. Augmented City 3D<br />11<br />

×