SlideShare a Scribd company logo
INTERACTION / UI / UX
• wireframes
• interaction flows
• use cases
• navigation patterns
• brand study
• mood board
• name & logo design
• store materials
• layout design
• icons and pictograms
• color scheme design
• fonts and typography
• prototyping & demo
• user workflow design & analysis
• user testing
USER
EXPERIENCE
USER
INTERFACE
INTERACTION
DESIGN
MARKETING
& IDENTITY
WIREFRAME VISUALIZATION INTERACTION
MAP
DESIGN SPECS ASSETS HTML DEMO
WIREFRAMEBRIEF
INTERACTION FLOW PROTOTYPE
DEMOBRANDING
USER INTERFACE
SCREEN DESIGN
USER TEST
PROCESSDELIVERABLESSERVICEOVERVIEWPLATFORMS
USE CASES
ANDROID
ANDROID WEAR
iOSWINDOWS
WP8
CUSTOM
PLATFORMS
PHYSICAL
INTERFACES
BLUE RIBBON
WINDOWS PHONE APP DESIGN
•	 guidelines and design specs for colors, fonts
•	 graphical assets for the app
•	 support during development
•	 interaction flows, wireframes
•	 guidelines and design specs for colors, fonts
•	 graphical assets for the app
•	 support during development
CONTENT MANAGEMENT SYSTEM
WINDOWS APP DESIGN
•	 interaction flows, wireframes
•	 physical interface design
•	 specifications for labels
EVOPRO OBU
CUSTOM USER INTERFACE DEVELOPMENT
EVOPRO ELECTRIC CHARGER
CUSTOM USER INTERFACE DEVELOPMENT
•	 interaction flows, wireframes
•	 guidelines and design specs for colors, fonts
•	 graphical assets
•	 HTML demo for user test
maform kft • 1116 Budapest, Hauszmann Alajos utca 2 • tax. no. 14600270-2-43 • reg. no. 12-34-1287634 • +36 30 747 24 16 • info@maform.hu • www.maform.hu
Mobile Platforms
Additional
Mobile Platform
Desktop or
Custom Platforms
WIREFRAME 12-26 +50% 12-26
INTERACTION FLOW 8-18 – 8-18
USE CASES 4-8 – 4-8
NAVIGATION PATTERN 4-8 +50% 4-8
BRAND STUDY & MOOD BOARD 16-24 – 16-24
NAME & LOGO DESIGN 15-30 – 15-30
COLOR & TYPOGRAPHY 14-18 – 14-18
STORE MATERIALS 4-8 +50% 4-8
ICONS & PICTO DESIGN 16-20 – 16-20
LAYOUT 10-16 +80% 10-16
FINAL SCREEN DESIGN 1-4 +100% 1-4
ANIMATION DESIGN 14-18 +50% 14-18
PROTOTYPING depends on fidelity (16-40+)
DEMO depends on fidelity
USER TESTING depends on scale and method
/set
/screen type
/screen
/animation
(depends on
number of screens)
/app
ESTIMATED WORKLOADS
IN HOURS
USERINTERFACEDESIGNUXDESIGNINTERACTIONDESIGNMARKETING&IDENTITY

More Related Content

PDF
How to Design Windows Phone Applications with Expression Blend
PDF
Production ergonomics
PPTX
Correcciones del lenguaje
PDF
Hematological Cancer Glossary (1)
PPTX
Tic maestría
PDF
Build venture - engineering services
How to Design Windows Phone Applications with Expression Blend
Production ergonomics
Correcciones del lenguaje
Hematological Cancer Glossary (1)
Tic maestría
Build venture - engineering services

Viewers also liked (7)

