SlideShare ist ein Scribd-Unternehmen logo
1 von 127
2012 2nd semester class by jylee



Interactive | 3D Contents
            20121121 Class11 Information Design




                                               interacitve3D.jylee6977.com/tc
8. 주차별 강의계획


Class Schedule                         주    날짜                     주제                       내용               교재


                                        1   09/05   Introduction         Ice Braking | Orientation



                                        2   09/12   인터랙티브 입체영상 트렌드       인터랙티브한 입체영상 시장 및 이슈 소개

                 Part1 Interactivity
                                        3   09/19   다양한 사용자 인터랙션 소개      인터랙티브 홀로그램



                                        4   09/26   상호작용성 소개             인터랙티비티에 대한 동향 및 방법 소개


                                        5   10/11   Open Framework       전체 프레임워크 소개 및 기획

                                                                                                           최유주

             Part2 Interactive wall
                                        6   10/18   Open Framework       Open Framework을 통한 제작(1)
                                                                                                           교수님 진행

                                        7   10/25   Open Framework       Open Framework을 통한 제작(2)



                                        8   11/01   중간고사                 - Open Framework를 통한 Contents기획


                                                                         - 인터랙티브한 환경에서의 입체영상
                                        9   11/08   인터랙티브 입체영상 기획
                                                                         - 사용자와 인터랙티브 입체영상


                                       10   11/15   인터랙티브 입체영상 디자인(1)    - 전체 기획에 따른 전략 및 전술



                                       11   11/22   인터랙티브 입체영상 디자인(2)    - 인터페이스 및 인포메이션 디자인



                                       12   11/29   인터랙티브 입체영상 디자인(3)    - 인터랙션 프로그래밍
        Part3 Interactive contents
                                       13   12/7    인터랙티브 입체영상 후반작업(1)   - 기기 포팅



                                       14   12/14   인터랙티브 입체영상 후반작업(2)   Refine & Presentation Skill


                                       15   12/21   기말고사                 인터랙티브 입체영상 기획 및 제작 프레젠테이션
INFORMATION DESIGN
1.
Examples in US.
2. IDENTIFY THE NODES OF
           INFORMATION
it’s good to know what you’re working with
NODES OF INFORMATION:




       ?
NODES OF INFORMATION:
__ Image
__ Title
__ Length
__ From
__ Views
NODES OF INFORMATION:
__ Image
__ Title
__ Length
__ From
__ Views

__ Visited (or not)
3.ORGANIZE TO REDUCE COMPLEXITY
Sort
Label
Integrate
Prioritize
ANY IDEA?
ANY IDEA?
GROUP & SORT INFO:




What                 How
viewZi
viewZi
4.REMOVE
UNNECESSARY
INFORMATION
This amount fidelity isn’t needed. User is
either accepts default result set, or all results.
         Anything in between is noise.




                              66
Duplicate text can confuse users,
     especially if they miss the arrows.




67
Duplicate text can confuse users,
     especially if they miss the arrows.

      Instead, use tabs, or offer a drop
     down with plain english - “Sort by
                lowest price”




68
This fidelity isn’t needed. Instead,
       reduce the amount of options:




69
This fidelity isn’t needed. Instead,
  reduce the amount of options:

        BACK   1 of 8   NEXT
“Free Shipping both ways”
  is mentioned 13 times




           71
Number of products = 12




          72
Context makes the content explicit
    (remove the darn labels!)
LOOK AT YOUR SHEETS




Is there any information
 that can be removed?
5.EMPHASIZE MOST
   IMPORTANT INFORMATION
AND MINIMIZE THE LESS IMPORTANT STUFF
“Would you like to add this to your schedule?”
http://www.lukew.com/resources/articles/
web_forms.html
viewZi
Present




  Past




          viewZi
this is the top
    priority?
Is this
necessary?
Your
order


 Your
order
PRICE?
Did we get your order correct?

Large Stuffed Crust Pizza                                            $8.13
    with mushrooms

Large Stuffed Crust Pizza                                            $8.13
    with olives

                                                       SUBTOTAL     $23.12
                                     20% off your first web order!   -$3.85



           Place order for $19.26
                  Go back and make changes to my order
LOOK AT YOUR SHEETS




Highlight the important
stuff. Mark the stuff you
    might minimize.
6.HIDE NON-CRITICAL
    INFORMATION
INTERFACE CHALLENGE:
HOW DO WE REDUCE
COMPLEXITY IN OUR
  APPLICATIONS?
