SlideShare ist ein Scribd-Unternehmen logo
1 von 25
Downloaden Sie, um offline zu lesen
Desiging a Great UI
                                   Fred Spencer




Tuesday, September 6, 2011
Intro

                    • Fred Spencer
                     • Sr. Application Architect, Appcelerator
                     • Digital Media Instructor, Rhode Island
                               School of Design, Continuing Education

                             • Twitter: @anovice

Tuesday, September 6, 2011
Topics

                    1. Principles
                    2. Process
                    3. Practical
                    4. Resources



Tuesday, September 6, 2011
1. Principles

                    • Connect
                    • Communicate
                    • Control


Tuesday, September 6, 2011
Principles : Connect

                    • You will never know your audience, but
                             you should know your audience well.

                    • Follow trends and communities.
                    • Identify subjective and objective.

Tuesday, September 6, 2011
Principles : Communicate

                    • Open dialog. Ask for opinions. Make
                             critisim productive.

                    • FILTER.
                    • Create simple processes for user
                             feedback.

                    • Highlight features that answer questions.

Tuesday, September 6, 2011
Principles : Control
                    • UI should lead.
                    • Obsess over simplicty and you will more
                             successfully define and argue your point
                             of view.

                    • Do not sacrifice usability for features.
                    • You won’t satisfy everyone.
Tuesday, September 6, 2011
2. Process

                    • Research
                    • Plan
                    • Initiate


Tuesday, September 6, 2011
Process : Research


                    • Indentify apps that stand out to you.
                    • Ask friends and collegues about the apps
                             they love and use every day.




Tuesday, September 6, 2011
Process : Research
                    • Ask about apps that have left a lasting
                             impression. Often, these gems aren’t
                             very popular.

                    • Ask about apps they hate. Often, these
                             gems are popular, evoke passionate
                             opinions and offer incredible insight.



Tuesday, September 6, 2011
Process : Research

                    • What makes these specific applications
                             stand out?

                             • Color scheme?
                             • Navigation?
                             • Features?

Tuesday, September 6, 2011
Process : Research

                    • User Experience (UX) is a philosophy and
                             science.

                    • User Interface (UI) design supports your
                             UX goals.




Tuesday, September 6, 2011
Process : Research
                    • Audiences will use what is available to
                             them.

                    • Audiences will rant and rave NO MATTER
                             WHAT.

                    • These aren’t reasons to cop-out. These
                             are opportunities.


Tuesday, September 6, 2011
Process : Plan

                    • Define appplication features.
                    • Consider how you and others would
                             interact with these features.

                    • FLOWCHART & WIREFRAME.

Tuesday, September 6, 2011
Process : Initiate

                    • COMP & PROTOTYPE.
                    • What does your gut tell you?
                    • Table, merge or eliminate features that
                             don’t work.




Tuesday, September 6, 2011
3. Practical

                    • Do...
                    • Know Your Tools
                    • Examples


Tuesday, September 6, 2011
Practical : Do...
                    • ...catagorize and abstract features and
                             components so that layouts and assets
                             are consistent, recognizable and
                             reusable.

                    • ...integrate motion that leads the eye.
                    • ...define minimum interaction zones.

Tuesday, September 6, 2011
Practical : Know Your Tools


                    • Pixel or Vector?
                    • Asset Organization
                    • Export


Tuesday, September 6, 2011
Practical : Examples




Tuesday, September 6, 2011
4. Resources

                    • Absorb
                    • Learn
                    • Inspire
                    • Use

Tuesday, September 6, 2011
Resources : Absorb
                    • boxesandarrows.com
                    • alistapart.com/topics/userscience
                    • sixrevisions.com
                    • thinkvitamin.com
                    • www.uxmag.com

Tuesday, September 6, 2011
Resources : Learn
                    • Code (avoid DOM)
                     • codecademy.com
                     • learn.appendto.com
                    • Design
                     • lynda.com
                     • psd.tutsplus.com
Tuesday, September 6, 2011
Resources : Inspire

                    • dribbble.com
                    • colourlovers.com
                    • lovedsgn.com
                    • behance.net