PDF
BEE Certificate_Enra Technologies CC.PDF
PPTX
Fruition Technology Labs
DOC
Al Gage LOA Gysgt Lussier Okinawa Japan
PPTX
Diapositivas lenguaje
PPTX
La definición en textos orales de divulgación científica
PDF
Ist IoT smarter? Von Smart Factories, Smart Products und Smart Services
PDF
Los profes chatean sobre Cristóbal Colón. Entrevista en la sección Innovadore...
BEE Certificate_Enra Technologies CC.PDF
Fruition Technology Labs
Al Gage LOA Gysgt Lussier Okinawa Japan
Diapositivas lenguaje
La definición en textos orales de divulgación científica
Ist IoT smarter? Von Smart Factories, Smart Products und Smart Services
Los profes chatean sobre Cristóbal Colón. Entrevista en la sección Innovadore...
Ad

Similar to UI design case (20)

PDF
Industrial Design www.dosell.io
PDF
Uxpin mobile UI Design Patterns 2014
PDF
Uxpin mobile ui_design_patterns_2014
PDF
Mobile UI Design Patterns 2014
PDF
Mobile ui design patterns
PDF
Bank Chris - Web UI Design Patterns - 2014
PPT
Web applications with personality
PDF
Top ui ux design trends for mobile apps 2021
PPTX
UI/UX Fundamentals
PDF
Wireframes
PDF
Wireframes
PDF
Wireframes
PDF
Making Effective Prototypes
PDF
Design Dynamics: Elevating UiPath Apps with UX Wireframes
PDF
dmedia Design Project 2 Interaction Design Brief
PPTX
Ui ux design trends that will dominate in 2021
PDF
Portfolio Karen Sátiro
PDF
Who feeds an experience?
PDF
User-centred design
PDF
Quick Guide for Designing Usable Mobile UI
Industrial Design www.dosell.io
Uxpin mobile UI Design Patterns 2014
Uxpin mobile ui_design_patterns_2014
Mobile UI Design Patterns 2014
Mobile ui design patterns
Bank Chris - Web UI Design Patterns - 2014
Web applications with personality
Top ui ux design trends for mobile apps 2021
UI/UX Fundamentals
Wireframes
Wireframes
Wireframes
Making Effective Prototypes
Design Dynamics: Elevating UiPath Apps with UX Wireframes
dmedia Design Project 2 Interaction Design Brief
Ui ux design trends that will dominate in 2021
Portfolio Karen Sátiro
Who feeds an experience?
User-centred design
Quick Guide for Designing Usable Mobile UI
Ad

More from LabSharegroup (20)

PPTX
Product security by Blockchain, AI and Security Certs
PDF
Pitch Deck - LabShare 2017
PDF
Accelerate your company
PDF
DAG Ideas full-stack webservices joined to DoSell Platform
PDF
Machinery design & engineering
PDF
Software security, secure software development in the age of IoT, smart thing...
PDF
B2B reference guide for company makers part III. - Soft launch and Growth
PDF
B2B venture reference guide - part II.
PDF
B2B reference guide for company makers
PDF
DoSell pitch deck
PDF
DoSell vision, services overview
PDF
How we build a start-up from zero with the help of online content.
PDF
The true story of building up our venture
PDF
Common Criteria Lab Hungary
PDF
The best way to design secure software products
PDF
Bring your Ideas to Life
PDF
DoSell Virtual Verification
PDF
Cathay general intro
PDF
ViveLab
PDF
Transportation design case
Product security by Blockchain, AI and Security Certs
Pitch Deck - LabShare 2017
Accelerate your company
DAG Ideas full-stack webservices joined to DoSell Platform
Machinery design & engineering
Software security, secure software development in the age of IoT, smart thing...
B2B reference guide for company makers part III. - Soft launch and Growth
B2B venture reference guide - part II.
B2B reference guide for company makers
DoSell pitch deck
DoSell vision, services overview
How we build a start-up from zero with the help of online content.
The true story of building up our venture
Common Criteria Lab Hungary
The best way to design secure software products
Bring your Ideas to Life
DoSell Virtual Verification
Cathay general intro
ViveLab
Transportation design case

Recently uploaded (20)

