SlideShare a Scribd company logo

Sketches wireframes mockups prototypes

•Download as PPTX, PDF•
•
Dr. V Vorvoreanu
Dr. V Vorvoreanu
1 of 8
 Functionality  Interactivity  Simulates the final design Can be:  Paper  Linked wireframes  Pre-alpha version
Lo-Fi Hi-Fi
Lo-Fi Hi-Fi

Recommended

Grids mini lecture
Grids mini lectureGrids mini lecture
Grids mini lectureDr. V Vorvoreanu
 
26 social interaction design
26 social interaction design26 social interaction design
26 social interaction designDr. V Vorvoreanu
 
11 info architecture-2014
11 info architecture-201411 info architecture-2014
11 info architecture-2014Dr. V Vorvoreanu
 
Cgt 256 course review
Cgt 256 course reviewCgt 256 course review
Cgt 256 course reviewDr. V Vorvoreanu
 
Visual hierarchy examples
Visual hierarchy examplesVisual hierarchy examples
Visual hierarchy examplesDr. V Vorvoreanu
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recallDr. V Vorvoreanu
 
Usability reporting
Usability reportingUsability reporting
Usability reportingDr. V Vorvoreanu
 
gestalt principles cats
gestalt principles catsgestalt principles cats
gestalt principles catsDr. V Vorvoreanu
 

Recommended

Grids mini lecture
Grids mini lectureGrids mini lecture
Grids mini lectureDr. V Vorvoreanu
 
26 social interaction design
26 social interaction design26 social interaction design
26 social interaction designDr. V Vorvoreanu
 
11 info architecture-2014
11 info architecture-201411 info architecture-2014
11 info architecture-2014Dr. V Vorvoreanu
 
Cgt 256 course review
Cgt 256 course reviewCgt 256 course review
Cgt 256 course reviewDr. V Vorvoreanu
 
Visual hierarchy examples
Visual hierarchy examplesVisual hierarchy examples
Visual hierarchy examplesDr. V Vorvoreanu
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recallDr. V Vorvoreanu
 
Usability reporting
Usability reportingUsability reporting
Usability reportingDr. V Vorvoreanu
 
gestalt principles cats
gestalt principles catsgestalt principles cats
gestalt principles catsDr. V Vorvoreanu
 
Cross channel ux
Cross channel uxCross channel ux
Cross channel uxDr. V Vorvoreanu
 
usability testing - usability metrics and wea
usability testing - usability metrics and weausability testing - usability metrics and wea
usability testing - usability metrics and weaDr. V Vorvoreanu
 
The mobile ecosystem
The mobile ecosystemThe mobile ecosystem
The mobile ecosystemIvano Malavolta
 
Responsive Design 101
Responsive Design 101Responsive Design 101
Responsive Design 101Zhihua Dong
 
Controls
ControlsControls
ControlsDr. V Vorvoreanu
 
Product Management and Lean Startup
Product Management and Lean StartupProduct Management and Lean Startup
Product Management and Lean StartupAllan Caeg
 
Wireframe and prototyping google Campus talk by Zoe Guiraudon
Wireframe and prototyping google Campus talk by Zoe GuiraudonWireframe and prototyping google Campus talk by Zoe Guiraudon
Wireframe and prototyping google Campus talk by Zoe GuiraudonZoé Guiraudon
 
Pebble Watch Development
Pebble Watch DevelopmentPebble Watch Development
Pebble Watch DevelopmentConstantine Mars
 
The Lean Startup and Agile: Match made in Heaven
The Lean Startup and Agile: Match made in HeavenThe Lean Startup and Agile: Match made in Heaven
The Lean Startup and Agile: Match made in HeavenStephen Forte
 
Prototyping Workshop - Wireframes, Mockups, Prototypes
Prototyping Workshop - Wireframes, Mockups, PrototypesPrototyping Workshop - Wireframes, Mockups, Prototypes
Prototyping Workshop - Wireframes, Mockups, PrototypesMarta Soncodi
 
Product Management 101 Deck_sherlock (1)
Product Management 101 Deck_sherlock (1)Product Management 101 Deck_sherlock (1)
Product Management 101 Deck_sherlock (1)Alyssa Teuber
 
Running lean startup with agile 20130810
Running lean startup with agile 20130810Running lean startup with agile 20130810
Running lean startup with agile 20130810Kulawat Wongsaroj
 
Lean Startup Tools for Agile Product Teams
Lean Startup Tools for Agile Product TeamsLean Startup Tools for Agile Product Teams
Lean Startup Tools for Agile Product TeamsLitheSpeed
 
Different types of mobile apps
Different types of mobile appsDifferent types of mobile apps
Different types of mobile appsMVM Infotech Co. Ltd.
 
Прототипирование в дизайн-мышлении
Прототипирование в дизайн-мышлении Прототипирование в дизайн-мышлении
Прототипирование в дизайн-мышлении Lumiknows Consultancy
 
Сервис-дизайн. Гайд для разработчиков.
Сервис-дизайн. Гайд для разработчиков.Сервис-дизайн. Гайд для разработчиков.
Сервис-дизайн. Гайд для разработчиков.Wonderfull
 
