SlideShare a Scribd company logo
Requirements
Interface
Requirements
                Design
I. DESIGN


II. REFINE


III. VALIDATE
I. DESIGN
I. DESIGN

            A. Interaction Framework

            B. Visual Design Framework

            C. Industrial Design Framework
I. DESIGN

            A. Interaction Framework

               Sketch interaction framework

               Storyboard key path scenarios

            B. Visual Design Framework




            C. Industrial Design Framework
I. DESIGN

            A. Interaction Framework

               Sketch interaction framework

               Storyboard key path scenarios

            B. Visual Design Framework

               Visual style

            C. Industrial Design Framework
I. DESIGN

            A. Interaction Framework

               Sketch interaction framework

               Storyboard key path scenarios

            B. Visual Design Framework

               Visual style

            C. Industrial Design Framework

               Hardware
I. DESIGN

             A. Interaction Framework

             B. Visual Design Framework

             C. Industrial Design Framework

II. REFINE

         High fidelity prototypes

III. VALIDATE

        Feedback; Formative usability tests

More Related Content

Viewers also liked

Haur Hezkuntzari Aplikaturiko Teknologia Berriak (Eva, Alba eta Edurne)
Haur Hezkuntzari Aplikaturiko Teknologia Berriak (Eva, Alba eta Edurne)Haur Hezkuntzari Aplikaturiko Teknologia Berriak (Eva, Alba eta Edurne)
Haur Hezkuntzari Aplikaturiko Teknologia Berriak (Eva, Alba eta Edurne)
guest56ca71
 
Healthy Body Life
Healthy Body LifeHealthy Body Life
Healthy Body Life
cli0005
 
Scientists Encode First Women Genome
Scientists Encode First Women GenomeScientists Encode First Women Genome
Scientists Encode First Women Genome
Sbeauchemin
 
William Shakespeare
William ShakespeareWilliam Shakespeare
William Shakespeare
guest8e8cc4
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocess
Dr. V Vorvoreanu
 
Mcf Academy Book Low Rez
Mcf Academy Book Low RezMcf Academy Book Low Rez
Mcf Academy Book Low Rez
giannafarina
 
Scientists Encode First Women Genome
Scientists Encode First Women GenomeScientists Encode First Women Genome
Scientists Encode First Women Genome
Sbeauchemin
 
07 mental models-ift_lecture_2013
07 mental models-ift_lecture_201307 mental models-ift_lecture_2013
07 mental models-ift_lecture_2013
Dr. V Vorvoreanu
 

Viewers also liked (20)

Audit
AuditAudit
Audit
 
Haur Hezkuntzari Aplikaturiko Teknologia Berriak (Eva, Alba eta Edurne)
Haur Hezkuntzari Aplikaturiko Teknologia Berriak (Eva, Alba eta Edurne)Haur Hezkuntzari Aplikaturiko Teknologia Berriak (Eva, Alba eta Edurne)
Haur Hezkuntzari Aplikaturiko Teknologia Berriak (Eva, Alba eta Edurne)
 
3D Foot Scanning for Custom Orthotics
3D Foot Scanning for Custom Orthotics3D Foot Scanning for Custom Orthotics
3D Foot Scanning for Custom Orthotics
 
Healthy Body Life
Healthy Body LifeHealthy Body Life
Healthy Body Life
 
Scientists Encode First Women Genome
Scientists Encode First Women GenomeScientists Encode First Women Genome
Scientists Encode First Women Genome
 
11 info architecture
11 info architecture11 info architecture
11 info architecture
 
William Shakespeare
William ShakespeareWilliam Shakespeare
William Shakespeare
 
Flash mobs
Flash mobsFlash mobs
Flash mobs
 
excise interface design
excise interface designexcise interface design
excise interface design
 
Lithium Likes to Loves Tour Sydney
Lithium Likes to Loves Tour SydneyLithium Likes to Loves Tour Sydney
Lithium Likes to Loves Tour Sydney
 
Twitter 101
Twitter 101Twitter 101
Twitter 101
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocess
 
Social media adoption worldwide
Social media adoption worldwideSocial media adoption worldwide
Social media adoption worldwide
 
usability testingplanning
usability testingplanningusability testingplanning
usability testingplanning
 
Slides tech621
Slides tech621Slides tech621
Slides tech621
 
Mcf Academy Book Low Rez
Mcf Academy Book Low RezMcf Academy Book Low Rez
Mcf Academy Book Low Rez
 
Procurement
ProcurementProcurement
Procurement
 
Scientists Encode First Women Genome
Scientists Encode First Women GenomeScientists Encode First Women Genome
Scientists Encode First Women Genome
 
