SlideShare a Scribd company logo
1 of 20
EffectiveUI
Juan Sanchez | Experience Architect
Who is this guy?
EffectiveUI?
EffectiveUI is a user experience agency
EffectiveUI is an award-winning, user-centered design
and development agency that creates and implements
custom web, mobile and desktop applications for
today’s most respected organizations.
What EffectiveUI does
• User Research
• Competitive Analysis
                          User Experience and Design
• Use Case Development
• Interaction Design
                         Mobile      Desktop       Web
• UI Development
• User Acceptance
• API Architecture                     API



                                  Legacy Systems
8 criteria for good user experience
• provide valuable feedback
• behave with consistency
• behave in a familiar way
• be obvious and efficient
• be responsive and perform
• help people and businesses accomplish goals
• be brand consistent and elegant
• be progressive and trustworthy
EffectiveUI + eBay
EffectiveUI + Herff Jones
EffectiveUI + National Geographic
EffectiveUI + Mobile
Lessons Learned
Mobile UI Design
Mobile UI Design: Figure out what matters
• What’s the “soul” of the app?
• Find the true use for the application and what
  sets it apart from other applications
• Mobile does not mean shrinking your website or
  app down, it degrades the experience
• Can it be a web app?
Mobile UI Design: What’s the use case?
• How is this app going to be used?
• Primary touch point?
• Companion application?
• Optimized UI for a larger app?
• A lot of what's done with a mobile
  app informs the mobile or web app




Image via mindingthegaps.com
Mobile UI Design: Device knowledge
• Device prototypes
• Made a wooden iPad to test before
  device was available
• Go to Best Buy and play around with
  the phones, cameras, TVs, etc.
  They're a great device lab.
Mobile UI Design: Appearance
• “Small things” like app icons can make a difference
• Metaphors can work
• Design can win over features
• Maintain focussed views
• Don’t overwhelm*
• Remember how people interact with devices: fingers
• Long processes can be smoothed over with
 delightful interactions
Mobile UI Design: Design jump starts
• Use the native UI
• Read the HIG and design guidelines
• Follow established conventions
• Don't follow established conventions




Image via metaspark.com
Mobile UI Design: Help designers see
• Get designers as close to the real thing as you can
• Get them set up with the dev environment
• Test and run on the simulators
• Even better, get them loading on to a device
• Show them what it means to implement their designs
• Even let them add assets and commit :-O ?!??!




Image via blogs.tech-recipes.com
Mobile UI Design: Help clients see
• Testing your design
• Create a simple HTML website with hotspots
  and send the URL to a client
• Email images to a client that they can load in
  their phone
• Great way to show clients what their (and your)
  decisions mean




Image via testiphone.com
Mobile UI Design: Test, test, test
• Test interactions
• Gestures
• UI overload/fatigue
• Performance
Any questions?

More Related Content

What's hot

Intuition Factors in the User Experience Design Process
Intuition Factors in the User Experience Design ProcessIntuition Factors in the User Experience Design Process
Intuition Factors in the User Experience Design ProcessAlex Shirazi
 
Mobile Information Architecture
Mobile Information ArchitectureMobile Information Architecture
Mobile Information ArchitectureAndy Fitzgerald
 
Mobile First Design Strategy & Process
Mobile First Design Strategy & ProcessMobile First Design Strategy & Process
Mobile First Design Strategy & ProcessSubhasish Karmakar
 
Mobile App Design @ ITU 2012
Mobile App Design @ ITU 2012Mobile App Design @ ITU 2012
Mobile App Design @ ITU 2012Henrik Hedegaard
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshopInova LLC
 
Why Do Mobile Projects Fail?
Why Do Mobile Projects Fail?Why Do Mobile Projects Fail?
Why Do Mobile Projects Fail?Indiginox
 
Alicia Konstantourou - UX Thinking: Designing Travelplanet24's iOS application
Alicia Konstantourou - UX Thinking: Designing Travelplanet24's iOS applicationAlicia Konstantourou - UX Thinking: Designing Travelplanet24's iOS application
Alicia Konstantourou - UX Thinking: Designing Travelplanet24's iOS applicationHellenic Ergonomics Society
 
