SlideShare uma empresa Scribd logo
1 de 45
Baixar para ler offline
Stand Out Apps
Stand-Out Apps:
The User Experience Is
         Key
Jeremy Lyon, Manager, Interaction Design
  Adil Dhanani, Manager, UI Production
              April 24, 2010
What We’ll Cover

What is design?                           10
minutes

What’s special about mobile design?   5
minutes

How to employ design techniques       15
minutes

Examples                                   15
minutes

Q&A                                        15
minutes
What Is Design?
image courtesy *Debs*
http://www.flickr.com/photos/littledebbie11/
image courtesy xmatt
http://www.flickr.com/photos/hine/
Stand Out Apps
What Do
Designers Think
Usefulnes
             s



image courtesy SNAKPhotography
http://www.flickr.com/photos/snakphotography/
Usability



image courtesy Terry Wha
http://www.flickr.com/photos/terry_wha/
image courtesy Sean McGrath
http://www.flickr.com/photos/mcgraths/
image courtesy SNAKPhotography
http://www.flickr.com/photos/snakphotography/
Stand Out Apps
Stand Out Apps
image courtesy Rob Shenk
http://www.flickr.com/photos/rcsj/
image courtesy Sean McGrath
http://www.flickr.com/photos/mcgraths/
image courtesy annia316
http://www.flickr.com/photos/annia316/
image courtesy laffy4k
http://www.flickr.com/photos/laffy4k/
Tradeoffs



image courtesy Henna by Karen Horton
http://www.flickr.com/photos/karenhorton/
What’s Different
 About Mobile
Stand Out Apps
image courtesy laffy4k
http://www.flickr.com/photos/laffy4k/
image courtesy Paul Lowry
http://www.flickr.com/photos/paul_lowry/
Opportunities
Design
Techniques
image courtesy brunkfordbraun
http://www.flickr.com/photos/brunkfordbraun/
image courtesy aslakr
http://www.flickr.com/photos/aslakr/
image courtesy Horia Varlan
http://www.flickr.com/photos/horiavarlan/
image courtesy Norman B. Leventhal Map Center
http://www.flickr.com/photos/normanbleventhalmapcenter/
image courtesy The Shane H
http://www.flickr.com/photos/shane-h/
Balance
Consisten
   cy
Dominanc
   e
Unity
image courtesy D’Arcy Norman
http://www.flickr.com/photos/dnorman/
Evaluate
Test
Iterate
Stop


image courtesy hansol
http://www.flickr.com/photos/hansol/
Examples
Resources
Books About Design

• The Design of Everyday Things and Emotional
  Design
  by Donald A. Norman
• Don’t Make Me Think by Steve Krug
• The Inmates are Running The Asylum by Alan
  Cooper
• Shaping Things and Tomorrow Now by Bruce
  Sterling
webOS Design Resources

• Palm Human Interface Guidelines
• Top Tips For Developing Great webOS
  Application Interfaces
• Style Matters
• All are available at developer.palm.com. Search for
  User Interface Guidelines
Q &A
Stand Out Apps

Mais conteúdo relacionado

Mais procurados

Creating User Friendly Joomla! Websites and Forms [English]
Creating User Friendly Joomla! Websites and Forms [English]Creating User Friendly Joomla! Websites and Forms [English]
Creating User Friendly Joomla! Websites and Forms [English]ThemePartner
 
Location, LB(M)S, Hype, Stealth Data and Stuff
Location, LB(M)S, Hype, Stealth Data and StuffLocation, LB(M)S, Hype, Stealth Data and Stuff
Location, LB(M)S, Hype, Stealth Data and StuffGary Gale
 
Tengoldenrules 100221091210-phpapp01[1]
Tengoldenrules 100221091210-phpapp01[1]Tengoldenrules 100221091210-phpapp01[1]
Tengoldenrules 100221091210-phpapp01[1]FeliciaMotsaanaka
 
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016Anna Dahlström
 
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014Anna Dahlström
 
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015Anna Dahlström
 

Mais procurados (6)

Creating User Friendly Joomla! Websites and Forms [English]
Creating User Friendly Joomla! Websites and Forms [English]Creating User Friendly Joomla! Websites and Forms [English]
Creating User Friendly Joomla! Websites and Forms [English]
 
Location, LB(M)S, Hype, Stealth Data and Stuff
Location, LB(M)S, Hype, Stealth Data and StuffLocation, LB(M)S, Hype, Stealth Data and Stuff
Location, LB(M)S, Hype, Stealth Data and Stuff
 