CL ICK
CL ICK
http://songza.com
http://songza.com
http://songza.com
http://songza.com
http://songza.com
http://
viddler.com
http://
viddler.com
http://
viddler.com
interfaceS...
re vealing                       (aka. Progre ssive Disclosur
                                                              e 2.0)
                                                               n
                                                 uctio
                                  A quick introd




http://slideshare.net/jeremy




                               http://flickr.com/photos/knowprose/103650244/
LOOK AT YOUR SHEETS




 Is there any information
that could be collapsed or
          hidden?
7.DISPLAY INFORMATION VISUALLY
we’ve been visual
thinkers for thousands
       of years




                         103
http://flickr.com/photos/iirraa/167674453/
http://www.viewzi.com/search/mmmgood/brownies
replace text with
     visuals
http://worrydream.com/MagicInk/
reinforce text
 with visuals
http://www.livevalidation.com/




 http://www.newspond.com/
http://tuaw.com
Make relationships
 visually explicit!
Prior Period   Week 1    Week 2   Week 3   Week 4   Period to date   Year to date


  $      3,333,826     756,779     0        0        0         756,770       18,757,608


&PY        108.7        108.1     0.0      0.0      0.0         108.1           107.0


$PLan    3,235,893     804,559     0        0        0         804,559       18,674,197
Suggest content
or function with
  visual cues
http://glassdoor.com
http://kampyle.com   http://getsatisfaction.com
display data
  visually
TIP:

Think in 3D
TIP:

Ask “Can a 5
   year old
 understand
   this?”
7.USE TASK-BASED LANGUAGE
“The only use of the word 'you' in the
original was 'amount you owe...'”

Karen A. Schriver




                         http://www.jsonline.com/story/index.aspx?
                         id=222255
1040
                         Department of the Treasury—Internal Revenue Service
                         U.S. Individual Income Tax Return                                                        2003              (99)     IRS use only: Do not write or staple in this space.
                                                                                                                                                                         OMB No. 1545-0074
                                                                                               : beginning______, 2003, ending_______, 200___.
                             For Jan. 1–Dec. 31, 2003. If for another tax year, fill in period
                                                                                                                                                 Presidential Election Campaign
About You                    Your first name and initial                               Last name
                                                                                                                                                 Do you, or your spouse (if filing a
Please place IRS                                                                       Last name                                                 joint return) want $3 to go to this
name and address             If a joint return, spouse’s first name and initial                                                                  fund? Please be aware that
label here. Other-                                                                                             19.            Apt. no.           checking “Yes” will not change
wise, print or type.         Home address (number and street). If you have a P.O. box, see page                                                  your tax or refund.
The 1040                                                                                                ss,             see page 19.                     You Yes  Ë No Ë
                             City, town or post office, state, and ZIP code. If you have a foreign addre
Instructions                                                                                                                                      Spouse      Yes Ë No Ë
provide help for
                                                                                                                                                         Important!




                                                                                                                                                  LLLL
each question on
this form.                                                                                                        You MUST enter your SSN(s)
                         1 Your social security number                     Spouse’s social security number
                         2  Ë Single
                                                                                                         me)
Your Filing              3  Ë Married filing jointly (applies even if only one person had an inco
                                                                                                        here
Status                   4  Ë Married filing separately. Enter your spouse’s SSN above and full name
                                                                                                         adult who qualifies them under IRS rules)