Alice Phieu - UI/UX For Developers
Alice Phieu - UI/UX  For DevelopersAlice Phieu - UI/UX  For Developers
Alice Phieu - UI/UX For DevelopersAlice Phieu
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web DesignJohn Nollin
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDan Moriarty
 
Designing for Mobile – An Overview of Early Stage UX Processes
Designing for Mobile – An Overview of Early Stage UX ProcessesDesigning for Mobile – An Overview of Early Stage UX Processes
Designing for Mobile – An Overview of Early Stage UX ProcessesFITC
 
Ux Ui Design for Mobile Apps
Ux Ui Design  for  Mobile AppsUx Ui Design  for  Mobile Apps
Ux Ui Design for Mobile AppsVishal Kirti
 
Enterprise mobile applications
Enterprise mobile applicationsEnterprise mobile applications
Enterprise mobile applicationsTurin Project
 
UI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan KarunarathnaUI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan KarunarathnaRoshan Karunarathna
 
User Experience: What is it Anyway?
User Experience: What is it Anyway?User Experience: What is it Anyway?
User Experience: What is it Anyway?Sam O'Hara
 
How to build an awesome mobile APP
How to build an awesome mobile APPHow to build an awesome mobile APP
How to build an awesome mobile APPBSP Media Group
 

What's hot (19)

Intuition Factors in the User Experience Design Process
Intuition Factors in the User Experience Design ProcessIntuition Factors in the User Experience Design Process
Intuition Factors in the User Experience Design Process
 
Mobile Information Architecture
Mobile Information ArchitectureMobile Information Architecture
Mobile Information Architecture
 
Mobile First Design Strategy & Process
Mobile First Design Strategy & ProcessMobile First Design Strategy & Process
Mobile First Design Strategy & Process
 
Mobile App Design @ ITU 2012
Mobile App Design @ ITU 2012Mobile App Design @ ITU 2012
Mobile App Design @ ITU 2012
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
Why Do Mobile Projects Fail?
Why Do Mobile Projects Fail?Why Do Mobile Projects Fail?
Why Do Mobile Projects Fail?
 
Alicia Konstantourou - UX Thinking: Designing Travelplanet24's iOS application
Alicia Konstantourou - UX Thinking: Designing Travelplanet24's iOS applicationAlicia Konstantourou - UX Thinking: Designing Travelplanet24's iOS application
Alicia Konstantourou - UX Thinking: Designing Travelplanet24's iOS application
 
Alice Phieu - UI/UX For Developers
Alice Phieu - UI/UX  For DevelopersAlice Phieu - UI/UX  For Developers
Alice Phieu - UI/UX For Developers
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First Approach
 
Designing for Mobile – An Overview of Early Stage UX Processes
Designing for Mobile – An Overview of Early Stage UX ProcessesDesigning for Mobile – An Overview of Early Stage UX Processes
Designing for Mobile – An Overview of Early Stage UX Processes
 
Ux Ui Design for Mobile Apps
Ux Ui Design  for  Mobile AppsUx Ui Design  for  Mobile Apps
Ux Ui Design for Mobile Apps
 
Enterprise mobile applications
Enterprise mobile applicationsEnterprise mobile applications
Enterprise mobile applications
 
Design evenings
Design eveningsDesign evenings
Design evenings
 
Why UX?
Why UX?Why UX?
Why UX?
 
UI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan KarunarathnaUI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan Karunarathna
 
User Experience: What is it Anyway?
User Experience: What is it Anyway?User Experience: What is it Anyway?
User Experience: What is it Anyway?
 
How to build an awesome mobile APP
How to build an awesome mobile APPHow to build an awesome mobile APP
How to build an awesome mobile APP
 
UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
 

Viewers also liked

Royal Mail Olympic Legacy - Abby Guthkelch
Royal Mail Olympic Legacy - Abby GuthkelchRoyal Mail Olympic Legacy - Abby Guthkelch
Royal Mail Olympic Legacy - Abby GuthkelchCommunicate Magazine
 
Agile Creativity
Agile CreativityAgile Creativity
Agile CreativityMark Lewis
 
Lee Smallwood: SEO at Google+ for businesses and brands
Lee Smallwood: SEO at Google+ for businesses and brandsLee Smallwood: SEO at Google+ for businesses and brands
Lee Smallwood: SEO at Google+ for businesses and brandsCommunicate Magazine
 
