nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · nur...
TRANSCRIPT
![Page 1: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/1.jpg)
NUR - Prototyping
Low Fidelity
![Page 2: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/2.jpg)
NUR - Prototyping (low fidelity)
(2)
User interface design - big picture
User Research• user needs and
requirements
step 0
Problem
Description• sources: marketing
research
Application
Domain
step 1
User Modeling• personas
• mental models
System
modeling• scenarios
• HTA
• storyboards
step 2
UI Design• app. models (GOMS,
KLM, HTA, CTT, etc.)
• prototypes
• final design
• 3 parts
• visual design
• interaction design
• UX design
UI Testing• KLM
• CW
• EE
• user testing (UX)
step 3
Documentation• visual design
• interaction design
• UX design
step 4
Implementation
step 5
![Page 3: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/3.jpg)
NUR - Prototyping (low fidelity)
(3)
Lo-Fi Prototyping
� hours/days to develop
� many alternatives
� no final interaction
techniques
� not on target devices
� sketchy look&feel
– paper/electronic paper
� lab tests
![Page 4: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/4.jpg)
NUR - Prototyping (low fidelity)
(4)
Sketch vs. Prototype
�SKETCH
�Evocative
�Suggest
�Explore
�Question
�Propose
�Provoke
�Tentative
�Noncommittal
� PROTOTYPE
� Didactic
� Describe
� Refine
� Answer
� Test
� Resolve
� Specific
� Depiction
Source: Buxton 2007
![Page 5: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/5.jpg)
NUR - Prototyping (low fidelity)
(5)
Sketches from practices
![Page 6: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/6.jpg)
NUR - Prototyping (low fidelity)
(6)
What must be done before
� User research (D1)
� Task analysis, UI modelling
– HTA, STN
Add new place
![Page 7: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/7.jpg)
NUR - Prototyping (low fidelity)
(7)
Catch&Run: description
� Chase in given physical
area
� Goal: game money
� Players roles
– Idler
– Catcher
– Runner
� Technology
– mobile phone
– GPS, data connection
![Page 8: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/8.jpg)
NUR - Prototyping (low fidelity)
(8)
Catch&Run: use-cases diagram
![Page 9: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/9.jpg)
NUR - Prototyping (low fidelity)
(9)
Catch&Run: HTA
� Plan: Try to find a treasure as Idler and avoid contact with others
– 2.3 Join game
– 3.2.1 See my money
– 3.2.2 See my role
– 2.2.1 See players
– 3.3.2 Alert about treasure find
![Page 10: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/10.jpg)
NUR - Prototyping (low fidelity)
(10)
Catch&Run: prototype
![Page 11: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/11.jpg)
NUR - Prototyping (low fidelity)
(11)
Catch&Run: prototype
![Page 12: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/12.jpg)
NUR - Prototyping (low fidelity)
(12)
Catch&Run: prototype
![Page 13: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/13.jpg)
NUR - Prototyping (low fidelity)
(13)
Catch&Run: prototype
![Page 14: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/14.jpg)
NUR - Prototyping (low fidelity)
(14)
Catch&Run: prototype
![Page 15: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/15.jpg)
NUR - Prototyping (low fidelity)
(15)
Catch&Run: prototype
![Page 16: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/16.jpg)
NUR - Prototyping (low fidelity)
(16)
Catch&Run: prototype
![Page 17: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/17.jpg)
NUR - Prototyping (low fidelity)
(17)
Catch&Run: prototype
![Page 18: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/18.jpg)
NUR - Prototyping (low fidelity)
(18)
Catch&Run: prototype
![Page 19: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/19.jpg)
NUR - Prototyping (low fidelity)
(19)
Catch&Run: prototype
![Page 20: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/20.jpg)
NUR - Prototyping (low fidelity)
(20)
Catch&Run: prototype creation
![Page 21: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/21.jpg)
NUR - Prototyping (low fidelity)
(21)
Ticket kiosk
� Ticket kiosk for city
transport
– electronic ticket
– electronic wallet
– paper ticket
� Goal: intuitive UI for
people struggling with IT
![Page 22: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/22.jpg)
NUR - Prototyping (low fidelity)
(22)
Ticket kiosk: HTA
![Page 23: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/23.jpg)
NUR - Prototyping (low fidelity)
(23)
Ticket kiosk: prototype
![Page 24: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/24.jpg)
NUR - Prototyping (low fidelity)
(24)
Ticket kiosk: prototype
![Page 25: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/25.jpg)
NUR - Prototyping (low fidelity)
(25)
Ticket kiosk: prototype test setup
![Page 26: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/26.jpg)
NUR - Prototyping (low fidelity)
(26)
Mummy – construction site inspection
Inspector
Construction
site
Mummy Server
construction plans
Remote
expert
Collaboration
Adaptation
![Page 27: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/27.jpg)
NUR - Prototyping (low fidelity)
(27)
Mummy: construction site inspection
![Page 28: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/28.jpg)
Mummy: paper prototype
![Page 29: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/29.jpg)
NUR - Prototyping (low fidelity)
(29)
Load visualization
� Visualization of the internet
load in the city
� Goal: intuitive interaction
and clear visualization of in
time changing values
� Problems
– control of animation
– visualization
![Page 30: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/30.jpg)
NUR - Prototyping (low fidelity)
(30)
Load visualization: prototype
![Page 31: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/31.jpg)
NUR - Prototyping (low fidelity)
(31)
Load visualization: animation controlV
ariant A
Variant B
Variant C
![Page 32: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/32.jpg)
NUR - Prototyping (low fidelity)
(32)
Load visualization: date picker
Variant BVariant A
![Page 33: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/33.jpg)
NUR - Prototyping (low fidelity)
(33)
Load visualization: proportions
Use of color for lines distinction Black&white visualization
![Page 34: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/34.jpg)
NUR - Prototyping (low fidelity)
(34)
Load visualization: colors
Colors Gray scale
![Page 35: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/35.jpg)
NUR - Prototyping (low fidelity)
(35)
Traffic situation
� Visualization of the city
traffic situation progress
� Goal: quick overview of
traffic situation
� Problem: visualization of
the progress in time
![Page 36: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/36.jpg)
NUR - Prototyping (low fidelity)
(36)
Traffic situation: use-cases
![Page 37: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/37.jpg)
NUR - Prototyping (low fidelity)
(37)
Traffic situation: HTA
� Plan: Traffic situation overview
– stepwise view
– zoom to center
– run animation
![Page 38: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/38.jpg)
NUR - Prototyping (low fidelity)
(38)
Traffic situation: UI control
![Page 39: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/39.jpg)
NUR - Prototyping (low fidelity)
(39)
Traffic situation: map
![Page 40: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/40.jpg)
NUR - Prototyping (low fidelity)
(40)
Conference schedule
� Personal schedule of the
conference attendee
� Cíl: quick and simple
planning
![Page 41: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/41.jpg)
NUR - Prototyping (low fidelity)
(41)
Conference schedule: prototype
![Page 42: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/42.jpg)
NUR - Prototyping (low fidelity)
(42)
Conference schedule: prototype creation
![Page 43: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/43.jpg)
NUR - Prototyping (low fidelity)
(43)
Electronic prototype
� HTML prototype
� PPT prototype
� PDF prototype
![Page 44: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/44.jpg)
NUR - Prototyping (low fidelity)
(44)
MS PowerPoint
� Vector graphics
� Hyperlinks
� Embedded videos, images
� Animations
![Page 45: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/45.jpg)
NUR - Prototyping (low fidelity)
(45)
MS PowerPoint – vector graphics
� Shapes
� Styles
� Groups
� Z-axisLorem Ipsum je demonstrativní výplňový text používaný v
tiskařském a knihařském průmyslu. Lorem Ipsum je
považováno za standard v této oblasti už od začátku 16.
století, kdy dnes neznámý tiskař vzal kusy textu a na jejich
základě vytvořil speciální vzorovou knihu. Jeho odkaz
nevydržel pouze pět století, on přežil i nástup elektronické
sazby v podstatě beze změny. Nejvíce popularizováno bylo
Lorem Ipsum v šedesátých letech 20. století, kdy byly
vydávány speciální vzorníky s jeho pasážemi a později pak
díky počítačovým DTP programům jako Aldus PageMaker.
![Page 46: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/46.jpg)
NUR - Prototyping (low fidelity)
(46)
MS PowerPoint - hyperlinks
![Page 47: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/47.jpg)
NUR - Prototyping (low fidelity)
(47)
MS PowerPoint - Action
![Page 48: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/48.jpg)
NUR - Prototyping (low fidelity)
(48)
Text insertion
ZrušitZrušitOKOK
Vyplnit
![Page 49: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/49.jpg)
NUR - Prototyping (low fidelity)
(49)
Vkládání textu
ZrušitZrušitOKOK
Martin Martinovský
J. A. Komenského 321
Martin
Slovensko
Vyplnit
![Page 50: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/50.jpg)
NUR - Prototyping (low fidelity)
(50)
OpenOffice
� Similar to MS Office
� Object animation in context menu
![Page 51: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/51.jpg)
NUR - Prototyping (low fidelity)
(51)
Web - Simple web page
� Screenshots
� Active parts – hyperliks
o click map
o table
o div
� Shortcut keys
![Page 52: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/52.jpg)
NUR - Prototyping (low fidelity)
(52)
Web vs. presentation?
� Type of application
� Design speed
o Experience, reuse, P
� Interaction
o mouse, keyboard, P P
![Page 53: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/53.jpg)
NUR - Prototyping (low fidelity)
(53)
Electronic program guide
� Visual design - Gimp
� Photographs
� Snapshost series + JavaScript
![Page 54: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/54.jpg)
NUR - Prototyping (low fidelity)
(54)
EPG - prototype showcase
� ... simple approach
![Page 55: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/55.jpg)
NUR - Prototyping (low fidelity)
(55)
![Page 56: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/56.jpg)
NUR - Prototyping (low fidelity)
(56)
![Page 57: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/57.jpg)
NUR - Prototyping (low fidelity)
(57)
![Page 58: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/58.jpg)
NUR - Prototyping (low fidelity)
(58)
![Page 59: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/59.jpg)
NUR - Prototyping (low fidelity)
(59)
![Page 60: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/60.jpg)
NUR - Prototyping (low fidelity)
(60)
EPG: PDF prototype (Balsamiq)
![Page 61: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/61.jpg)
NUR - Prototyping (low fidelity)
(61)
Paper prototyping
� http://paperprototyping.com/
� http://balsamiq.com/
� http://gomockingbird.com/
![Page 62: nur lecture04 prototyping low-v02nur.felk.cvut.cz/system/mems/4284/original/nur... · NUR -Prototyping (low fidelity) (3) Lo-FiPrototyping hours/days to develop many alternatives](https://reader034.vdocument.in/reader034/viewer/2022042107/5e8675878018fa560070aa8c/html5/thumbnails/62.jpg)
Thank for your attention