MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1...
-
date post
21-Dec-2015 -
Category
Documents
-
view
221 -
download
2
Transcript of MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1...
![Page 1: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/1.jpg)
MS3308
Cw1 assessment guide
![Page 2: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/2.jpg)
![Page 3: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/3.jpg)
CW1 Deadlines
• CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013
• CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013
• CW1 (Surface and revisions of the above) DEADLINE THREE: 06th Jan 2014
![Page 4: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/4.jpg)
Strategy Plane
1. Project objective2. User needs (desires
and wants)
![Page 5: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/5.jpg)
1. Project objective
• Control over perception of brand identity
• USP• Emotional engagements
with identity• Impressions• Audio-visual design
![Page 6: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/6.jpg)
1. Project objective
• Measure success metrics
• How do you know that you have reached the finishing line?– Objective and needs met
![Page 7: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/7.jpg)
1. Project objective
• Analytics
• Visits, clicks, attention
• Measure the impact of changes made during prototyping stages
![Page 8: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/8.jpg)
2. User NeedsWho are the users?
• Begin usability and user research
• Segmentation• Demographics• Psychographics
• Define the user group • User profiles • Develop personas
![Page 9: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/9.jpg)
2. User NeedsSegmentation
![Page 10: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/10.jpg)
2. User Needs Demographics
![Page 11: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/11.jpg)
2. User Needs Psychographics
![Page 12: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/12.jpg)
2. User Needs Personas
How To Use Personas In User Experience Design
![Page 13: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/13.jpg)
Personas
![Page 14: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/14.jpg)
Strategy Plane What evidence do we need?
1. Project objectives described and illustrated2. References to design influences3. Communication of idea to audience4. How will the product be tested and by
whom?5. Detailed profile of user group?
![Page 15: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/15.jpg)
The Scope Plane
• Translate needs and objectives into requirement
1. Content 2. Functionality
![Page 16: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/16.jpg)
1. Content
• Director’s “cast” analogy
• Assets – media types
![Page 17: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/17.jpg)
2. Functionality• Director’s score analogy
• What will the product do and how will it do it?
![Page 18: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/18.jpg)
The Scope Plane What evidence do we need?
1. What assets are required?2. List of assets (grouped)3. Description and illustration of functionality
1.Comic strip showing stages and space of interaction
2.Offer alternatives
![Page 19: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/19.jpg)
The Structure Plane
• Conceptual structures
1. Interaction design (function)
2. Information architecture (information)
![Page 20: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/20.jpg)
(1) Function and (2) Information
• 1. Interaction design concerns Function
• 2. Information architecture concerns Information
The blog about interaction design and usability
![Page 21: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/21.jpg)
1. Interaction Design• How do you do? What sort
of ways do you affect the world: poke it, manipulate it, sit on it?
• How do you feel? What do you sense of the world and what are the sensory qualities that shape media?
• How do you know? What are the ways that you learn and plan (or perhaps, how we want you to think)?
Interaction Design Bill Verplank
YouTube
![Page 22: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/22.jpg)
1. Interaction design• Garrett (p. 81) describes
human interaction with machine as like a dance
• Badly designed software is like a bad dance partner
![Page 23: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/23.jpg)
1. Interaction design Programmer’s perspective
• Poorly defined questions about software (programmer’s perspective)
• What does it do?• How does it do it?
![Page 24: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/24.jpg)
1. Interaction design HCI gone wrong
• Technology and humans do not always make a good fit
• People are taught to use software
• Should be more usable – intuitive
• Software that works with people
![Page 25: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/25.jpg)
1. Interaction design What’s this?
![Page 26: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/26.jpg)
1. Interaction design What’s this?
![Page 27: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/27.jpg)
1. Interaction design
![Page 28: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/28.jpg)
1. Interaction design Conceptual modelling
• The familiar– Metaphor– Convention
– Conceptual model of single elements (a button)
– Conceptual model of entire system
![Page 29: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/29.jpg)
1. Interaction design Is it possible to be too metaphorical?
• Garrett (p. 84-86) makes the case that it is…
• Concept and real world should not be too explicit
Webpages that suck
• Make it implicit/intuitive is more functional
• Go light on metaphor
![Page 30: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/30.jpg)
![Page 31: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/31.jpg)
1. Interaction design Managing User Error
• Error message example
• Annoying Examples - Word
• Are you Sure?• Edit undo
![Page 32: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/32.jpg)
2. Information Architecture
• The structuring of information
• How people cognitively process information (p. 88)
• How do people “make sense” of information
![Page 33: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/33.jpg)
2. Information Architecture Structuring content
• Parent/Child relations• Arrangement of
categories• Flows and nodes
![Page 34: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/34.jpg)
2. Information Architecture Organising Principles
• How nodes and flows are linked together
• Web structures
• Devices connected to humans (smart environments)
![Page 35: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/35.jpg)
2. Information Architecture Structuring content
• Rigid hierarchy• Adaptive (balanced)
hierarchy
• Matrix• Organic web• Sequence
Yale Web Style Guide
![Page 36: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/36.jpg)
2. Information Architecture Avoid!
Yale Web Style Guide
![Page 37: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/37.jpg)
2. Information Architecture Sequence
Yale Web Style Guide
![Page 38: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/38.jpg)
2. Information Architecture Matrix or Grid
Yale Web Style Guide
![Page 39: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/39.jpg)
2. Information Architecture Web
Yale Web Style Guide
![Page 40: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/40.jpg)
2. Information Architecture Hierarchy
![Page 41: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/41.jpg)
2. Information Architecture Hierarchy
• Balanced
Yale Web Style Guide
![Page 42: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/42.jpg)
2. Information Architecture Analysis
Yale Web Style Guide
![Page 43: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/43.jpg)
2. Information Architecture Presentation of Information
• Language and metadata
• What vocabulary is used (consistently)
• How does information describe other information
![Page 44: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/44.jpg)
2. Information Architecture What evidence do we need?
1. Research “possible” user behaviour and decide how system will respond– Interaction– Feedback
2. Develop conceptual models– Cognitive Walkthroughs
3. Conceptual testing of interaction4. Testing of metaphors and convention5. Extensive evidence of information diagrams
![Page 45: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/45.jpg)
Skeleton Plane
• What form will the product take• Giving shape to structures
1. Interface Design2. Navigation Design3. Information Design
![Page 46: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/46.jpg)
1. Interface Design
• Components and layout• Provides users with capacity to do things
![Page 47: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/47.jpg)
2. Navigation Design
• Designing the information space (and beyond)
• Provides users with capacity to places
![Page 48: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/48.jpg)
3. Information Design
• Presentation of data• Provides users with capacity to
see/hear/touch things (communicated to them)
![Page 49: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/49.jpg)
1. Interface Design
• Related to assets
• What to include and how it is arranged
• Salient content• Reducing clutter• Less is more
• What evidence do we need to see?
1. Wireframes2. Paper prototypes
![Page 50: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/50.jpg)
1. Interface Design Wireframes
![Page 51: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/51.jpg)
1. Interface Design Paper Prototypes
![Page 52: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/52.jpg)
2. Navigation Design
• Enable smooth passage through info space (node to node)
• Communicate relation between nodes
• Communicate relation between entire contents and interface
• What evidence do we need to see?
1. Design elements that relate to navigational charts (navigation design of nodes and flows)
![Page 53: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/53.jpg)
2. Navigation Design
![Page 54: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/54.jpg)
3. Information Design
• Visual display of information– Charts– Lists– Icons
• Chunking– Colour coding– Sign posts– Labels– Icons
• What evidence do we need to see?
1. Designs of all components that display information or chunk it
2. Style sheets (CSS)
![Page 55: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/55.jpg)
3. Information Design Components that display information
![Page 56: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/56.jpg)
The Surface Plane
• Attractive things work better
• First impressions
• Sensory responses to design
• Following the Eye (attention)
• Feelings and Emotions– Relating to colour,
touch, sounds…
![Page 57: MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov- 2013 CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.](https://reader036.fdocuments.in/reader036/viewer/2022081513/56649d6c5503460f94a4b941/html5/thumbnails/57.jpg)
The Surface Plane
• What evidence do we need to see?
• Think MS2306 – emotional design
1. Design2. Interviews with users3. Plan of extensive user
testing including reflective, behavioural and affective level (Linked to MS3307 methodology)