Richard Dixon, Black Sun, Why they won: Online corporate reporting
Richard Dixon, Black Sun, Why they won: Online corporate reporting Richard Dixon, Black Sun, Why they won: Online corporate reporting
Richard Dixon, Black Sun, Why they won: Online corporate reporting Communicate Magazine
 
Mro market opportunities for canadian firms in mexico 2011
Mro market opportunities for canadian firms in mexico 2011Mro market opportunities for canadian firms in mexico 2011
Mro market opportunities for canadian firms in mexico 2011Tom Dunn
 
GST - 24 Things you should know about Draft GST Rules & Forms
GST - 24 Things you should know about Draft GST Rules & FormsGST - 24 Things you should know about Draft GST Rules & Forms
GST - 24 Things you should know about Draft GST Rules & FormsTaxmann
 
золотая рыбка
золотая рыбказолотая рыбка
золотая рыбкаtvkam
 
Government restores exemptions to boost infrastructural projects
Government restores exemptions to boost infrastructural projectsGovernment restores exemptions to boost infrastructural projects
Government restores exemptions to boost infrastructural projectsTaxmann
 
Communicate magazine - Marc Cloosterman
Communicate magazine - Marc CloostermanCommunicate magazine - Marc Cloosterman
Communicate magazine - Marc CloostermanCommunicate Magazine
 
Hatana - Virtual Topic Map Merging at TMRA 2010
Hatana - Virtual Topic Map Merging at TMRA 2010Hatana - Virtual Topic Map Merging at TMRA 2010
Hatana - Virtual Topic Map Merging at TMRA 2010Uta Schulze
 
Communicate magazine - Quentin Langley
Communicate magazine - Quentin LangleyCommunicate magazine - Quentin Langley
Communicate magazine - Quentin LangleyCommunicate Magazine
 
Open house 9 11-12
Open house 9 11-12Open house 9 11-12
Open house 9 11-12jene4anaya
 
Chris Scott, Schillings. Revenue transparency and reputation impacts
Chris Scott, Schillings. Revenue transparency and reputation impactsChris Scott, Schillings. Revenue transparency and reputation impacts
Chris Scott, Schillings. Revenue transparency and reputation impactsCommunicate Magazine
 
Internal Data Monitoring in OGD and PSI
Internal Data Monitoring in OGD and PSI Internal Data Monitoring in OGD and PSI
Internal Data Monitoring in OGD and PSI Bernhard Krabina
 
A.bobvosova powerpoint
A.bobvosova   powerpointA.bobvosova   powerpoint
A.bobvosova powerpointOpteron83
 
Communicate magazine - Peter Granat
Communicate magazine - Peter GranatCommunicate magazine - Peter Granat
Communicate magazine - Peter GranatCommunicate Magazine
 
Ii praktikaldiko teknologia_berrien_
Ii praktikaldiko teknologia_berrien_Ii praktikaldiko teknologia_berrien_
Ii praktikaldiko teknologia_berrien_guestd8db94
 

Viewers also liked (20)

Royal Mail Olympic Legacy - Abby Guthkelch
Royal Mail Olympic Legacy - Abby GuthkelchRoyal Mail Olympic Legacy - Abby Guthkelch
Royal Mail Olympic Legacy - Abby Guthkelch
 
Agile Creativity
Agile CreativityAgile Creativity
Agile Creativity
 
Lee Smallwood: SEO at Google+ for businesses and brands
Lee Smallwood: SEO at Google+ for businesses and brandsLee Smallwood: SEO at Google+ for businesses and brands
Lee Smallwood: SEO at Google+ for businesses and brands
 
Richard Dixon, Black Sun, Why they won: Online corporate reporting
Richard Dixon, Black Sun, Why they won: Online corporate reporting Richard Dixon, Black Sun, Why they won: Online corporate reporting
Richard Dixon, Black Sun, Why they won: Online corporate reporting
 
Mro market opportunities for canadian firms in mexico 2011
Mro market opportunities for canadian firms in mexico 2011Mro market opportunities for canadian firms in mexico 2011
Mro market opportunities for canadian firms in mexico 2011
 