07 mental models-ift_lecture_2013
07 mental models-ift_lecture_201307 mental models-ift_lecture_2013
07 mental models-ift_lecture_2013
 
navigation
navigationnavigation
navigation
 

Similar to 05 from requirements to interface design

Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design PortfolioRethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Joel Califa
 
Bim Presentation Adonis For Mldl
Bim Presentation Adonis For MldlBim Presentation Adonis For Mldl
Bim Presentation Adonis For Mldl
suudiptadaas
 
Business analysis for it professionals
Business analysis for it professionalsBusiness analysis for it professionals
Business analysis for it professionals
bestip
 
Innovation for Real Estate: Building Information Modeling (Erin Rae Hoffer) -...
Innovation for Real Estate: Building Information Modeling (Erin Rae Hoffer) -...Innovation for Real Estate: Building Information Modeling (Erin Rae Hoffer) -...
Innovation for Real Estate: Building Information Modeling (Erin Rae Hoffer) -...
Virtual ULI
 
Change the Way We Build - Part 2
Change the Way We Build - Part 2Change the Way We Build - Part 2
Change the Way We Build - Part 2
Amol Vidwans
 
From 3D to 6D Managing the Information Labyrinth of BIM.pdf
From 3D to 6D Managing the Information Labyrinth of BIM.pdfFrom 3D to 6D Managing the Information Labyrinth of BIM.pdf
From 3D to 6D Managing the Information Labyrinth of BIM.pdf
VincentPoon15
 
BIM Uses In Design
BIM Uses In DesignBIM Uses In Design
BIM Uses In Design
nevena_psu
 
Citation- Enchanted Storybrook Castle2
Citation- Enchanted Storybrook Castle2Citation- Enchanted Storybrook Castle2
Citation- Enchanted Storybrook Castle2
Christian Munoz
 

Similar to 05 from requirements to interface design (20)

Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design PortfolioRethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
 
Action-Driven Design of User Interfaces
Action-Driven Design of User InterfacesAction-Driven Design of User Interfaces
Action-Driven Design of User Interfaces
 
Cr and-vm-reduced
Cr and-vm-reducedCr and-vm-reduced
Cr and-vm-reduced
 
Site BIM at RBF
Site BIM at RBFSite BIM at RBF
Site BIM at RBF
 
Bim Presentation By Adonis Designs Pvt Ltd.
Bim Presentation By Adonis Designs Pvt Ltd.Bim Presentation By Adonis Designs Pvt Ltd.
Bim Presentation By Adonis Designs Pvt Ltd.
 
Bim Presentation Adonis For Mldl
Bim Presentation Adonis For MldlBim Presentation Adonis For Mldl
Bim Presentation Adonis For Mldl
 
Saf08 Growing Architects Kevin Francis
Saf08 Growing Architects   Kevin FrancisSaf08 Growing Architects   Kevin Francis
Saf08 Growing Architects Kevin Francis
 
Business analysis for it professionals
Business analysis for it professionalsBusiness analysis for it professionals
Business analysis for it professionals
 
Innovation for Real Estate: Building Information Modeling (Erin Rae Hoffer) -...
Innovation for Real Estate: Building Information Modeling (Erin Rae Hoffer) -...Innovation for Real Estate: Building Information Modeling (Erin Rae Hoffer) -...
Innovation for Real Estate: Building Information Modeling (Erin Rae Hoffer) -...
 
Brand Portfolio 2012
Brand Portfolio 2012Brand Portfolio 2012
Brand Portfolio 2012
 
BIM project execution
BIM project executionBIM project execution
BIM project execution
 
What is User Experience
What is User ExperienceWhat is User Experience
What is User Experience
 
Change the Way We Build - Part 2
Change the Way We Build - Part 2Change the Way We Build - Part 2
Change the Way We Build - Part 2
 
From 3D to 6D Managing the Information Labyrinth of BIM.pdf
From 3D to 6D Managing the Information Labyrinth of BIM.pdfFrom 3D to 6D Managing the Information Labyrinth of BIM.pdf
From 3D to 6D Managing the Information Labyrinth of BIM.pdf
 
BIM Uses In Design
BIM Uses In DesignBIM Uses In Design
BIM Uses In Design
 
BIM PPT - NIRMAL JOHNSON.pptx
BIM PPT - NIRMAL JOHNSON.pptxBIM PPT - NIRMAL JOHNSON.pptx
BIM PPT - NIRMAL JOHNSON.pptx
 
Citation- Enchanted Storybrook Castle2
Citation- Enchanted Storybrook Castle2Citation- Enchanted Storybrook Castle2
Citation- Enchanted Storybrook Castle2
 