Tengoldenrules 100221091210-phpapp01[1]
Tengoldenrules 100221091210-phpapp01[1]Tengoldenrules 100221091210-phpapp01[1]
Tengoldenrules 100221091210-phpapp01[1]
 
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
 
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014
 
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015
 

Destaque

Advanced webOS
Advanced webOSAdvanced webOS
Advanced webOSfpatton
 
Types computers and software
Types computers and softwareTypes computers and software
Types computers and softwareBig Star Music
 
Advanced webOS, Stanford
Advanced webOS, StanfordAdvanced webOS, Stanford
Advanced webOS, Stanfordfpatton
 
Syam critical path cpa
Syam critical path cpaSyam critical path cpa
Syam critical path cpasyamputra
 
Internals - Exploring the webOS Browser and JavaScript
Internals - Exploring the webOS Browser and JavaScriptInternals - Exploring the webOS Browser and JavaScript
Internals - Exploring the webOS Browser and JavaScriptfpatton
 
Socioeconomic Status, Social Capital, and Partisan Polarity as Predictors of ...
Socioeconomic Status, Social Capital, and Partisan Polarity as Predictors of ...Socioeconomic Status, Social Capital, and Partisan Polarity as Predictors of ...
Socioeconomic Status, Social Capital, and Partisan Polarity as Predictors of ...The University of Alabama System
 
Vargo, Guo, McCombs & Shaw - Network Issue Agendas on Twitter during the 2012...
Vargo, Guo, McCombs & Shaw - Network Issue Agendas on Twitter during the 2012...Vargo, Guo, McCombs & Shaw - Network Issue Agendas on Twitter during the 2012...
Vargo, Guo, McCombs & Shaw - Network Issue Agendas on Twitter during the 2012...The University of Alabama System
 
Mobile Apps - Marketing and Strategy
Mobile Apps - Marketing and StrategyMobile Apps - Marketing and Strategy
Mobile Apps - Marketing and Strategyfpatton
 
Intro To webOS
Intro To webOSIntro To webOS
Intro To webOSfpatton
 

Destaque (13)

Advanced webOS
Advanced webOSAdvanced webOS
Advanced webOS
 
Tea party panel
Tea party panelTea party panel
Tea party panel
 
Types computers and software
Types computers and softwareTypes computers and software
Types computers and software
 
Czm In Belize
Czm In BelizeCzm In Belize
Czm In Belize
 
CAT534 Ripped From The Headlines - Google Apps
CAT534 Ripped From The Headlines - Google AppsCAT534 Ripped From The Headlines - Google Apps
CAT534 Ripped From The Headlines - Google Apps
 
Advanced webOS, Stanford
Advanced webOS, StanfordAdvanced webOS, Stanford
Advanced webOS, Stanford
 
Power pointexercise
Power pointexercisePower pointexercise
Power pointexercise
 
Syam critical path cpa
Syam critical path cpaSyam critical path cpa
Syam critical path cpa
 
Internals - Exploring the webOS Browser and JavaScript
Internals - Exploring the webOS Browser and JavaScriptInternals - Exploring the webOS Browser and JavaScript
Internals - Exploring the webOS Browser and JavaScript
 
Socioeconomic Status, Social Capital, and Partisan Polarity as Predictors of ...
Socioeconomic Status, Social Capital, and Partisan Polarity as Predictors of ...Socioeconomic Status, Social Capital, and Partisan Polarity as Predictors of ...
Socioeconomic Status, Social Capital, and Partisan Polarity as Predictors of ...
 
Vargo, Guo, McCombs & Shaw - Network Issue Agendas on Twitter during the 2012...
Vargo, Guo, McCombs & Shaw - Network Issue Agendas on Twitter during the 2012...Vargo, Guo, McCombs & Shaw - Network Issue Agendas on Twitter during the 2012...
Vargo, Guo, McCombs & Shaw - Network Issue Agendas on Twitter during the 2012...
 
Mobile Apps - Marketing and Strategy
Mobile Apps - Marketing and StrategyMobile Apps - Marketing and Strategy
Mobile Apps - Marketing and Strategy
 
Intro To webOS
Intro To webOSIntro To webOS
Intro To webOS
 

Semelhante a Stand Out Apps