GST - 24 Things you should know about Draft GST Rules & Forms
GST - 24 Things you should know about Draft GST Rules & FormsGST - 24 Things you should know about Draft GST Rules & Forms
GST - 24 Things you should know about Draft GST Rules & Forms
 
золотая рыбка
золотая рыбказолотая рыбка
золотая рыбка
 
Government restores exemptions to boost infrastructural projects
Government restores exemptions to boost infrastructural projectsGovernment restores exemptions to boost infrastructural projects
Government restores exemptions to boost infrastructural projects
 
Communicate magazine - Marc Cloosterman
Communicate magazine - Marc CloostermanCommunicate magazine - Marc Cloosterman
Communicate magazine - Marc Cloosterman
 
Hatana - Virtual Topic Map Merging at TMRA 2010
Hatana - Virtual Topic Map Merging at TMRA 2010Hatana - Virtual Topic Map Merging at TMRA 2010
Hatana - Virtual Topic Map Merging at TMRA 2010
 
Communicate magazine - Quentin Langley
Communicate magazine - Quentin LangleyCommunicate magazine - Quentin Langley
Communicate magazine - Quentin Langley
 
Open house 9 11-12
Open house 9 11-12Open house 9 11-12
Open house 9 11-12
 
Chris Scott, Schillings. Revenue transparency and reputation impacts
Chris Scott, Schillings. Revenue transparency and reputation impactsChris Scott, Schillings. Revenue transparency and reputation impacts
Chris Scott, Schillings. Revenue transparency and reputation impacts
 
Expressions with take
Expressions with takeExpressions with take
Expressions with take
 
Internal Data Monitoring in OGD and PSI
Internal Data Monitoring in OGD and PSI Internal Data Monitoring in OGD and PSI
Internal Data Monitoring in OGD and PSI
 
A.bobvosova powerpoint
A.bobvosova   powerpointA.bobvosova   powerpoint
A.bobvosova powerpoint
 
Communicate magazine - Peter Granat
Communicate magazine - Peter GranatCommunicate magazine - Peter Granat
Communicate magazine - Peter Granat
 
Baba Studio Company Profile
Baba Studio Company ProfileBaba Studio Company Profile
Baba Studio Company Profile
 
The Hypothetical Session
The Hypothetical SessionThe Hypothetical Session
The Hypothetical Session
 
Ii praktikaldiko teknologia_berrien_
Ii praktikaldiko teknologia_berrien_Ii praktikaldiko teknologia_berrien_
Ii praktikaldiko teknologia_berrien_
 

Similar to Mobile Monday Presentation April 2010

Ux ui presentation2
Ux ui presentation2Ux ui presentation2
Ux ui presentation2GeneXus
 
Multi Platform User Exerience
Multi Platform User ExerienceMulti Platform User Exerience
Multi Platform User ExerienceTanya Zavialova
 
How to build an awesome mobile APP
How to build an awesome mobile APPHow to build an awesome mobile APP
How to build an awesome mobile APPBSP Media Group
 
Design For Mobile Apps
Design For Mobile AppsDesign For Mobile Apps
Design For Mobile Appsmosti Farahat
 
Web UX Landscape (and all points in between...)
Web UX Landscape (and all points in between...)Web UX Landscape (and all points in between...)
Web UX Landscape (and all points in between...)Gene Crawford
 
Top Three Modern Product Trends
Top Three Modern Product TrendsTop Three Modern Product Trends
Top Three Modern Product TrendsJeremy Johnson
 
Implementing Modernization by Trevor Perry
Implementing Modernization by Trevor PerryImplementing Modernization by Trevor Perry
Implementing Modernization by Trevor PerryFresche Solutions
 
Integrating User Experience Design into the Product Lifecycle
Integrating User Experience Design into the Product LifecycleIntegrating User Experience Design into the Product Lifecycle
Integrating User Experience Design into the Product LifecycleICS
 
Consider Starting Small
Consider Starting SmallConsider Starting Small
Consider Starting SmallAndrew Smith
 
The UI is the THE application #dpc19
The UI is the THE application #dpc19The UI is the THE application #dpc19
The UI is the THE application #dpc19Antonio Peric-Mazar
 
UX design for every screen
UX design for every screenUX design for every screen
UX design for every screenFour Kitchens
 