Importance of Mobile Applications
Importance of Mobile ApplicationsImportance of Mobile Applications
Importance of Mobile ApplicationsFutuready Media
 
Visual hierarchy short lecture
Visual hierarchy short lectureVisual hierarchy short lecture
Visual hierarchy short lectureDr. V Vorvoreanu
 
2014 future of product management
2014 future of product management2014 future of product management
2014 future of product managementJanice Fraser
 
Базовая-формула-дизайн-мышления_lumiknows-2016
Базовая-формула-дизайн-мышления_lumiknows-2016Базовая-формула-дизайн-мышления_lumiknows-2016
Базовая-формула-дизайн-мышления_lumiknows-2016Lumiknows Consultancy
 
Dia2 tues persona
Dia2 tues persona Dia2 tues persona
Dia2 tues persona Dr. V Vorvoreanu
 
Dia2 sketches
Dia2 sketchesDia2 sketches
Dia2 sketchesDr. V Vorvoreanu
 

More Related Content

Viewers also liked

usability testing - usability metrics and wea
usability testing - usability metrics and weausability testing - usability metrics and wea
usability testing - usability metrics and weaDr. V Vorvoreanu
 
Responsive Design 101
Responsive Design 101Responsive Design 101
Responsive Design 101Zhihua Dong
 
Product Management and Lean Startup
Product Management and Lean StartupProduct Management and Lean Startup
Product Management and Lean StartupAllan Caeg
 
Wireframe and prototyping google Campus talk by Zoe Guiraudon
Wireframe and prototyping google Campus talk by Zoe GuiraudonWireframe and prototyping google Campus talk by Zoe Guiraudon
Wireframe and prototyping google Campus talk by Zoe GuiraudonZoé Guiraudon
 
The Lean Startup and Agile: Match made in Heaven
The Lean Startup and Agile: Match made in HeavenThe Lean Startup and Agile: Match made in Heaven
The Lean Startup and Agile: Match made in HeavenStephen Forte
 
Prototyping Workshop - Wireframes, Mockups, Prototypes
Prototyping Workshop - Wireframes, Mockups, PrototypesPrototyping Workshop - Wireframes, Mockups, Prototypes
Prototyping Workshop - Wireframes, Mockups, PrototypesMarta Soncodi
 
Product Management 101 Deck_sherlock (1)
Product Management 101 Deck_sherlock (1)Product Management 101 Deck_sherlock (1)
Product Management 101 Deck_sherlock (1)Alyssa Teuber
 
Running lean startup with agile 20130810
Running lean startup with agile 20130810Running lean startup with agile 20130810
Running lean startup with agile 20130810Kulawat Wongsaroj
 
Lean Startup Tools for Agile Product Teams
Lean Startup Tools for Agile Product TeamsLean Startup Tools for Agile Product Teams
Lean Startup Tools for Agile Product TeamsLitheSpeed
 
Прототипирование в дизайн-мышлении
Прототипирование в дизайн-мышлении Прототипирование в дизайн-мышлении
Прототипирование в дизайн-мышлении Lumiknows Consultancy
 
Сервис-дизайн. Гайд для разработчиков.
Сервис-дизайн. Гайд для разработчиков.Сервис-дизайн. Гайд для разработчиков.
Сервис-дизайн. Гайд для разработчиков.Wonderfull
 
Importance of Mobile Applications
Importance of Mobile ApplicationsImportance of Mobile Applications
Importance of Mobile ApplicationsFutuready Media
 
Visual hierarchy short lecture
Visual hierarchy short lectureVisual hierarchy short lecture
Visual hierarchy short lectureDr. V Vorvoreanu
 
2014 future of product management
2014 future of product management2014 future of product management
2014 future of product managementJanice Fraser
 
Базовая-формула-дизайн-мышления_lumiknows-2016
Базовая-формула-дизайн-мышления_lumiknows-2016Базовая-формула-дизайн-мышления_lumiknows-2016
Базовая-формула-дизайн-мышления_lumiknows-2016Lumiknows Consultancy
 

Viewers also liked (20)

Cross channel ux
Cross channel uxCross channel ux
Cross channel ux
 
usability testing - usability metrics and wea
usability testing - usability metrics and weausability testing - usability metrics and wea
usability testing - usability metrics and wea
 
The mobile ecosystem
The mobile ecosystemThe mobile ecosystem
The mobile ecosystem
 
Responsive Design 101
Responsive Design 101Responsive Design 101
Responsive Design 101
 
Controls
ControlsControls
Controls
 
Product Management and Lean Startup
Product Management and Lean StartupProduct Management and Lean Startup
Product Management and Lean Startup
 
Wireframe and prototyping google Campus talk by Zoe Guiraudon
Wireframe and prototyping google Campus talk by Zoe GuiraudonWireframe and prototyping google Campus talk by Zoe Guiraudon
Wireframe and prototyping google Campus talk by Zoe Guiraudon
 