Please check only
                         5  Ë Head of household (applies to people who provide a home for a child or
                                                                                                        here
one box. See page              If the person is a child but not your dependent, enter this child’s name
20 for rules.            6 Ë Qualifying widow(er) with a dependent child
                                                                                                      7a        • No. of boxes checked in 7a + 7b
                         7a Ë Yourself If someone else can claim you as a dependent, do not check box           • No. of children in 7c
 Your                    7b Ë Spouse                                                                              who lived with you
                                                                                                                                                    • No. of children in 7c who did
 Exemptions               7c         Dependents: Check box for each dependent who qualifies for a child tax credit
                                                                                                                                       .
                                                                                                                                                      not live with you due to divorce
                                                             Last name                 Social security number         Relationship to you
 If you have more than                First name                                                                                                      or separation (see page 21)
                                                                                                                                             Ë
 three dependents,                                                                                                                                  • No. of dependents in 7c
 see page 21.                                                                                                                                Ë        not entered above
                                                                                                                                             Ë        Add numbers from above for
                                                                                                                                                      total exemptions
                          7d          Calculate your total number of exemptions in the column to the right
                                                                                                                                                                8
                          8           Wages, salaries, tips, etc. Attach Form(s) W-2
                                                                                                              attach if required)                               9a
 Your                     9a          Taxable interest. (See page 22 for rules about when to file Schedule B;
 Income                   9b          Tax-exempt interest. Do not include this amount on line 9a 9b
                                                                                                                                                                 10a
 Please staple or         10a         Ordinary dividends. Attach Schedule B if required (see page 23)
                                                                                                        10b
 clip Forms W-2           10b         Qualified dividends (see page 23)
                                                                                                              taxes (see page 23)                                11
 and W-2G here. If        11          Taxable refunds, credits, or offsets of state and local income
 you did not get a                                                                                                                                               12
                          12          Alimony received
 W-2, see page 22.                                                                                                                                               13
                          13          Business income or loss. Attach Schedule C or C-EZ
7.TIGHTEN IT ALL UP
v
Welcome to White Space
                                                                       Lorem ipsum dolor sit amet, consectetuer
Welcome to White Space                                                 adipiscing elit. Curabitur tristique, sapien id
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Curabitur tristique, sapien id                        scelerisque euismod, turpis lacus sollicitudin nulla,
scelerisque euismod, turpis lacus sollicitudin nulla,                  non iaculis quam nulla ullamcorper erat. Nam
non iaculis quam nulla ullamcorper erat. Nam
accumsan laoreet enim. Cras vel lectus. Cum sociis                     accumsan laoreet enim. Cras vel lectus. Cum sociis
natoque penatibus et magnis dis parturient montes,                     natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Maecenas malesuada
mattis metus. Proin vehicula pretium nunc. Donec                       nascetur ridiculus mus. Maecenas malesuada
est arcu, viverra a, rutrum sit amet, interdum vitae,                  mattis metus. Proin vehicula pretium nunc. Donec
est. Aenean enim orci, faucibus in, posuere et,
congue pretium, nunc. Vestibulum sagittis turpis                       est arcu, viverra a, rutrum sit amet, interdum vitae,
vitae pede. Praesent est. Aenean consectetuer                          est. Aenean enim orci, faucibus in, posuere et,
ornare arcu. Nulla rhoncus.
                                                                       congue pretium, nunc. Vestibulum sagittis turpis
                                                                       vitae pede. Praesent est. Aenean consectetuer
                                                                       ornare arcu. Nulla rhoncus.




                                                 http://jasonsantamaria.com
FLUID
POTENTIALLY LONG LINE LENGTH
FIXED
ENSURE IT’S FLEXIBLE
NEED TO KNOW USER PATTERN
1. Safe Exploration (Multi-level Undo)
2. Instant Gratification (Success Experience)
3. Satisficing (Don’t make me Think)
4. Changes in midstream (Good Default, Wizard)
5. Deffered choices (Extras on demand)
1. Incremental construction (Good tools make creative actives)
2. Habituation
3. Spatial Memory (Responsive Disclosure)
4. Prospective Memory (Stickey Note)
5. Streamlined Repetition (macro)
DO YOUR INFORMATION DESIGN
FOR NEXT WEEK GUI STYLE GUIDE

Weitere ähnliche Inhalte

Andere mochten auch

[Msd02]mobile servicedesign
[Msd02]mobile servicedesign[Msd02]mobile servicedesign
[Msd02]mobile servicedesign
jylee_kgit
 
좋아보이는것들의비밀 인포그래픽 01
좋아보이는것들의비밀 인포그래픽 01좋아보이는것들의비밀 인포그래픽 01
좋아보이는것들의비밀 인포그래픽 01
윤소 최
 
SQLER on Windows Azure camp - SQL Database
SQLER on Windows Azure camp - SQL DatabaseSQLER on Windows Azure camp - SQL Database
SQLER on Windows Azure camp - SQL Database
근호 이
 
[Info02]definition
[Info02]definition[Info02]definition
[Info02]definition
jylee_kgit
 
인터넷전문은행 Fi-ntechkorea.com
인터넷전문은행  Fi-ntechkorea.com인터넷전문은행  Fi-ntechkorea.com
인터넷전문은행 Fi-ntechkorea.com
Yong Joon Moon
 
Sql study 20101113 유혜원
Sql study 20101113 유혜원Sql study 20101113 유혜원
Sql study 20101113 유혜원
혜원 유
 
HTML5_security_(next_generation_threats)
HTML5_security_(next_generation_threats)HTML5_security_(next_generation_threats)
HTML5_security_(next_generation_threats)
한익 주
 

Andere mochten auch (20)

Directory lists
Directory listsDirectory lists
Directory lists
 
[Msd02]mobile servicedesign
[Msd02]mobile servicedesign[Msd02]mobile servicedesign
[Msd02]mobile servicedesign
 
[SOPT] 데이터 구조 및 알고리즘 스터디 - #03 : 정렬 (기본, 효율, 초효율
[SOPT] 데이터 구조 및 알고리즘 스터디 - #03 : 정렬 (기본, 효율, 초효율[SOPT] 데이터 구조 및 알고리즘 스터디 - #03 : 정렬 (기본, 효율, 초효율
[SOPT] 데이터 구조 및 알고리즘 스터디 - #03 : 정렬 (기본, 효율, 초효율
 
좋아보이는것들의비밀 인포그래픽 01
좋아보이는것들의비밀 인포그래픽 01좋아보이는것들의비밀 인포그래픽 01
좋아보이는것들의비밀 인포그래픽 01
 
Web App Security 2015.10
Web App Security 2015.10Web App Security 2015.10
Web App Security 2015.10
 
SQLER on Windows Azure camp - SQL Database
SQLER on Windows Azure camp - SQL DatabaseSQLER on Windows Azure camp - SQL Database
SQLER on Windows Azure camp - SQL Database
 
[Info04]visual thinking02
[Info04]visual thinking02[Info04]visual thinking02
[Info04]visual thinking02
 
[Info02]definition
[Info02]definition[Info02]definition
[Info02]definition
 
내부정보유출방지 대책 및 방안
내부정보유출방지 대책 및 방안내부정보유출방지 대책 및 방안
내부정보유출방지 대책 및 방안
 
Art of hacking 발표자료
Art of hacking 발표자료Art of hacking 발표자료
Art of hacking 발표자료
 
3장 데이터 수집, 정제에서 분석까지
3장 데이터 수집, 정제에서 분석까지3장 데이터 수집, 정제에서 분석까지
3장 데이터 수집, 정제에서 분석까지
 
비주얼씽킹30일프로젝트 제1호 (소책자-PDFversion)
비주얼씽킹30일프로젝트 제1호 (소책자-PDFversion)비주얼씽킹30일프로젝트 제1호 (소책자-PDFversion)
비주얼씽킹30일프로젝트 제1호 (소책자-PDFversion)
 
[오픈콘텐츠랩/김용석님] 불량 파워포인트 대량생산 실습 강의자료
[오픈콘텐츠랩/김용석님] 불량 파워포인트 대량생산 실습 강의자료[오픈콘텐츠랩/김용석님] 불량 파워포인트 대량생산 실습 강의자료
[오픈콘텐츠랩/김용석님] 불량 파워포인트 대량생산 실습 강의자료
 
(IT고급기술교육)탑크리에듀교육센터_자바/SQL/스프링/닷넷/모바일앱/퍼블리싱/펌웨어실무교육센터
(IT고급기술교육)탑크리에듀교육센터_자바/SQL/스프링/닷넷/모바일앱/퍼블리싱/펌웨어실무교육센터(IT고급기술교육)탑크리에듀교육센터_자바/SQL/스프링/닷넷/모바일앱/퍼블리싱/펌웨어실무교육센터
(IT고급기술교육)탑크리에듀교육센터_자바/SQL/스프링/닷넷/모바일앱/퍼블리싱/펌웨어실무교육센터
 
인터넷전문은행 Fi-ntechkorea.com
인터넷전문은행  Fi-ntechkorea.com인터넷전문은행  Fi-ntechkorea.com
인터넷전문은행 Fi-ntechkorea.com
 
Sql developer 2nd
Sql developer 2ndSql developer 2nd
Sql developer 2nd
 
파이썬 class 및 function namespace 이해하기
파이썬 class 및 function namespace 이해하기파이썬 class 및 function namespace 이해하기
파이썬 class 및 function namespace 이해하기
 
Sql study 20101113 유혜원
Sql study 20101113 유혜원Sql study 20101113 유혜원
Sql study 20101113 유혜원
 
HTML5_security_(next_generation_threats)
HTML5_security_(next_generation_threats)HTML5_security_(next_generation_threats)
HTML5_security_(next_generation_threats)
 
한호정
한호정한호정
한호정
 

Ähnlich wie [I3 d]11 designui(2)

CIID Final project report
CIID Final project reportCIID Final project report
CIID Final project report
eilidh dickson
 
The State of Front-end At CrowdTwist
The State of Front-end At CrowdTwistThe State of Front-end At CrowdTwist
The State of Front-end At CrowdTwist
Mark Fayngersh
 
[BSD]09 ideation
[BSD]09 ideation[BSD]09 ideation
[BSD]09 ideation
JY LEE
 
NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1
studiokandm
 
Visual Design Project Brief
Visual Design Project BriefVisual Design Project Brief
Visual Design Project Brief
Stanford dmedia
 
Application designshowcase 1st_edition
Application designshowcase 1st_editionApplication designshowcase 1st_edition
Application designshowcase 1st_edition
Jeffrey Katz
 

Ähnlich wie [I3 d]11 designui(2) (20)

Agile Prototyping Best Practices
Agile Prototyping Best PracticesAgile Prototyping Best Practices
Agile Prototyping Best Practices
 
CIID Final project report
CIID Final project reportCIID Final project report
CIID Final project report
 
Explore Data: Data Science + Visualization
Explore Data: Data Science + VisualizationExplore Data: Data Science + Visualization
Explore Data: Data Science + Visualization
 
Applied Computer Vision - a Deep Learning Approach
Applied Computer Vision - a Deep Learning ApproachApplied Computer Vision - a Deep Learning Approach
Applied Computer Vision - a Deep Learning Approach
 
The State of Front-end At CrowdTwist
The State of Front-end At CrowdTwistThe State of Front-end At CrowdTwist
The State of Front-end At CrowdTwist
 
[BSD]09 ideation
[BSD]09 ideation[BSD]09 ideation
[BSD]09 ideation
 
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ..."Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
 
Big Video Data Revolution, Challenges Unresolved
Big Video Data Revolution, Challenges UnresolvedBig Video Data Revolution, Challenges Unresolved
Big Video Data Revolution, Challenges Unresolved
 
Datatium - using data as a material for contextually responsive design.
Datatium - using data as a material for contextually responsive design.Datatium - using data as a material for contextually responsive design.
Datatium - using data as a material for contextually responsive design.
 
Get Smart: The Present and Future of Data Discovery
Get Smart: The Present and Future of Data DiscoveryGet Smart: The Present and Future of Data Discovery
Get Smart: The Present and Future of Data Discovery
 
Performing user interface design v
Performing user interface design vPerforming user interface design v
Performing user interface design v
 
E-Learning Balancing Act: Good vs Efficient development-web_version092010
E-Learning Balancing Act: Good vs Efficient development-web_version092010E-Learning Balancing Act: Good vs Efficient development-web_version092010
E-Learning Balancing Act: Good vs Efficient development-web_version092010
 
NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1
 
IRJET - YouTube Spam Comments Detection
IRJET - YouTube Spam Comments DetectionIRJET - YouTube Spam Comments Detection
IRJET - YouTube Spam Comments Detection
 
Visual Design Project Brief
Visual Design Project BriefVisual Design Project Brief
Visual Design Project Brief
 
Principles of Data Visualization
Principles of Data VisualizationPrinciples of Data Visualization
Principles of Data Visualization
 
SplunkLive! London 2017 - Getting Started with Splunk IT Service Intelligence
SplunkLive! London 2017 - Getting Started with Splunk IT Service IntelligenceSplunkLive! London 2017 - Getting Started with Splunk IT Service Intelligence
SplunkLive! London 2017 - Getting Started with Splunk IT Service Intelligence
 
Application designshowcase 1st_edition
Application designshowcase 1st_editionApplication designshowcase 1st_edition
Application designshowcase 1st_edition
 
Why one-size-fits all does not work in Explainable Artificial Intelligence!
Why one-size-fits all does not work in Explainable Artificial Intelligence!Why one-size-fits all does not work in Explainable Artificial Intelligence!
Why one-size-fits all does not work in Explainable Artificial Intelligence!
 
Remote Usability - Indigo.Design
Remote Usability - Indigo.Design Remote Usability - Indigo.Design
Remote Usability - Indigo.Design
 

Mehr von jylee_kgit

[Msd10]mobile design02
[Msd10]mobile design02[Msd10]mobile design02
[Msd10]mobile design02
jylee_kgit
 
[Msd09]mobile design
[Msd09]mobile design[Msd09]mobile design
[Msd09]mobile design
jylee_kgit
 
[Info07]information&design&visual
[Info07]information&design&visual[Info07]information&design&visual
[Info07]information&design&visual
jylee_kgit
 
[MSD06]MAPPING
[MSD06]MAPPING[MSD06]MAPPING
[MSD06]MAPPING
jylee_kgit
 
[MSD07]PERSONA & MIDTERM
[MSD07]PERSONA & MIDTERM[MSD07]PERSONA & MIDTERM
[MSD07]PERSONA & MIDTERM
jylee_kgit
 
[Info06]information&pattern
[Info06]information&pattern[Info06]information&pattern
[Info06]information&pattern
jylee_kgit
 
[Info03]infographics
[Info03]infographics[Info03]infographics
[Info03]infographics
jylee_kgit
 
[Msd05]user observation
[Msd05]user observation[Msd05]user observation
[Msd05]user observation
jylee_kgit
 
[Msd04]user observation
[Msd04]user observation[Msd04]user observation
[Msd04]user observation
jylee_kgit
 
[Msd03]mobile context
[Msd03]mobile context[Msd03]mobile context
[Msd03]mobile context
jylee_kgit
 
[Info01]introduction
[Info01]introduction[Info01]introduction
[Info01]introduction
jylee_kgit
 
[I3 d]09 designui
[I3 d]09 designui[I3 d]09 designui
[I3 d]09 designui
jylee_kgit
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivity
jylee_kgit
 
[I3 d]interactive 3d flash
[I3 d]interactive 3d flash[I3 d]interactive 3d flash
[I3 d]interactive 3d flash
jylee_kgit
 
[Nux]07 design
[Nux]07 design[Nux]07 design
[Nux]07 design
jylee_kgit
 

Mehr von jylee_kgit (20)

[Msd10]mobile design02
[Msd10]mobile design02[Msd10]mobile design02
[Msd10]mobile design02
 
[Msd09]mobile design
[Msd09]mobile design[Msd09]mobile design
[Msd09]mobile design
 
[Info07]information&design&visual
[Info07]information&design&visual[Info07]information&design&visual
[Info07]information&design&visual
 
[MSD06]MAPPING
[MSD06]MAPPING[MSD06]MAPPING
[MSD06]MAPPING
 
[MSD07]PERSONA & MIDTERM
[MSD07]PERSONA & MIDTERM[MSD07]PERSONA & MIDTERM
[MSD07]PERSONA & MIDTERM
 
[Info06]information&pattern
[Info06]information&pattern[Info06]information&pattern
[Info06]information&pattern
 
[Info03]infographics
[Info03]infographics[Info03]infographics
[Info03]infographics
 
[Msd05]user observation
[Msd05]user observation[Msd05]user observation
[Msd05]user observation
 
[Msd04]user observation
[Msd04]user observation[Msd04]user observation
[Msd04]user observation
 
[Msd03]mobile context
[Msd03]mobile context[Msd03]mobile context
[Msd03]mobile context
 
[Info01]introduction
[Info01]introduction[Info01]introduction
[Info01]introduction
 
[Nux]12 nux
[Nux]12 nux[Nux]12 nux
[Nux]12 nux
 
[Nux]13 nux
[Nux]13 nux[Nux]13 nux
[Nux]13 nux
 
[I3 d]09 designui
[I3 d]09 designui[I3 d]09 designui
[I3 d]09 designui
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivity
 
[I3 d]interactive 3d flash
[I3 d]interactive 3d flash[I3 d]interactive 3d flash
[I3 d]interactive 3d flash
 
[Nux]08 paper
[Nux]08 paper[Nux]08 paper
[Nux]08 paper
 
[Nux]07 design
[Nux]07 design[Nux]07 design
[Nux]07 design
 
[Nux]06 ux
[Nux]06 ux[Nux]06 ux
[Nux]06 ux
 
[Nux]05 ux
[Nux]05 ux[Nux]05 ux
[Nux]05 ux
 

[I3 d]11 designui(2)

  • 1. 2012 2nd semester class by jylee Interactive | 3D Contents 20121121 Class11 Information Design interacitve3D.jylee6977.com/tc
  • 2. 8. 주차별 강의계획 Class Schedule 주 날짜 주제 내용 교재 1 09/05 Introduction Ice Braking | Orientation 2 09/12 인터랙티브 입체영상 트렌드 인터랙티브한 입체영상 시장 및 이슈 소개 Part1 Interactivity 3 09/19 다양한 사용자 인터랙션 소개 인터랙티브 홀로그램 4 09/26 상호작용성 소개 인터랙티비티에 대한 동향 및 방법 소개 5 10/11 Open Framework 전체 프레임워크 소개 및 기획 최유주 Part2 Interactive wall 6 10/18 Open Framework Open Framework을 통한 제작(1) 교수님 진행 7 10/25 Open Framework Open Framework을 통한 제작(2) 8 11/01 중간고사 - Open Framework를 통한 Contents기획 - 인터랙티브한 환경에서의 입체영상 9 11/08 인터랙티브 입체영상 기획 - 사용자와 인터랙티브 입체영상 10 11/15 인터랙티브 입체영상 디자인(1) - 전체 기획에 따른 전략 및 전술 11 11/22 인터랙티브 입체영상 디자인(2) - 인터페이스 및 인포메이션 디자인 12 11/29 인터랙티브 입체영상 디자인(3) - 인터랙션 프로그래밍 Part3 Interactive contents 13 12/7 인터랙티브 입체영상 후반작업(1) - 기기 포팅 14 12/14 인터랙티브 입체영상 후반작업(2) Refine & Presentation Skill 15 12/21 기말고사 인터랙티브 입체영상 기획 및 제작 프레젠테이션
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. 1.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22. 2. IDENTIFY THE NODES OF INFORMATION it’s good to know what you’re working with
  • 23.
  • 24.
  • 25.
  • 27. NODES OF INFORMATION: __ Image __ Title __ Length __ From __ Views
  • 28. NODES OF INFORMATION: __ Image __ Title __ Length __ From __ Views __ Visited (or not)
  • 29. 3.ORGANIZE TO REDUCE COMPLEXITY
  • 31.
  • 34. GROUP & SORT INFO: What How
  • 35.
  • 39. This amount fidelity isn’t needed. User is either accepts default result set, or all results. Anything in between is noise. 66
  • 40. Duplicate text can confuse users, especially if they miss the arrows. 67
  • 41. Duplicate text can confuse users, especially if they miss the arrows. Instead, use tabs, or offer a drop down with plain english - “Sort by lowest price” 68
  • 42. This fidelity isn’t needed. Instead, reduce the amount of options: 69
  • 43. This fidelity isn’t needed. Instead, reduce the amount of options: BACK 1 of 8 NEXT
  • 44. “Free Shipping both ways” is mentioned 13 times 71
  • 46.
  • 47. Context makes the content explicit (remove the darn labels!)
  • 48. LOOK AT YOUR SHEETS Is there any information that can be removed?
  • 49. 5.EMPHASIZE MOST IMPORTANT INFORMATION AND MINIMIZE THE LESS IMPORTANT STUFF
  • 50. “Would you like to add this to your schedule?”
  • 52.
  • 53.
  • 55. Present Past viewZi
  • 56.
  • 57.
  • 58. this is the top priority?
  • 59.
  • 60.
  • 64. Did we get your order correct? Large Stuffed Crust Pizza $8.13 with mushrooms Large Stuffed Crust Pizza $8.13 with olives SUBTOTAL $23.12 20% off your first web order! -$3.85 Place order for $19.26 Go back and make changes to my order
  • 65. LOOK AT YOUR SHEETS Highlight the important stuff. Mark the stuff you might minimize.
  • 66. 6.HIDE NON-CRITICAL INFORMATION
  • 67. INTERFACE CHALLENGE: HOW DO WE REDUCE COMPLEXITY IN OUR APPLICATIONS?
  • 68.
  • 76.
  • 77.
  • 81. interfaceS... re vealing (aka. Progre ssive Disclosur e 2.0) n uctio A quick introd http://slideshare.net/jeremy http://flickr.com/photos/knowprose/103650244/
  • 82. LOOK AT YOUR SHEETS Is there any information that could be collapsed or hidden?
  • 84. we’ve been visual thinkers for thousands of years 103
  • 87. replace text with visuals
  • 90.
  • 91.
  • 95.
  • 96. Prior Period Week 1 Week 2 Week 3 Week 4 Period to date Year to date $ 3,333,826 756,779 0 0 0 756,770 18,757,608 &PY 108.7 108.1 0.0 0.0 0.0 108.1 107.0 $PLan 3,235,893 804,559 0 0 0 804,559 18,674,197
  • 97.
  • 98. Suggest content or function with visual cues
  • 100. http://kampyle.com http://getsatisfaction.com
  • 101. display data visually
  • 103.
  • 104. TIP: Ask “Can a 5 year old understand this?”
  • 106. “The only use of the word 'you' in the original was 'amount you owe...'” Karen A. Schriver http://www.jsonline.com/story/index.aspx? id=222255
  • 107. 1040 Department of the Treasury—Internal Revenue Service U.S. Individual Income Tax Return 2003 (99) IRS use only: Do not write or staple in this space. OMB No. 1545-0074 : beginning______, 2003, ending_______, 200___. For Jan. 1–Dec. 31, 2003. If for another tax year, fill in period Presidential Election Campaign About You Your first name and initial Last name Do you, or your spouse (if filing a Please place IRS Last name joint return) want $3 to go to this name and address If a joint return, spouse’s first name and initial fund? Please be aware that label here. Other- 19. Apt. no. checking “Yes” will not change wise, print or type. Home address (number and street). If you have a P.O. box, see page your tax or refund. The 1040 ss, see page 19. You Yes Ë No Ë City, town or post office, state, and ZIP code. If you have a foreign addre Instructions Spouse Yes Ë No Ë provide help for Important! LLLL each question on this form. You MUST enter your SSN(s) 1 Your social security number Spouse’s social security number 2 Ë Single me) Your Filing 3 Ë Married filing jointly (applies even if only one person had an inco here Status 4 Ë Married filing separately. Enter your spouse’s SSN above and full name adult who qualifies them under IRS rules) Please check only 5 Ë Head of household (applies to people who provide a home for a child or here one box. See page If the person is a child but not your dependent, enter this child’s name 20 for rules. 6 Ë Qualifying widow(er) with a dependent child 7a • No. of boxes checked in 7a + 7b 7a Ë Yourself If someone else can claim you as a dependent, do not check box • No. of children in 7c Your 7b Ë Spouse who lived with you • No. of children in 7c who did Exemptions 7c Dependents: Check box for each dependent who qualifies for a child tax credit . not live with you due to divorce Last name Social security number Relationship to you If you have more than First name or separation (see page 21) Ë three dependents, • No. of dependents in 7c see page 21. Ë not entered above Ë Add numbers from above for total exemptions 7d Calculate your total number of exemptions in the column to the right 8 8 Wages, salaries, tips, etc. Attach Form(s) W-2 attach if required) 9a Your 9a Taxable interest. (See page 22 for rules about when to file Schedule B; Income 9b Tax-exempt interest. Do not include this amount on line 9a 9b 10a Please staple or 10a Ordinary dividends. Attach Schedule B if required (see page 23) 10b clip Forms W-2 10b Qualified dividends (see page 23) taxes (see page 23) 11 and W-2G here. If 11 Taxable refunds, credits, or offsets of state and local income you did not get a 12 12 Alimony received W-2, see page 22. 13 13 Business income or loss. Attach Schedule C or C-EZ
  • 109.
  • 110. v
  • 111.
  • 112.
  • 113.
  • 114.
  • 115. Welcome to White Space Lorem ipsum dolor sit amet, consectetuer Welcome to White Space adipiscing elit. Curabitur tristique, sapien id Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur tristique, sapien id scelerisque euismod, turpis lacus sollicitudin nulla, scelerisque euismod, turpis lacus sollicitudin nulla, non iaculis quam nulla ullamcorper erat. Nam non iaculis quam nulla ullamcorper erat. Nam accumsan laoreet enim. Cras vel lectus. Cum sociis accumsan laoreet enim. Cras vel lectus. Cum sociis natoque penatibus et magnis dis parturient montes, natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas malesuada mattis metus. Proin vehicula pretium nunc. Donec nascetur ridiculus mus. Maecenas malesuada est arcu, viverra a, rutrum sit amet, interdum vitae, mattis metus. Proin vehicula pretium nunc. Donec est. Aenean enim orci, faucibus in, posuere et, congue pretium, nunc. Vestibulum sagittis turpis est arcu, viverra a, rutrum sit amet, interdum vitae, vitae pede. Praesent est. Aenean consectetuer est. Aenean enim orci, faucibus in, posuere et, ornare arcu. Nulla rhoncus. congue pretium, nunc. Vestibulum sagittis turpis vitae pede. Praesent est. Aenean consectetuer ornare arcu. Nulla rhoncus. http://jasonsantamaria.com
  • 116.
  • 117.
  • 118. FLUID
  • 120. FIXED
  • 121.
  • 122.
  • 124. NEED TO KNOW USER PATTERN
  • 125. 1. Safe Exploration (Multi-level Undo) 2. Instant Gratification (Success Experience) 3. Satisficing (Don’t make me Think) 4. Changes in midstream (Good Default, Wizard) 5. Deffered choices (Extras on demand)
  • 126. 1. Incremental construction (Good tools make creative actives) 2. Habituation 3. Spatial Memory (Responsive Disclosure) 4. Prospective Memory (Stickey Note) 5. Streamlined Repetition (macro)
  • 127. DO YOUR INFORMATION DESIGN FOR NEXT WEEK GUI STYLE GUIDE