Tuesday, September 6, 2011
Resources : Use
                    • Teehan+Lax
                     • bit.ly/iphone-ui-elements
                     • bit.ly/android-ui-elements
                     • bit.ly/iphone-sketch-elements
                    • http://twitter.github.com/bootstrap/
                    • https://github.com/280north/aristo/
Tuesday, September 6, 2011
Resources : Use

                    • www.zambetti.com/projects/liveview
                    • appcooker.com
                    • balsamiq.com


Tuesday, September 6, 2011

Weitere ähnliche Inhalte

Was ist angesagt?

Podcasting primer presentation
Podcasting primer presentationPodcasting primer presentation
Podcasting primer presentationChris Ubik
 
Easy & Effective Usability Testing at CodeMash 2012
Easy & Effective Usability Testing at CodeMash 2012Easy & Effective Usability Testing at CodeMash 2012
Easy & Effective Usability Testing at CodeMash 2012Carol Smith
 
Applying Computer Vision to Art History
Applying Computer Vision to Art HistoryApplying Computer Vision to Art History
Applying Computer Vision to Art Historyjeresig
 
Fakepresentation
FakepresentationFakepresentation
Fakepresentationjuchurchill
 
User interface prototyping techniques
User interface prototyping techniquesUser interface prototyping techniques
User interface prototyping techniquesHans Põldoja
 

Was ist angesagt? (7)

Podcasting primer presentation
Podcasting primer presentationPodcasting primer presentation
Podcasting primer presentation
 
Easy & Effective Usability Testing at CodeMash 2012
Easy & Effective Usability Testing at CodeMash 2012Easy & Effective Usability Testing at CodeMash 2012
Easy & Effective Usability Testing at CodeMash 2012
 
Applying Computer Vision to Art History
Applying Computer Vision to Art HistoryApplying Computer Vision to Art History
Applying Computer Vision to Art History
 
MATC New Student Library Presentation
MATC New Student Library PresentationMATC New Student Library Presentation
MATC New Student Library Presentation
 
Ouhk comm6005 lecture 7 tools for presentations
Ouhk comm6005 lecture 7   tools for presentationsOuhk comm6005 lecture 7   tools for presentations
Ouhk comm6005 lecture 7 tools for presentations
 
Fakepresentation
FakepresentationFakepresentation
Fakepresentation
 
User interface prototyping techniques
User interface prototyping techniquesUser interface prototyping techniques
User interface prototyping techniques
 

Ähnlich wie Fred Spencer: Designing a Great UI