My talk @ Timisoara Mobile Development Group February Meetup
My talk @ Timisoara Mobile Development Group February MeetupMy talk @ Timisoara Mobile Development Group February Meetup
My talk @ Timisoara Mobile Development Group February MeetupPaul Ardeleanu
 
Up close and personal - Future of Digital 2010
Up close and personal - Future of Digital 2010Up close and personal - Future of Digital 2010
Up close and personal - Future of Digital 2010Rob Manson
 
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101Antony Ribot
 
ALA TechSource Workshop: The Paperless Professional
ALA TechSource Workshop: The Paperless Professional ALA TechSource Workshop: The Paperless Professional
ALA TechSource Workshop: The Paperless Professional ALATechSource
 
Drupal as Base For Your NEXT Mobile App
Drupal as Base For Your NEXT Mobile AppDrupal as Base For Your NEXT Mobile App
Drupal as Base For Your NEXT Mobile AppSumit Kataria
 
Adapting to Input — Smashing Conference NYC
Adapting to Input — Smashing Conference NYCAdapting to Input — Smashing Conference NYC
Adapting to Input — Smashing Conference NYCJason Grigsby
 
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile PlatformsDesigning for Multiple Mobile Platforms
Designing for Multiple Mobile PlatformsRobert Douglas
 
[AppFolio Webinar] 10 Best Practices for Posting Your Listings with Greg Fischer
[AppFolio Webinar] 10 Best Practices for Posting Your Listings with Greg Fischer[AppFolio Webinar] 10 Best Practices for Posting Your Listings with Greg Fischer
[AppFolio Webinar] 10 Best Practices for Posting Your Listings with Greg FischerAppFolio
 
Redesigning Public Services: The 21st Century Library User Experience
Redesigning Public Services: The 21st Century Library User ExperienceRedesigning Public Services: The 21st Century Library User Experience
Redesigning Public Services: The 21st Century Library User ExperienceDavid King
 
Question 4: Evaluation
Question 4: EvaluationQuestion 4: Evaluation
Question 4: Evaluationharry_donnelly
 
Building Drupal Apps for Distributions
Building Drupal Apps for DistributionsBuilding Drupal Apps for Distributions
Building Drupal Apps for DistributionsPhase2
 
Imagining the Future Intranet
Imagining the Future IntranetImagining the Future Intranet
Imagining the Future IntranetSharon Richardson
 
Mobile Learning v3 Master Deck
Mobile Learning v3 Master DeckMobile Learning v3 Master Deck
Mobile Learning v3 Master DeckDarren Kuropatwa
 
Smartphone Marketing 2010, Part 1
Smartphone Marketing 2010, Part 1Smartphone Marketing 2010, Part 1
Smartphone Marketing 2010, Part 1Curio Consulting
 
MSU LEETS 10 Augmented Reality Technologies
MSU LEETS 10 Augmented Reality TechnologiesMSU LEETS 10 Augmented Reality Technologies
MSU LEETS 10 Augmented Reality Technologiesayoungkin
 
The Age of Responsive Design
The Age of Responsive DesignThe Age of Responsive Design
The Age of Responsive DesignDenise Jacobs
 
In It Together: Co-Creating Your Content Strategy
In It Together: Co-Creating Your Content StrategyIn It Together: Co-Creating Your Content Strategy
In It Together: Co-Creating Your Content StrategySara Wachter-Boettcher
 
Mobile Learning v3 Teachers Workshop
Mobile Learning v3 Teachers WorkshopMobile Learning v3 Teachers Workshop
Mobile Learning v3 Teachers WorkshopDarren Kuropatwa
 

Semelhante a Stand Out Apps (20)

My talk @ Timisoara Mobile Development Group February Meetup
My talk @ Timisoara Mobile Development Group February MeetupMy talk @ Timisoara Mobile Development Group February Meetup
My talk @ Timisoara Mobile Development Group February Meetup
 
Up close and personal - Future of Digital 2010
Up close and personal - Future of Digital 2010Up close and personal - Future of Digital 2010
Up close and personal - Future of Digital 2010
 
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101
 
ALA TechSource Workshop: The Paperless Professional
ALA TechSource Workshop: The Paperless Professional ALA TechSource Workshop: The Paperless Professional
ALA TechSource Workshop: The Paperless Professional
 
Drupal as Base For Your NEXT Mobile App
Drupal as Base For Your NEXT Mobile AppDrupal as Base For Your NEXT Mobile App
Drupal as Base For Your NEXT Mobile App
 