Case Study 2 - Portfolio Project Final - Google UX Design Certificate
Case Study 2 - Portfolio Project Final - Google UX Design CertificateCase Study 2 - Portfolio Project Final - Google UX Design Certificate
Case Study 2 - Portfolio Project Final - Google UX Design CertificateAbelKCS
 
Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardChris Bernard
 
What I've Learned about UX Design
What I've Learned about UX DesignWhat I've Learned about UX Design
What I've Learned about UX DesignAli Rushdan Tariq
 
UI Development Content
UI Development ContentUI Development Content
UI Development ContentMUDDUKRISHNA14
 
UI Development Content
UI Development ContentUI Development Content
UI Development ContentMUDDUKRISHNA14
 

Similar to Mobile Monday Presentation April 2010 (20)

Ux ui presentation2
Ux ui presentation2Ux ui presentation2
Ux ui presentation2
 
Multi Platform User Exerience
Multi Platform User ExerienceMulti Platform User Exerience
Multi Platform User Exerience
 
How to build an awesome mobile APP
How to build an awesome mobile APPHow to build an awesome mobile APP
How to build an awesome mobile APP
 
Design For Mobile Apps
Design For Mobile AppsDesign For Mobile Apps
Design For Mobile Apps
 
Web UX Landscape (and all points in between...)
Web UX Landscape (and all points in between...)Web UX Landscape (and all points in between...)
Web UX Landscape (and all points in between...)
 
Top Three Modern Product Trends
Top Three Modern Product TrendsTop Three Modern Product Trends
Top Three Modern Product Trends
 
Implementing Modernization by Trevor Perry
Implementing Modernization by Trevor PerryImplementing Modernization by Trevor Perry
Implementing Modernization by Trevor Perry
 
Integrating User Experience Design into the Product Lifecycle
Integrating User Experience Design into the Product LifecycleIntegrating User Experience Design into the Product Lifecycle
Integrating User Experience Design into the Product Lifecycle
 
iAxil Lunch Talk - Lean UX
iAxil Lunch Talk - Lean UXiAxil Lunch Talk - Lean UX
iAxil Lunch Talk - Lean UX
 
Consider Starting Small
Consider Starting SmallConsider Starting Small
Consider Starting Small
 
The UI is the THE application #dpc19
The UI is the THE application #dpc19The UI is the THE application #dpc19
The UI is the THE application #dpc19
 
UX design for every screen
UX design for every screenUX design for every screen
UX design for every screen
 
Ux design process
Ux design processUx design process
Ux design process
 
Desain Grafis 4 - UI/UX
Desain Grafis 4 - UI/UXDesain Grafis 4 - UI/UX
Desain Grafis 4 - UI/UX
 
Case Study 2 - Portfolio Project Final - Google UX Design Certificate
Case Study 2 - Portfolio Project Final - Google UX Design CertificateCase Study 2 - Portfolio Project Final - Google UX Design Certificate
Case Study 2 - Portfolio Project Final - Google UX Design Certificate
 
Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris Bernard
 
What I've Learned about UX Design
What I've Learned about UX DesignWhat I've Learned about UX Design
What I've Learned about UX Design
 
UI Development Content
UI Development ContentUI Development Content
UI Development Content
 
UI Development Content
UI Development ContentUI Development Content
UI Development Content
 
UX Fundamentals
UX FundamentalsUX Fundamentals
UX Fundamentals
 

More from EffectiveUI

Design essentials For Executives
Design essentials For ExecutivesDesign essentials For Executives
Design essentials For ExecutivesEffectiveUI
 
Flash and Flex in an HTML5 / App Store World
Flash and Flex in an HTML5 / App Store WorldFlash and Flex in an HTML5 / App Store World
Flash and Flex in an HTML5 / App Store WorldEffectiveUI
 
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11EffectiveUI
 
Flex4 Component Lifecycle
Flex4 Component LifecycleFlex4 Component Lifecycle
Flex4 Component LifecycleEffectiveUI
 
The Art of Interaction
The Art of InteractionThe Art of Interaction
The Art of InteractionEffectiveUI
 
Design Essentials for Developers
Design Essentials for DevelopersDesign Essentials for Developers
Design Essentials for DevelopersEffectiveUI
 
