SlideShare a Scribd company logo
A Review on the Lecture Given by Juha-Matti UI Design in Nokia S60 Structure: Part Ⅰ: Drafting an “On the Move” concept ●  how to get down to basic Part Ⅱ: Design case study E71 theme ●  how to get into the final product
Part Ⅰ : Device on the Move Step one: set the target: device on the move Step two: start with study on who, where and what look at the category below: original thinking what:  maps, music, weather, calendar, info, call where: who: young aged professional car Sunday exercise cycling jogger tourist walking pedestrian
Step three: cutting the impossible after 1st iteration round what:  maps, music, weather, calendar, info, call where: who: after 2nd iteration round what:  maps, music, weather, calendar, info, call where: who: focus on the car mode the aged was skipped but still too many apps young aged professional car young professional car
conclusion the ever rotating process of “ communicate-iterate-communicate-iterate… ”  idea group discussing improve scenarios/ personas improve flash
Part Ⅱ : Road to Final Products components and functions category differentiation Nokia level brand identity design readability message of device family customer vendors in-house implementation SW (scalability, work) usability testing money communication (theme) vendor available components restriction platform
design versus design patterned background 3D-like highlights special color business main view readability subdued colors (supporting) usability  category differentiation Nokia level brand identity design readability message of device family customer
○  local: face to face communication ○  access to databases ○  same processes ○  remote: e-mail communication ○  restricted access to databases ○  no common processes vendors in-house implementation
solve the problem in communication between different components image for common understanding: use images to make clear each responsibility
conclusion communication  ○  KISS: keep it simple and stupid ○  never assume that the receiver of your message thinks as you  do SW- graphic designer- new/old employee ○  make sure that your point of view is clear to all and make sure you understand theirs too ○ always ask a second opinion by Jacqueline

More Related Content

Similar to Review on Juha-Matti's lecture

EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionEPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionhendrikknoche
 
Case Study 3 - Portfolio Project Final - Google UX Design Certificate
Case Study 3 - Portfolio Project Final - Google UX Design CertificateCase Study 3 - Portfolio Project Final - Google UX Design Certificate
Case Study 3 - Portfolio Project Final - Google UX Design Certificate
AbelKCS
 
WEEK1-STE-COMPSCI-G7-1Q-ROMINICCHENG.docx.pdf
WEEK1-STE-COMPSCI-G7-1Q-ROMINICCHENG.docx.pdfWEEK1-STE-COMPSCI-G7-1Q-ROMINICCHENG.docx.pdf
WEEK1-STE-COMPSCI-G7-1Q-ROMINICCHENG.docx.pdf
rominiccheng
 
Dev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trends
Tunde Ojediran
 
My UX Portfolio
My UX PortfolioMy UX Portfolio
My UX Portfolio
Vivek Baliga
 
User centered design workshop
User centered design workshopUser centered design workshop
User centered design workshopPatrick McNeil
 
Audubon's UX portfolio
Audubon's UX portfolioAudubon's UX portfolio
Audubon's UX portfolio
Audubon McKeown D.
 
Microsoft Accessibility & Symbol Messenger
Microsoft Accessibility & Symbol MessengerMicrosoft Accessibility & Symbol Messenger
Microsoft Accessibility & Symbol Messenger
Leadin
 
Case Study - Design an Art History App for an Art Gallery.pptx
Case Study - Design an Art History App for an Art Gallery.pptxCase Study - Design an Art History App for an Art Gallery.pptx
Case Study - Design an Art History App for an Art Gallery.pptx
Chan Jia Jun
 
Multi-Device Digital Product Design
Multi-Device Digital Product DesignMulti-Device Digital Product Design
Multi-Device Digital Product Design
prodactive
 
Resume A. Rinaldi (ENG-ME)
Resume A. Rinaldi (ENG-ME)Resume A. Rinaldi (ENG-ME)
Resume A. Rinaldi (ENG-ME)Arturo Rinaldi
 
UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19
Lena Lekkou
 
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
Filippo Andolfatto
 
Process of Making Multimedia.ppt
Process of Making Multimedia.pptProcess of Making Multimedia.ppt
Process of Making Multimedia.ppt
Kalai Selvi
 
3 diy 6.24-peopeo(1)
3 diy 6.24-peopeo(1)3 diy 6.24-peopeo(1)
3 diy 6.24-peopeo(1)tingan
 
The Web Development Process
The Web Development ProcessThe Web Development Process
The Web Development Process
Matt Bryant
 
Learning area 4 multimedia
Learning area 4   multimediaLearning area 4   multimedia
Learning area 4 multimedia
Shuren Lew
 
Module multimedia
Module multimediaModule multimedia
Module multimedia
Paee Faiezah Kertau Kintus
 