Pebble Watch Development
Pebble Watch DevelopmentPebble Watch Development
Pebble Watch Development
 
The Lean Startup and Agile: Match made in Heaven
The Lean Startup and Agile: Match made in HeavenThe Lean Startup and Agile: Match made in Heaven
The Lean Startup and Agile: Match made in Heaven
 
Prototyping Workshop - Wireframes, Mockups, Prototypes
Prototyping Workshop - Wireframes, Mockups, PrototypesPrototyping Workshop - Wireframes, Mockups, Prototypes
Prototyping Workshop - Wireframes, Mockups, Prototypes
 
Product Management 101 Deck_sherlock (1)
Product Management 101 Deck_sherlock (1)Product Management 101 Deck_sherlock (1)
Product Management 101 Deck_sherlock (1)
 
Running lean startup with agile 20130810
Running lean startup with agile 20130810Running lean startup with agile 20130810
Running lean startup with agile 20130810
 
Lean Startup Tools for Agile Product Teams
Lean Startup Tools for Agile Product TeamsLean Startup Tools for Agile Product Teams
Lean Startup Tools for Agile Product Teams
 
Different types of mobile apps
Different types of mobile appsDifferent types of mobile apps
Different types of mobile apps
 
Прототипирование в дизайн-мышлении
Прототипирование в дизайн-мышлении Прототипирование в дизайн-мышлении
Прототипирование в дизайн-мышлении
 
Сервис-дизайн. Гайд для разработчиков.
Сервис-дизайн. Гайд для разработчиков.Сервис-дизайн. Гайд для разработчиков.
Сервис-дизайн. Гайд для разработчиков.
 
Importance of Mobile Applications
Importance of Mobile ApplicationsImportance of Mobile Applications
Importance of Mobile Applications
 
Visual hierarchy short lecture
Visual hierarchy short lectureVisual hierarchy short lecture
Visual hierarchy short lecture
 
2014 future of product management
2014 future of product management2014 future of product management
2014 future of product management
 
Базовая-формула-дизайн-мышления_lumiknows-2016
Базовая-формула-дизайн-мышления_lumiknows-2016Базовая-формула-дизайн-мышления_lumiknows-2016
Базовая-формула-дизайн-мышления_lumiknows-2016
 

More from Dr. V Vorvoreanu

DIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDr. V Vorvoreanu
 
07 principles 1 affordance
07 principles 1 affordance07 principles 1 affordance
07 principles 1 affordanceDr. V Vorvoreanu
 
HCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationHCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationDr. V Vorvoreanu
 
Responsive design UX intro
Responsive design UX introResponsive design UX intro
Responsive design UX introDr. V Vorvoreanu
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recallDr. V Vorvoreanu
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocessDr. V Vorvoreanu
 
UX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesUX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesDr. V Vorvoreanu
 
UX user-centered design process overview
UX user-centered design process overviewUX user-centered design process overview
UX user-centered design process overviewDr. V Vorvoreanu
 
Grid examples lab exercise
Grid examples lab exerciseGrid examples lab exercise
Grid examples lab exerciseDr. V Vorvoreanu
 
User research independent study
User research independent studyUser research independent study
User research independent studyDr. V Vorvoreanu
 
Final presentations guidelines cgt512
Final presentations guidelines cgt512 Final presentations guidelines cgt512
Final presentations guidelines cgt512 Dr. V Vorvoreanu
 

More from Dr. V Vorvoreanu (20)

Dia2 tues persona
Dia2 tues persona Dia2 tues persona
Dia2 tues persona
 
Dia2 sketches
Dia2 sketchesDia2 sketches
Dia2 sketches
 
DIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDIA2 Design requirements presentation personas
DIA2 Design requirements presentation personas
 
07 principles 1 affordance
07 principles 1 affordance07 principles 1 affordance
07 principles 1 affordance
 
HCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationHCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentation
 
Responsive design UX intro
Responsive design UX introResponsive design UX intro
Responsive design UX intro
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recall
 
03 bad usability kills
03 bad usability kills03 bad usability kills
03 bad usability kills
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocess
 
Information architecture
Information architectureInformation architecture
Information architecture
 
UX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesUX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypes
 
UX user-centered design process overview
UX user-centered design process overviewUX user-centered design process overview
UX user-centered design process overview
 
Purdue MS degree CGT
Purdue MS degree CGTPurdue MS degree CGT
Purdue MS degree CGT
 
Grid examples lab exercise
Grid examples lab exerciseGrid examples lab exercise
Grid examples lab exercise
 
Gestalt examples
Gestalt examplesGestalt examples
Gestalt examples
 
Personas scenarios
Personas scenariosPersonas scenarios
Personas scenarios
 
User research independent study
User research independent studyUser research independent study
User research independent study
 
03 bad usability kills
03 bad usability kills03 bad usability kills
03 bad usability kills
 
01 welcome
01 welcome01 welcome
01 welcome
 
Final presentations guidelines cgt512
Final presentations guidelines cgt512 Final presentations guidelines cgt512
Final presentations guidelines cgt512
 

Sketches wireframes mockups prototypes