Git for the Android Developer
Git for the Android DeveloperGit for the Android Developer
Git for the Android DeveloperEffectiveUI
 
Microsoft Kinect and Molehill
Microsoft Kinect and MolehillMicrosoft Kinect and Molehill
Microsoft Kinect and MolehillEffectiveUI
 
Reasons for Flash: Flash Development in an HTML5 and App Store World
Reasons for Flash: Flash Development in an HTML5 and App Store WorldReasons for Flash: Flash Development in an HTML5 and App Store World
Reasons for Flash: Flash Development in an HTML5 and App Store WorldEffectiveUI
 
Discombobulation, Fire-Breathing Dragons and Wet Noodles: Creating Productive...
Discombobulation, Fire-Breathing Dragons and Wet Noodles: Creating Productive...Discombobulation, Fire-Breathing Dragons and Wet Noodles: Creating Productive...
Discombobulation, Fire-Breathing Dragons and Wet Noodles: Creating Productive...EffectiveUI
 
Design Essentials for Developers
Design Essentials for DevelopersDesign Essentials for Developers
Design Essentials for DevelopersEffectiveUI
 
Your Mom Has an iPad
Your Mom Has an iPadYour Mom Has an iPad
Your Mom Has an iPadEffectiveUI
 
Human-Centered Design and the Intersection of the Physical and Digital Worlds
Human-Centered Design and the Intersection of the Physical and Digital WorldsHuman-Centered Design and the Intersection of the Physical and Digital Worlds
Human-Centered Design and the Intersection of the Physical and Digital WorldsEffectiveUI
 
From the Trenches: Building the Accessible Web
From the Trenches: Building the Accessible WebFrom the Trenches: Building the Accessible Web
From the Trenches: Building the Accessible WebEffectiveUI
 
Flexerific Visual Effects
Flexerific Visual EffectsFlexerific Visual Effects
Flexerific Visual EffectsEffectiveUI
 
Test-Driven Development
Test-Driven DevelopmentTest-Driven Development
Test-Driven DevelopmentEffectiveUI
 
An Opinionated Introduction to Mate
An Opinionated Introduction to MateAn Opinionated Introduction to Mate
An Opinionated Introduction to MateEffectiveUI
 
Diving Deep with the Flex Component Life Cycle
Diving Deep with the Flex Component Life CycleDiving Deep with the Flex Component Life Cycle
Diving Deep with the Flex Component Life CycleEffectiveUI
 
Flex 360 Rules Engine
Flex 360 Rules EngineFlex 360 Rules Engine
Flex 360 Rules EngineEffectiveUI
 

More from EffectiveUI (20)

Design essentials For Executives
Design essentials For ExecutivesDesign essentials For Executives
Design essentials For Executives
 
Flash and Flex in an HTML5 / App Store World
Flash and Flex in an HTML5 / App Store WorldFlash and Flex in an HTML5 / App Store World
Flash and Flex in an HTML5 / App Store World
 
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
 
Flex4 Component Lifecycle
Flex4 Component LifecycleFlex4 Component Lifecycle
Flex4 Component Lifecycle
 
The Art of Interaction
The Art of InteractionThe Art of Interaction
The Art of Interaction
 
Design Essentials for Developers
Design Essentials for DevelopersDesign Essentials for Developers
Design Essentials for Developers
 
Rails on HBase
Rails on HBaseRails on HBase
Rails on HBase
 
Git for the Android Developer
Git for the Android DeveloperGit for the Android Developer
Git for the Android Developer
 
Microsoft Kinect and Molehill
Microsoft Kinect and MolehillMicrosoft Kinect and Molehill
Microsoft Kinect and Molehill
 
Reasons for Flash: Flash Development in an HTML5 and App Store World
Reasons for Flash: Flash Development in an HTML5 and App Store WorldReasons for Flash: Flash Development in an HTML5 and App Store World
Reasons for Flash: Flash Development in an HTML5 and App Store World
 
Discombobulation, Fire-Breathing Dragons and Wet Noodles: Creating Productive...
Discombobulation, Fire-Breathing Dragons and Wet Noodles: Creating Productive...Discombobulation, Fire-Breathing Dragons and Wet Noodles: Creating Productive...
Discombobulation, Fire-Breathing Dragons and Wet Noodles: Creating Productive...
 