Adapting to Input — Smashing Conference NYC
Adapting to Input — Smashing Conference NYCAdapting to Input — Smashing Conference NYC
Adapting to Input — Smashing Conference NYC
 
Designing for Multiple Mobile Platforms
Designing for Multiple Mobile PlatformsDesigning for Multiple Mobile Platforms
Designing for Multiple Mobile Platforms
 
[AppFolio Webinar] 10 Best Practices for Posting Your Listings with Greg Fischer
[AppFolio Webinar] 10 Best Practices for Posting Your Listings with Greg Fischer[AppFolio Webinar] 10 Best Practices for Posting Your Listings with Greg Fischer
[AppFolio Webinar] 10 Best Practices for Posting Your Listings with Greg Fischer
 
Redesigning Public Services: The 21st Century Library User Experience
Redesigning Public Services: The 21st Century Library User ExperienceRedesigning Public Services: The 21st Century Library User Experience
Redesigning Public Services: The 21st Century Library User Experience
 
Question 4 evaluation
Question 4 evaluationQuestion 4 evaluation
Question 4 evaluation
 
Question 4: Evaluation
Question 4: EvaluationQuestion 4: Evaluation
Question 4: Evaluation
 
Building Drupal Apps for Distributions
Building Drupal Apps for DistributionsBuilding Drupal Apps for Distributions
Building Drupal Apps for Distributions
 
Imagining the Future Intranet
Imagining the Future IntranetImagining the Future Intranet
Imagining the Future Intranet
 
Mobile Learning v3 Master Deck
Mobile Learning v3 Master DeckMobile Learning v3 Master Deck
Mobile Learning v3 Master Deck
 
Smartphone Marketing 2010, Part 1
Smartphone Marketing 2010, Part 1Smartphone Marketing 2010, Part 1
Smartphone Marketing 2010, Part 1
 
MSU LEETS 10 Augmented Reality Technologies
MSU LEETS 10 Augmented Reality TechnologiesMSU LEETS 10 Augmented Reality Technologies
MSU LEETS 10 Augmented Reality Technologies
 
The Age of Responsive Design
The Age of Responsive DesignThe Age of Responsive Design
The Age of Responsive Design
 
Mobile Learning Byte Presentation Ready
Mobile Learning Byte Presentation ReadyMobile Learning Byte Presentation Ready
Mobile Learning Byte Presentation Ready
 
In It Together: Co-Creating Your Content Strategy
In It Together: Co-Creating Your Content StrategyIn It Together: Co-Creating Your Content Strategy
In It Together: Co-Creating Your Content Strategy
 
Mobile Learning v3 Teachers Workshop
Mobile Learning v3 Teachers WorkshopMobile Learning v3 Teachers Workshop
Mobile Learning v3 Teachers Workshop
 

Último

UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 

Último (20)

UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 

Stand Out Apps