Similar to Review on Juha-Matti's lecture (20)

EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionEPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
 
Case Study 3 - Portfolio Project Final - Google UX Design Certificate
Case Study 3 - Portfolio Project Final - Google UX Design CertificateCase Study 3 - Portfolio Project Final - Google UX Design Certificate
Case Study 3 - Portfolio Project Final - Google UX Design Certificate
 
WEEK1-STE-COMPSCI-G7-1Q-ROMINICCHENG.docx.pdf
WEEK1-STE-COMPSCI-G7-1Q-ROMINICCHENG.docx.pdfWEEK1-STE-COMPSCI-G7-1Q-ROMINICCHENG.docx.pdf
WEEK1-STE-COMPSCI-G7-1Q-ROMINICCHENG.docx.pdf
 
Dev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trends
 
My UX Portfolio
My UX PortfolioMy UX Portfolio
My UX Portfolio
 
User centered design workshop
User centered design workshopUser centered design workshop
User centered design workshop
 
Audubon's UX portfolio
Audubon's UX portfolioAudubon's UX portfolio
Audubon's UX portfolio
 
Microsoft Accessibility & Symbol Messenger
Microsoft Accessibility & Symbol MessengerMicrosoft Accessibility & Symbol Messenger
Microsoft Accessibility & Symbol Messenger
 
Case Study - Design an Art History App for an Art Gallery.pptx
Case Study - Design an Art History App for an Art Gallery.pptxCase Study - Design an Art History App for an Art Gallery.pptx
Case Study - Design an Art History App for an Art Gallery.pptx
 
Multi-Device Digital Product Design
Multi-Device Digital Product DesignMulti-Device Digital Product Design
Multi-Device Digital Product Design
 
Resume A. Rinaldi (ENG-ME)
Resume A. Rinaldi (ENG-ME)Resume A. Rinaldi (ENG-ME)
Resume A. Rinaldi (ENG-ME)
 
UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19
 
Michael_Chiang-Resume-2015
Michael_Chiang-Resume-2015Michael_Chiang-Resume-2015
Michael_Chiang-Resume-2015
 
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
 
Process of Making Multimedia.ppt
Process of Making Multimedia.pptProcess of Making Multimedia.ppt
Process of Making Multimedia.ppt
 
3 diy 6.24-peopeo(1)
3 diy 6.24-peopeo(1)3 diy 6.24-peopeo(1)
3 diy 6.24-peopeo(1)
 
The Web Development Process
The Web Development ProcessThe Web Development Process
The Web Development Process
 
Learning area 4 multimedia
Learning area 4   multimediaLearning area 4   multimedia
Learning area 4 multimedia
 
La4 multimedia
La4   multimediaLa4   multimedia
La4 multimedia
 
Module multimedia
Module multimediaModule multimedia
Module multimedia
 

Recently uploaded

原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
smpc3nvg
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
184804
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 

Recently uploaded (20)

原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 

Review on Juha-Matti's lecture

  • 1. A Review on the Lecture Given by Juha-Matti UI Design in Nokia S60 Structure: Part Ⅰ: Drafting an “On the Move” concept ● how to get down to basic Part Ⅱ: Design case study E71 theme ● how to get into the final product
  • 2. Part Ⅰ : Device on the Move Step one: set the target: device on the move Step two: start with study on who, where and what look at the category below: original thinking what: maps, music, weather, calendar, info, call where: who: young aged professional car Sunday exercise cycling jogger tourist walking pedestrian
  • 3. Step three: cutting the impossible after 1st iteration round what: maps, music, weather, calendar, info, call where: who: after 2nd iteration round what: maps, music, weather, calendar, info, call where: who: focus on the car mode the aged was skipped but still too many apps young aged professional car young professional car
  • 4. conclusion the ever rotating process of “ communicate-iterate-communicate-iterate… ” idea group discussing improve scenarios/ personas improve flash
  • 5. Part Ⅱ : Road to Final Products components and functions category differentiation Nokia level brand identity design readability message of device family customer vendors in-house implementation SW (scalability, work) usability testing money communication (theme) vendor available components restriction platform
  • 6. design versus design patterned background 3D-like highlights special color business main view readability subdued colors (supporting) usability category differentiation Nokia level brand identity design readability message of device family customer
  • 7. ○ local: face to face communication ○ access to databases ○ same processes ○ remote: e-mail communication ○ restricted access to databases ○ no common processes vendors in-house implementation
  • 8. solve the problem in communication between different components image for common understanding: use images to make clear each responsibility
  • 9. conclusion communication ○ KISS: keep it simple and stupid ○ never assume that the receiver of your message thinks as you do SW- graphic designer- new/old employee ○ make sure that your point of view is clear to all and make sure you understand theirs too ○ always ask a second opinion by Jacqueline