Design Essentials for Developers
Design Essentials for DevelopersDesign Essentials for Developers
Design Essentials for Developers
 
Your Mom Has an iPad
Your Mom Has an iPadYour Mom Has an iPad
Your Mom Has an iPad
 
Human-Centered Design and the Intersection of the Physical and Digital Worlds
Human-Centered Design and the Intersection of the Physical and Digital WorldsHuman-Centered Design and the Intersection of the Physical and Digital Worlds
Human-Centered Design and the Intersection of the Physical and Digital Worlds
 
From the Trenches: Building the Accessible Web
From the Trenches: Building the Accessible WebFrom the Trenches: Building the Accessible Web
From the Trenches: Building the Accessible Web
 
Flexerific Visual Effects
Flexerific Visual EffectsFlexerific Visual Effects
Flexerific Visual Effects
 
Test-Driven Development
Test-Driven DevelopmentTest-Driven Development
Test-Driven Development
 
An Opinionated Introduction to Mate
An Opinionated Introduction to MateAn Opinionated Introduction to Mate
An Opinionated Introduction to Mate
 
Diving Deep with the Flex Component Life Cycle
Diving Deep with the Flex Component Life CycleDiving Deep with the Flex Component Life Cycle
Diving Deep with the Flex Component Life Cycle
 
Flex 360 Rules Engine
Flex 360 Rules EngineFlex 360 Rules Engine
Flex 360 Rules Engine
 

Recently uploaded

What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfThe Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfSeasiaInfotech2
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Wonjun Hwang
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfRankYa
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr LapshynFwdays
 

Recently uploaded (20)

What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfThe Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdf
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
 

Mobile Monday Presentation April 2010

  • 1. EffectiveUI Juan Sanchez | Experience Architect
  • 2. Who is this guy?
  • 4. EffectiveUI is a user experience agency EffectiveUI is an award-winning, user-centered design and development agency that creates and implements custom web, mobile and desktop applications for today’s most respected organizations.
  • 5. What EffectiveUI does • User Research • Competitive Analysis User Experience and Design • Use Case Development • Interaction Design Mobile Desktop Web • UI Development • User Acceptance • API Architecture API Legacy Systems
  • 6. 8 criteria for good user experience • provide valuable feedback • behave with consistency • behave in a familiar way • be obvious and efficient • be responsive and perform • help people and businesses accomplish goals • be brand consistent and elegant • be progressive and trustworthy
  • 12. Mobile UI Design: Figure out what matters • What’s the “soul” of the app? • Find the true use for the application and what sets it apart from other applications • Mobile does not mean shrinking your website or app down, it degrades the experience • Can it be a web app?
  • 13. Mobile UI Design: What’s the use case? • How is this app going to be used? • Primary touch point? • Companion application? • Optimized UI for a larger app? • A lot of what's done with a mobile app informs the mobile or web app Image via mindingthegaps.com
  • 14. Mobile UI Design: Device knowledge • Device prototypes • Made a wooden iPad to test before device was available • Go to Best Buy and play around with the phones, cameras, TVs, etc. They're a great device lab.
  • 15. Mobile UI Design: Appearance • “Small things” like app icons can make a difference • Metaphors can work • Design can win over features • Maintain focussed views • Don’t overwhelm* • Remember how people interact with devices: fingers • Long processes can be smoothed over with delightful interactions
  • 16. Mobile UI Design: Design jump starts • Use the native UI • Read the HIG and design guidelines • Follow established conventions • Don't follow established conventions Image via metaspark.com
  • 17. Mobile UI Design: Help designers see • Get designers as close to the real thing as you can • Get them set up with the dev environment • Test and run on the simulators • Even better, get them loading on to a device • Show them what it means to implement their designs • Even let them add assets and commit :-O ?!??! Image via blogs.tech-recipes.com
  • 18. Mobile UI Design: Help clients see • Testing your design • Create a simple HTML website with hotspots and send the URL to a client • Email images to a client that they can load in their phone • Great way to show clients what their (and your) decisions mean Image via testiphone.com
  • 19. Mobile UI Design: Test, test, test • Test interactions • Gestures • UI overload/fatigue • Performance