Notas do Editor

  1. •Who we are Jeremy -- Run interaction design at Palm -- Have been in this role since before webOS got its start Adil -- Manage production team at Palm -- Also been in this role from the beginning of webOS -- Background in Computer Engineering -- Started as an EPM, switched to design team as a UI developer
  2. • What do you think?
  3. • Some people think it’s about making things look better
  4. • Some think it’s about putting people through a battery of tests in a laboratory
  5. • Some think it’s about drawing a bunch of flowcharts • It’s all those things, and it’s about cultivating a state of mind • If you want to write applications that users are delighted by, you need to think like a designer
  6. • Does your application do something people want to do, in a way that’s better than they can do otherwise? • This is table stakes • But from a designer’s perspective, this is about satisfying a user need • We looked at how people pursue their activities and realized that true multi-tasking, that is managing multiple tasks with permanence and in a physical natural way, didn’t exist in the mobile space
  7. • Usability’s a big topic. I’ll call out a few components. • But there’s a framework to think about usability.
  8. • Usability is a cognitive throughput problem • Like traffic on a freeway -- the more elements on a screen your brain has to process, the less it can • Key is to make the right trade offs between the functions you put in your application, and how you portray them. Here are some things to think about.
  9. • Discoverability • How easy is it for people to pick up your application and know how to use it?
  10. • Command buttons are easily discoverable • Back is easily discoverable on the iPhone, but it also makes for a more complex screen, and it adds that complexity to every single screen of an application that’s more than one level deep. • Back gesture is not easily discoverable on the Pre, but it’s very learnable.
  11. • Learnability • How well does your design help users remember what to do? • Once you discover it, back gesture is easy to remember. It goes from right to left, which is associated with “back” in left to right reading languages. It’s physical, so portions of your brain that don’t require conscious thought are engaged. (When you walk, you don’t think about pick up foot, move it forward, put it down).
  12. • Predictability • Will users get the same results when they perform the same actions? • Example: option lists. Every time you see a downward facing arrow, you can predict that there are a set of options that will appear on top of the screen and let you pick one • In general, you can count on the framework to provide predictability (and aid in discoverability)
  13. • Simplicity • The less you have to think about, the easier it is to understand • Example: apply the 80/20 rule
  14. • All adds up to reducing friction
  15. • So, create a useful application that’s simple • A discoverable application that doesn’t put much on the screen • These ideas are often at odds with each other • Key is to make tradeoffs between one and the other • We’ll come back to this when we talk about techniques
  16. • Mobile design is design, only more so. • Constraints are greater. • Trade offs are more important • Several characteristics unique to mobile design
  17. • Smaller screen • There’s an upper limit on screen size before a device is no longer mobile • Smaller screens = less room = more complexity if you’re not careful • But also helps us to focus on what’s really important. 80/20 rule
  18. • Smaller and less convenient input methods • Less opportunity to solicit user feedback
  19. • More casual interaction, shorter bursts •People plan to sit down at their computers •People have their mobile device all the time, so they use it at odd moments •More interruptions
  20. • Mobile design also offers opportunities over fixed devices • Always with you -- so you can build apps that enable frequent, rapid interactions • Contains your life, so operating systems that let you access that data open up all kinds of smart behaviors
  21. •By no means is this comprehensive •At the end I'll present a list of resources I've found useful for more detail •Going to go in roughly chronological order, though much of this is back and forth
  22. • Generate an idea • Be self-reflective about what you do • What do you wish you could do that you can't? •When do you find yourself cursing at a computer, and what about? •When do you find yourself asking, "wouldn't it be cool if?" •In other words, what itch do you want to invent a tool to scratch? • What about the people around you? Who would you like to help with a tool? • Write down your idea. • What problem are you trying to solve? • Who will use your application? • How will they measure success?
  23. • Apply the reality filter •Its the intersection of reality and fantasy that's the fertile ground for software •Given what you know about software and hardware, what is possible?
  24. • Research • What research won't do •Won't give you an idea •Won't tell you if your idea is a good one • What research will do •Set the context for your design •It’s like backstory for a writer •Help you discover the details that make a difference •Help you generate new ideas • Techniques •Talk to people •Place people in scenarios similar to what you're thinking about, and observe them •Show people your ideas, and ask them how they'd use it
  25. • Map It • Draw a map of your application •What are the primary scenes users will interact with? •What do I mean by scene? Think of it as a scene in a play -- where the action takes place. A screen is a scene, so is a dashboard. •What can they do in them? •How will the scenes connect to each other? •Here's where a flow chart is helpful
  26. • Sketch It • Start sketching the primary scenes • We’ll cover some primary visual design principles
  27. • Less friction to balanced elements
  28. • Repetitions of basic forms helps predictability
  29. • Important objects should stand out
  30. • Group related concepts •Enclosure •Placement •Color •Weight •Spacing
  31. •Think about motion •Motion should reinforce the flow of your design • What happens when a user changes state? •webOS has built in transitions. Go in a level, we zoom in. Go out a level, we zoom out. •they’re only about 1/3 of a second each, but they really help users understand where they are in the hierarchy • But be appropriate. Too much eye candy in transitions can be distracting and reduce usability.
  32. • Stand back and give it a dispassionate evaluation •Look at what you wrote down about your application. •Does it meet the needs you identified? •Does it satisfy your goals? • If not, why not? •Analyze what seems to work and what doesn't
  33. • Cut out your sketches into the component screens •Or do it in Photoshop and use Ares to put it together • Find people to try it out on •Set the context -- what are they trying to do •Show them your sketches, ask what they would do? •Have them talk about what they're thinking •Don't help them when they get stuck •Write down your impressions immediately afterwards • Take your learnings and apply them back to the design
  34. • Rinse and repeat until you’re satisfied
  35. •Know when to stop • It's all about tradeoffs •Use your goals, audience and differentiation to decide what to trade off •Understand costs of discoverability versus usability, etc.
  36. These resources are focused on the things that I found useful -- there’s a million more out there, just google it.