PDF
Test slideshare presentation for blog post
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPTX
22CDH01-V3-UNIT III-UX-UI for Immersive Design
PDF
Interior Structure and Construction A1 NGYANQI
PPTX
Media And Information Literacy for Grade 12
PDF
321 LIBRARY DESIGN.pdf43354445t6556t5656
PPTX
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
PDF
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
PPTX
Entrepreneur intro, origin, process, method
PPTX
EDP Competencies-types, process, explanation
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPTX
timber basics in structure mechanics (dos)
PDF
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
PPTX
Evolution_of_Computing_Presentation (1).pptx
PDF
Urban Design Final Project-Context
PPT
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PPTX
VERNACULAR_DESIGN_PPT FINAL WITH PROPOSED PLAN.pptx
Test slideshare presentation for blog post
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
22CDH01-V3-UNIT III-UX-UI for Immersive Design
Interior Structure and Construction A1 NGYANQI
Media And Information Literacy for Grade 12
321 LIBRARY DESIGN.pdf43354445t6556t5656
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
Entrepreneur intro, origin, process, method
EDP Competencies-types, process, explanation
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
timber basics in structure mechanics (dos)
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
Evolution_of_Computing_Presentation (1).pptx
Urban Design Final Project-Context
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
VERNACULAR_DESIGN_PPT FINAL WITH PROPOSED PLAN.pptx

UI design case

  • 2. • wireframes • interaction flows • use cases • navigation patterns • brand study • mood board • name & logo design • store materials • layout design • icons and pictograms • color scheme design • fonts and typography • prototyping & demo • user workflow design & analysis • user testing USER EXPERIENCE USER INTERFACE INTERACTION DESIGN MARKETING & IDENTITY WIREFRAME VISUALIZATION INTERACTION MAP DESIGN SPECS ASSETS HTML DEMO WIREFRAMEBRIEF INTERACTION FLOW PROTOTYPE DEMOBRANDING USER INTERFACE SCREEN DESIGN USER TEST PROCESSDELIVERABLESSERVICEOVERVIEWPLATFORMS USE CASES ANDROID ANDROID WEAR iOSWINDOWS WP8 CUSTOM PLATFORMS PHYSICAL INTERFACES
  • 3. BLUE RIBBON WINDOWS PHONE APP DESIGN • guidelines and design specs for colors, fonts • graphical assets for the app • support during development • interaction flows, wireframes • guidelines and design specs for colors, fonts • graphical assets for the app • support during development CONTENT MANAGEMENT SYSTEM WINDOWS APP DESIGN • interaction flows, wireframes • physical interface design • specifications for labels EVOPRO OBU CUSTOM USER INTERFACE DEVELOPMENT EVOPRO ELECTRIC CHARGER CUSTOM USER INTERFACE DEVELOPMENT • interaction flows, wireframes • guidelines and design specs for colors, fonts • graphical assets • HTML demo for user test
  • 4. maform kft • 1116 Budapest, Hauszmann Alajos utca 2 • tax. no. 14600270-2-43 • reg. no. 12-34-1287634 • +36 30 747 24 16 • info@maform.hu • www.maform.hu Mobile Platforms Additional Mobile Platform Desktop or Custom Platforms WIREFRAME 12-26 +50% 12-26 INTERACTION FLOW 8-18 – 8-18 USE CASES 4-8 – 4-8 NAVIGATION PATTERN 4-8 +50% 4-8 BRAND STUDY & MOOD BOARD 16-24 – 16-24 NAME & LOGO DESIGN 15-30 – 15-30 COLOR & TYPOGRAPHY 14-18 – 14-18 STORE MATERIALS 4-8 +50% 4-8 ICONS & PICTO DESIGN 16-20 – 16-20 LAYOUT 10-16 +80% 10-16 FINAL SCREEN DESIGN 1-4 +100% 1-4 ANIMATION DESIGN 14-18 +50% 14-18 PROTOTYPING depends on fidelity (16-40+) DEMO depends on fidelity USER TESTING depends on scale and method /set /screen type /screen /animation (depends on number of screens) /app ESTIMATED WORKLOADS IN HOURS USERINTERFACEDESIGNUXDESIGNINTERACTIONDESIGNMARKETING&IDENTITY