Photoshop rendering
Photoshop renderingPhotoshop rendering
Photoshop rendering
 
Thecreativeedge
ThecreativeedgeThecreativeedge
Thecreativeedge
 
Wireframes and UI-Prototypes
Wireframes and UI-PrototypesWireframes and UI-Prototypes
Wireframes and UI-Prototypes
 

More from Dr. V Vorvoreanu

Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recall
Dr. V Vorvoreanu
 
UX user-centered design process overview
UX user-centered design process overviewUX user-centered design process overview
UX user-centered design process overview
Dr. V Vorvoreanu
 
26 social interaction design
26 social interaction design26 social interaction design
26 social interaction design
Dr. V Vorvoreanu
 
Sketches wireframes mockups prototypes
Sketches wireframes mockups prototypesSketches wireframes mockups prototypes
Sketches wireframes mockups prototypes
Dr. V Vorvoreanu
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recall
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
 
gestalt principles cats
gestalt principles catsgestalt principles cats
gestalt principles cats
 
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
 
Controls
ControlsControls
Controls
 
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
 
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
 
Cgt 256 course review
Cgt 256 course reviewCgt 256 course review
Cgt 256 course review
 
Cross channel ux
Cross channel uxCross channel ux
Cross channel ux
 
UX user-centered design process overview
UX user-centered design process overviewUX user-centered design process overview
UX user-centered design process overview
 
26 social interaction design
26 social interaction design26 social interaction design
26 social interaction design
 
Purdue MS degree CGT
Purdue MS degree CGTPurdue MS degree CGT
Purdue MS degree CGT
 
Sketches wireframes mockups prototypes
Sketches wireframes mockups prototypesSketches wireframes mockups prototypes
Sketches wireframes mockups prototypes
 
11 info architecture-2014
11 info architecture-201411 info architecture-2014
11 info architecture-2014
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recall
 

Recently uploaded

Recently uploaded (20)

ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User GroupODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
 
ECS 2024 Teams Premium - Pretty Secure
ECS 2024   Teams Premium - Pretty SecureECS 2024   Teams Premium - Pretty Secure
ECS 2024 Teams Premium - Pretty Secure
 
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
 
Enterprise Security Monitoring, And Log Management.
Enterprise Security Monitoring, And Log Management.Enterprise Security Monitoring, And Log Management.
Enterprise Security Monitoring, And Log Management.
 
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
 
In-Depth Performance Testing Guide for IT Professionals
In-Depth Performance Testing Guide for IT ProfessionalsIn-Depth Performance Testing Guide for IT Professionals
In-Depth Performance Testing Guide for IT Professionals
 
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone KomSalesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
 
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří Karpíšek
 
PLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. StartupsPLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. Startups
 
Agentic RAG What it is its types applications and implementation.pdf
Agentic RAG What it is its types applications and implementation.pdfAgentic RAG What it is its types applications and implementation.pdf
Agentic RAG What it is its types applications and implementation.pdf
 
IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024
 
Intelligent Gimbal FINAL PAPER Engineering.pdf
Intelligent Gimbal FINAL PAPER Engineering.pdfIntelligent Gimbal FINAL PAPER Engineering.pdf
Intelligent Gimbal FINAL PAPER Engineering.pdf
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
 
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptxUnpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
 
Server-Driven User Interface (SDUI) at Priceline
Server-Driven User Interface (SDUI) at PricelineServer-Driven User Interface (SDUI) at Priceline
Server-Driven User Interface (SDUI) at Priceline
 
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi IbrahimzadeFree and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
Strategic AI Integration in Engineering Teams
Strategic AI Integration in Engineering TeamsStrategic AI Integration in Engineering Teams
Strategic AI Integration in Engineering Teams
 

05 from requirements to interface design

  • 1.
  • 6. I. DESIGN A. Interaction Framework B. Visual Design Framework C. Industrial Design Framework
  • 7. I. DESIGN A. Interaction Framework Sketch interaction framework Storyboard key path scenarios B. Visual Design Framework C. Industrial Design Framework
  • 8. I. DESIGN A. Interaction Framework Sketch interaction framework Storyboard key path scenarios B. Visual Design Framework Visual style C. Industrial Design Framework
  • 9. I. DESIGN A. Interaction Framework Sketch interaction framework Storyboard key path scenarios B. Visual Design Framework Visual style C. Industrial Design Framework Hardware
  • 10. I. DESIGN A. Interaction Framework B. Visual Design Framework C. Industrial Design Framework II. REFINE High fidelity prototypes III. VALIDATE Feedback; Formative usability tests

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n