Lean UX Principles in Practice (Zach Larson on SideReel's iOS App)
Lean UX Principles in Practice (Zach Larson on SideReel's iOS App)Lean UX Principles in Practice (Zach Larson on SideReel's iOS App)
Lean UX Principles in Practice (Zach Larson on SideReel's iOS App)Balanced Team
 
Atlassian RoadTrip 2011 Slide Deck
Atlassian RoadTrip 2011 Slide DeckAtlassian RoadTrip 2011 Slide Deck
Atlassian RoadTrip 2011 Slide DeckAtlassian
 
Are Your Tests Really Helping You?
Are Your Tests Really Helping You?Are Your Tests Really Helping You?
Are Your Tests Really Helping You?LB Denker
 
Generating Print Sales Leads with LinkedIn session 1
Generating Print Sales Leads with LinkedIn session 1Generating Print Sales Leads with LinkedIn session 1
Generating Print Sales Leads with LinkedIn session 1Joe Kern
 
10 Ways to Be a Better Learner - IMU Webinar
10 Ways to Be a Better Learner - IMU Webinar10 Ways to Be a Better Learner - IMU Webinar
10 Ways to Be a Better Learner - IMU WebinarTagoras
 
Learn Learning + Prototype Testing
Learn Learning + Prototype TestingLearn Learning + Prototype Testing
Learn Learning + Prototype TestingDave Hora
 
Contribution in the Drupal community
Contribution in the Drupal communityContribution in the Drupal community
Contribution in the Drupal communityKálmán Hosszu
 
Think, Create, Share, Grow: Promoting the Learning 4 Life Initiative
Think, Create, Share, Grow: Promoting the Learning 4 Life InitiativeThink, Create, Share, Grow: Promoting the Learning 4 Life Initiative
Think, Create, Share, Grow: Promoting the Learning 4 Life InitiativeMelissa Corey
 
Getting Effective Answers from Research Sessions
Getting Effective Answers from Research SessionsGetting Effective Answers from Research Sessions
Getting Effective Answers from Research SessionsCogapp
 
The perfectionists bathroom
The perfectionists bathroomThe perfectionists bathroom
The perfectionists bathroomglynthomas
 
D219 Conference - Beyond Search
D219 Conference - Beyond SearchD219 Conference - Beyond Search
D219 Conference - Beyond SearchLucy Gray
 
Applying Patterns to Mobile Design
Applying Patterns to Mobile DesignApplying Patterns to Mobile Design
Applying Patterns to Mobile DesignSteven Hoober
 
Toolbox 2, session 11
Toolbox 2, session 11Toolbox 2, session 11
Toolbox 2, session 11petter
 
Mobile devices and audio for expanding boundaries of learning
Mobile devices and audio for expanding boundaries of learningMobile devices and audio for expanding boundaries of learning
Mobile devices and audio for expanding boundaries of learningJulia Leong
 
Better Software Through User Research
Better Software Through User ResearchBetter Software Through User Research
Better Software Through User ResearchAlexandra Leisse
 
Sustainable Theming with Fusion - DCCO 2011
Sustainable Theming with Fusion - DCCO 2011Sustainable Theming with Fusion - DCCO 2011
Sustainable Theming with Fusion - DCCO 2011sheenadonnelly
 
Get the most out of getting out of the building
Get the most out of getting out of the buildingGet the most out of getting out of the building
Get the most out of getting out of the buildingTodd Warren
 
Designing The Social In
Designing The Social InDesigning The Social In
Designing The Social InErin Malone
 

Ähnlich wie Fred Spencer: Designing a Great UI (20)

Lean UX Principles in Practice (Zach Larson on SideReel's iOS App)
Lean UX Principles in Practice (Zach Larson on SideReel's iOS App)Lean UX Principles in Practice (Zach Larson on SideReel's iOS App)
Lean UX Principles in Practice (Zach Larson on SideReel's iOS App)
 
Atlassian RoadTrip 2011 Slide Deck
Atlassian RoadTrip 2011 Slide DeckAtlassian RoadTrip 2011 Slide Deck
Atlassian RoadTrip 2011 Slide Deck
 
Are Your Tests Really Helping You?
Are Your Tests Really Helping You?Are Your Tests Really Helping You?
Are Your Tests Really Helping You?
 
Generating Print Sales Leads with LinkedIn session 1
Generating Print Sales Leads with LinkedIn session 1Generating Print Sales Leads with LinkedIn session 1
Generating Print Sales Leads with LinkedIn session 1
 
10 Ways to Be a Better Learner - IMU Webinar
10 Ways to Be a Better Learner - IMU Webinar10 Ways to Be a Better Learner - IMU Webinar
10 Ways to Be a Better Learner - IMU Webinar
 
Learn Learning + Prototype Testing
Learn Learning + Prototype TestingLearn Learning + Prototype Testing
Learn Learning + Prototype Testing
 
Contribution in the Drupal community
Contribution in the Drupal communityContribution in the Drupal community
Contribution in the Drupal community
 
Think, Create, Share, Grow: Promoting the Learning 4 Life Initiative
Think, Create, Share, Grow: Promoting the Learning 4 Life InitiativeThink, Create, Share, Grow: Promoting the Learning 4 Life Initiative
Think, Create, Share, Grow: Promoting the Learning 4 Life Initiative
 
Getting Effective Answers from Research Sessions
Getting Effective Answers from Research SessionsGetting Effective Answers from Research Sessions
Getting Effective Answers from Research Sessions
 
GloabLeaks ESC2011
GloabLeaks ESC2011GloabLeaks ESC2011
GloabLeaks ESC2011
 
The perfectionists bathroom
The perfectionists bathroomThe perfectionists bathroom
The perfectionists bathroom
 
D219 Conference - Beyond Search
D219 Conference - Beyond SearchD219 Conference - Beyond Search
D219 Conference - Beyond Search
 
Applying Patterns to Mobile Design
Applying Patterns to Mobile DesignApplying Patterns to Mobile Design
Applying Patterns to Mobile Design
 
Toolbox 2, session 11
Toolbox 2, session 11Toolbox 2, session 11
Toolbox 2, session 11
 
Mobile devices and audio for expanding boundaries of learning
Mobile devices and audio for expanding boundaries of learningMobile devices and audio for expanding boundaries of learning
Mobile devices and audio for expanding boundaries of learning
 
Better Software Through User Research
Better Software Through User ResearchBetter Software Through User Research
Better Software Through User Research
 
Sustainable Theming with Fusion - DCCO 2011
Sustainable Theming with Fusion - DCCO 2011Sustainable Theming with Fusion - DCCO 2011
Sustainable Theming with Fusion - DCCO 2011
 
Lean Ethnography
Lean EthnographyLean Ethnography
Lean Ethnography
 
Get the most out of getting out of the building
Get the most out of getting out of the buildingGet the most out of getting out of the building
Get the most out of getting out of the building
 
Designing The Social In
Designing The Social InDesigning The Social In
Designing The Social In
 

Mehr von Axway Appcelerator

Axway Appcelerator - Titanium SDK 6.1.0 - Status, Releases & Roadmap
Axway Appcelerator - Titanium SDK 6.1.0 - Status, Releases & RoadmapAxway Appcelerator - Titanium SDK 6.1.0 - Status, Releases & Roadmap
Axway Appcelerator - Titanium SDK 6.1.0 - Status, Releases & RoadmapAxway Appcelerator
 
2014 Dublin Web Summit by Jeff Haynie
2014 Dublin Web Summit by Jeff Haynie2014 Dublin Web Summit by Jeff Haynie
2014 Dublin Web Summit by Jeff HaynieAxway Appcelerator
 
Stop Debating, Start Measuring
Stop Debating, Start MeasuringStop Debating, Start Measuring
Stop Debating, Start MeasuringAxway Appcelerator
 
Mobile & The New Experience Economy (And What it Means for IT)
Mobile & The New Experience Economy  (And What it Means for IT)Mobile & The New Experience Economy  (And What it Means for IT)
Mobile & The New Experience Economy (And What it Means for IT)Axway Appcelerator
 
Apps, APIs & Analytics: What "Mobile First" Really Means
Apps, APIs & Analytics: What "Mobile First" Really MeansApps, APIs & Analytics: What "Mobile First" Really Means
Apps, APIs & Analytics: What "Mobile First" Really MeansAxway Appcelerator
 
Appcelerator Presentation Template
Appcelerator Presentation TemplateAppcelerator Presentation Template
Appcelerator Presentation TemplateAxway Appcelerator
 
Codestrong 2012 keynote jonathan rende, appcelerator's vp of products
Codestrong 2012 keynote   jonathan rende, appcelerator's vp of productsCodestrong 2012 keynote   jonathan rende, appcelerator's vp of products
Codestrong 2012 keynote jonathan rende, appcelerator's vp of productsAxway Appcelerator
 
Codestrong 2012 keynote jeff haynie, appcelerator's ceo
Codestrong 2012 keynote   jeff haynie, appcelerator's ceoCodestrong 2012 keynote   jeff haynie, appcelerator's ceo
Codestrong 2012 keynote jeff haynie, appcelerator's ceoAxway Appcelerator
 
Codestrong 2012 keynote how to build a top ten app
Codestrong 2012 keynote   how to build a top ten appCodestrong 2012 keynote   how to build a top ten app
Codestrong 2012 keynote how to build a top ten appAxway Appcelerator
 
Codestrong 2012 breakout session at&t api platform and trends
Codestrong 2012 breakout session  at&t api platform and trendsCodestrong 2012 breakout session  at&t api platform and trends
Codestrong 2012 breakout session at&t api platform and trendsAxway Appcelerator
 
Codestrong 2012 breakout session what's new in titanium studio
Codestrong 2012 breakout session   what's new in titanium studioCodestrong 2012 breakout session   what's new in titanium studio
Codestrong 2012 breakout session what's new in titanium studioAxway Appcelerator
 
Codestrong 2012 breakout session using appcelerator cloud services in your ...
Codestrong 2012 breakout session   using appcelerator cloud services in your ...Codestrong 2012 breakout session   using appcelerator cloud services in your ...
Codestrong 2012 breakout session using appcelerator cloud services in your ...Axway Appcelerator
 
Codestrong 2012 breakout session the role of cloud services in your next ge...
Codestrong 2012 breakout session   the role of cloud services in your next ge...Codestrong 2012 breakout session   the role of cloud services in your next ge...
Codestrong 2012 breakout session the role of cloud services in your next ge...Axway Appcelerator
 
Codestrong 2012 breakout session new device platform support for titanium
Codestrong 2012 breakout session   new device platform support for titaniumCodestrong 2012 breakout session   new device platform support for titanium
Codestrong 2012 breakout session new device platform support for titaniumAxway Appcelerator
 
Codestrong 2012 breakout session mobile platform and infrastructure
Codestrong 2012 breakout session   mobile platform and infrastructureCodestrong 2012 breakout session   mobile platform and infrastructure
Codestrong 2012 breakout session mobile platform and infrastructureAxway Appcelerator
 
Codestrong 2012 breakout session making money on appcelerator's marketplace
Codestrong 2012 breakout session   making money on appcelerator's marketplaceCodestrong 2012 breakout session   making money on appcelerator's marketplace
Codestrong 2012 breakout session making money on appcelerator's marketplaceAxway Appcelerator
 
Codestrong 2012 breakout session live multi-platform testing
Codestrong 2012 breakout session   live multi-platform testingCodestrong 2012 breakout session   live multi-platform testing
Codestrong 2012 breakout session live multi-platform testingAxway Appcelerator
 
Codestrong 2012 breakout session leveraging titanium as part of your mobile...
Codestrong 2012 breakout session   leveraging titanium as part of your mobile...Codestrong 2012 breakout session   leveraging titanium as part of your mobile...
Codestrong 2012 breakout session leveraging titanium as part of your mobile...Axway Appcelerator
 
Codestrong 2012 breakout session i os internals and best practices
Codestrong 2012 breakout session   i os internals and best practicesCodestrong 2012 breakout session   i os internals and best practices
Codestrong 2012 breakout session i os internals and best practicesAxway Appcelerator
 

Mehr von Axway Appcelerator (20)

Axway Appcelerator - Titanium SDK 6.1.0 - Status, Releases & Roadmap
Axway Appcelerator - Titanium SDK 6.1.0 - Status, Releases & RoadmapAxway Appcelerator - Titanium SDK 6.1.0 - Status, Releases & Roadmap
Axway Appcelerator - Titanium SDK 6.1.0 - Status, Releases & Roadmap
 
2014 Dublin Web Summit by Jeff Haynie
2014 Dublin Web Summit by Jeff Haynie2014 Dublin Web Summit by Jeff Haynie
2014 Dublin Web Summit by Jeff Haynie
 
Making the Mobile Mind Shift
Making the Mobile Mind ShiftMaking the Mobile Mind Shift
Making the Mobile Mind Shift
 
Stop Debating, Start Measuring
Stop Debating, Start MeasuringStop Debating, Start Measuring
Stop Debating, Start Measuring
 
Mobile & The New Experience Economy (And What it Means for IT)
Mobile & The New Experience Economy  (And What it Means for IT)Mobile & The New Experience Economy  (And What it Means for IT)
Mobile & The New Experience Economy (And What it Means for IT)
 
Apps, APIs & Analytics: What "Mobile First" Really Means
Apps, APIs & Analytics: What "Mobile First" Really MeansApps, APIs & Analytics: What "Mobile First" Really Means
Apps, APIs & Analytics: What "Mobile First" Really Means
 
Appcelerator Presentation Template
Appcelerator Presentation TemplateAppcelerator Presentation Template
Appcelerator Presentation Template
 
Codestrong 2012 keynote jonathan rende, appcelerator's vp of products
Codestrong 2012 keynote   jonathan rende, appcelerator's vp of productsCodestrong 2012 keynote   jonathan rende, appcelerator's vp of products
Codestrong 2012 keynote jonathan rende, appcelerator's vp of products
 
Codestrong 2012 keynote jeff haynie, appcelerator's ceo
Codestrong 2012 keynote   jeff haynie, appcelerator's ceoCodestrong 2012 keynote   jeff haynie, appcelerator's ceo
Codestrong 2012 keynote jeff haynie, appcelerator's ceo
 
Codestrong 2012 keynote how to build a top ten app
Codestrong 2012 keynote   how to build a top ten appCodestrong 2012 keynote   how to build a top ten app
Codestrong 2012 keynote how to build a top ten app
 
Codestrong 2012 breakout session at&t api platform and trends
Codestrong 2012 breakout session  at&t api platform and trendsCodestrong 2012 breakout session  at&t api platform and trends
Codestrong 2012 breakout session at&t api platform and trends
 
Codestrong 2012 breakout session what's new in titanium studio
Codestrong 2012 breakout session   what's new in titanium studioCodestrong 2012 breakout session   what's new in titanium studio
Codestrong 2012 breakout session what's new in titanium studio
 
Codestrong 2012 breakout session using appcelerator cloud services in your ...
Codestrong 2012 breakout session   using appcelerator cloud services in your ...Codestrong 2012 breakout session   using appcelerator cloud services in your ...
Codestrong 2012 breakout session using appcelerator cloud services in your ...
 
Codestrong 2012 breakout session the role of cloud services in your next ge...
Codestrong 2012 breakout session   the role of cloud services in your next ge...Codestrong 2012 breakout session   the role of cloud services in your next ge...
Codestrong 2012 breakout session the role of cloud services in your next ge...
 
Codestrong 2012 breakout session new device platform support for titanium
Codestrong 2012 breakout session   new device platform support for titaniumCodestrong 2012 breakout session   new device platform support for titanium
Codestrong 2012 breakout session new device platform support for titanium
 
Codestrong 2012 breakout session mobile platform and infrastructure
Codestrong 2012 breakout session   mobile platform and infrastructureCodestrong 2012 breakout session   mobile platform and infrastructure
Codestrong 2012 breakout session mobile platform and infrastructure
 
Codestrong 2012 breakout session making money on appcelerator's marketplace
Codestrong 2012 breakout session   making money on appcelerator's marketplaceCodestrong 2012 breakout session   making money on appcelerator's marketplace
Codestrong 2012 breakout session making money on appcelerator's marketplace
 
Codestrong 2012 breakout session live multi-platform testing
Codestrong 2012 breakout session   live multi-platform testingCodestrong 2012 breakout session   live multi-platform testing
Codestrong 2012 breakout session live multi-platform testing
 
Codestrong 2012 breakout session leveraging titanium as part of your mobile...
Codestrong 2012 breakout session   leveraging titanium as part of your mobile...Codestrong 2012 breakout session   leveraging titanium as part of your mobile...
Codestrong 2012 breakout session leveraging titanium as part of your mobile...
 
Codestrong 2012 breakout session i os internals and best practices
Codestrong 2012 breakout session   i os internals and best practicesCodestrong 2012 breakout session   i os internals and best practices
Codestrong 2012 breakout session i os internals and best practices
 

Kürzlich hochgeladen

The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
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
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
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
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
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
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
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
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
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
 
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
 
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
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
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
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 

Kürzlich hochgeladen (20)

The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
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
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
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
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
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
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
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
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
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
 
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)
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
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...
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
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.
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 

Fred Spencer: Designing a Great UI

  • 1. Desiging a Great UI Fred Spencer Tuesday, September 6, 2011
  • 2. Intro • Fred Spencer • Sr. Application Architect, Appcelerator • Digital Media Instructor, Rhode Island School of Design, Continuing Education • Twitter: @anovice Tuesday, September 6, 2011
  • 3. Topics 1. Principles 2. Process 3. Practical 4. Resources Tuesday, September 6, 2011
  • 4. 1. Principles • Connect • Communicate • Control Tuesday, September 6, 2011
  • 5. Principles : Connect • You will never know your audience, but you should know your audience well. • Follow trends and communities. • Identify subjective and objective. Tuesday, September 6, 2011
  • 6. Principles : Communicate • Open dialog. Ask for opinions. Make critisim productive. • FILTER. • Create simple processes for user feedback. • Highlight features that answer questions. Tuesday, September 6, 2011
  • 7. Principles : Control • UI should lead. • Obsess over simplicty and you will more successfully define and argue your point of view. • Do not sacrifice usability for features. • You won’t satisfy everyone. Tuesday, September 6, 2011
  • 8. 2. Process • Research • Plan • Initiate Tuesday, September 6, 2011
  • 9. Process : Research • Indentify apps that stand out to you. • Ask friends and collegues about the apps they love and use every day. Tuesday, September 6, 2011
  • 10. Process : Research • Ask about apps that have left a lasting impression. Often, these gems aren’t very popular. • Ask about apps they hate. Often, these gems are popular, evoke passionate opinions and offer incredible insight. Tuesday, September 6, 2011
  • 11. Process : Research • What makes these specific applications stand out? • Color scheme? • Navigation? • Features? Tuesday, September 6, 2011
  • 12. Process : Research • User Experience (UX) is a philosophy and science. • User Interface (UI) design supports your UX goals. Tuesday, September 6, 2011
  • 13. Process : Research • Audiences will use what is available to them. • Audiences will rant and rave NO MATTER WHAT. • These aren’t reasons to cop-out. These are opportunities. Tuesday, September 6, 2011
  • 14. Process : Plan • Define appplication features. • Consider how you and others would interact with these features. • FLOWCHART & WIREFRAME. Tuesday, September 6, 2011
  • 15. Process : Initiate • COMP & PROTOTYPE. • What does your gut tell you? • Table, merge or eliminate features that don’t work. Tuesday, September 6, 2011
  • 16. 3. Practical • Do... • Know Your Tools • Examples Tuesday, September 6, 2011
  • 17. Practical : Do... • ...catagorize and abstract features and components so that layouts and assets are consistent, recognizable and reusable. • ...integrate motion that leads the eye. • ...define minimum interaction zones. Tuesday, September 6, 2011
  • 18. Practical : Know Your Tools • Pixel or Vector? • Asset Organization • Export Tuesday, September 6, 2011
  • 19. Practical : Examples Tuesday, September 6, 2011
  • 20. 4. Resources • Absorb • Learn • Inspire • Use Tuesday, September 6, 2011
  • 21. Resources : Absorb • boxesandarrows.com • alistapart.com/topics/userscience • sixrevisions.com • thinkvitamin.com • www.uxmag.com Tuesday, September 6, 2011
  • 22. Resources : Learn • Code (avoid DOM) • codecademy.com • learn.appendto.com • Design • lynda.com • psd.tutsplus.com Tuesday, September 6, 2011
  • 23. Resources : Inspire • dribbble.com • colourlovers.com • lovedsgn.com • behance.net Tuesday, September 6, 2011
  • 24. Resources : Use • Teehan+Lax • bit.ly/iphone-ui-elements • bit.ly/android-ui-elements • bit.ly/iphone-sketch-elements • http://twitter.github.com/bootstrap/ • https://github.com/280north/aristo/ Tuesday, September 6, 2011
  • 25. Resources : Use • www.zambetti.com/projects/liveview • appcooker.com • balsamiq.com Tuesday, September 6, 2011