SlideShare a Scribd company logo
1 of 43
Download to read offline
Designing User Interfaces
for smartphones
About /me
• Tam HANNA
– CEO, Tamoggemon
Ltd.
– Director,
Tamoggemon Holding
k.s.
– Runs web sites about
mobile computing
– Writes scientific books
About /girly
• Annette BOSBACH
– Clerk to the
coordinating office,
Tamoggemon Holding
k.s.
On smartphones
- or -
think before you code
Mobiles are not computers
• CPU power on par with Intel P4
• HD screens coming
• But: itit‘‘ss NOT A PCNOT A PC
Short sessions
PalmSource, The Zen of Palm
Bursty usage
PalmSource, The Zen of Palm
Features / Satisfaction
• Adding new features gets PR boost
• On a PC, more features = better app
• In mobile, things are different
Satisfaction / Features
Satisfaction / Features - II
• Increased power widens sweet spot
• Faster CPU
– Complex features less of an issue
• More memory
– App can be larger
What to do?
Best practices
• GUI design is not fixed science
– Sometimes, bad is good
• Like a design pattern
– Feel free to adapt
Dont waste screen space
• Screen real estate is severely limited
– 800x480 is common baseline
• HD resolution in mobile is NOT PC-like
– Screen is MUCH SMALLER
• Users dont have 10:10 eyes
Clicks are evil
• Mobile sessions are short
– Whiney wife wants to know where she‘ll eat
• Clicks require dexterity
Clicks are evil - II
• Solution: minimize clicks
• Dumb users are more affected
– „Simple flow“ – few clicks
– „Complex flow“ – more clicks
Clicks are evil - III
• What do they do
right?
Clicks are evil - IV
• Quick access to
common functions!
• Less quick access to
rarely needed ones!
Clicks are evil - V
• Good approach: paper prototypes
•• EXERCISEEXERCISE
– Cell phone
– Paper
– Pen
– Scissor/Knife/Dagger/fingernail
– Comrade
Droidcon 2013 ui smartphones tam hanna
Input is evil
• Data input on a PC is no issue
– QWERTY keyboard
• On mobile, it‘s less funny
Input is evil - II
• Hardware keyboards
– Somewhat fast
– Still tedious
• Swype/Graffiti/whatever
– Slow
– Take up screen real estate (!)
Input is evil - III
• Cache common input
• „App thinks ahead“
– Palm Pre style
In Rome, like the Romans
• Consistency is everything
– Inconsistent behavior => unhappyness
• Humans are animals of habit
– Rote learning is effective
– E.g. arms disassembly drill
In Rome, like the Romans - II
• OS vendors set strong standards
• Users are accustomed to them
•• BetterBetter blend inblend in
In Rome, like the Romans - III
Swift like the devil
• Mobile phones are used in high pressure
• Delays are unacceptable and annoying
• Make the GUI respond swiftly
Swift like the devil - II
• Not always possible
– Show progress indicator
– Show „spin ball“
Boom-shake-a-lake!
• Desktop users have high accuracy input
– Mice are accurate as hell
– Trackpads are decent, too
– Position and Activation are two steps
• On mobile, things are different
– Hello, touchscreen
Boom-shake-a-lake! - II
• Resistive screen
– With stylus: 05cm x 0.5cm
– Without stylus: see below
• Capacitive screen
– Very inaccurate (even with stylus)
– 1cm x 1cm is reasonable
Boom-shake-a-lake - III
• The world is not an ideal place
• Users use cell phones on the run
– Trains
– Cars
– Walking
== Vibration== Vibration
Boom-shake-a-lake - IV
• Misclicks are really evil on touchscreens
– No Select/Confirm-Pattern
• Misclicks cause unhappy users
– They fucked up
– but your app gave them the opportunity
Boom-shake-a-lake V
• Avoid Misclicks
– LARGE controls
– Group controls sensibly
• Mitigate Misclicks
– Ask before wreaking havoc
Boom-shake-a-lake VI
• What is bad?
Boom-shake-a-lake VI
• Up and Delete
• Ouch
Save power
• Power usage is critical
– Apps which drain power are unpopular
• Problems:
– Reconnection loops
– Network keepalive
– Screen colors (OLED)
Colors count
• In direct sunlight, screen contrast suffers
Colors count - II
• Black causes more reflections than white
– But: OLED power issue
Don‘t be annoying
• Push messages are useful
– Inform users
– Can increase retention (see studies)
• IF the notification area does not overflow
Test on humans
• „Betriebsblindheit“
– Blindness of operator
• Developer of app understands his GUI
– Developer is not user
– User does not know your design specs
Test on humans - II
Test on humans - III
• Testers „burn“
– They get accustomed
• The world is full of testers
– Check forums or ask on the road
– Not being able to find testers: ouch!!!
Further reading
• [SPOL]
http://www.joelonsoftware.com/uibook/fog
0000000249.html
• [GUI]
http://shop.oreilly.com/product/978059600
8031.do
• [ZEN]
http://www.cs.uml.edu/~fredm/courses/91.
308-fall05/palm/zenofpalm.pdf
?!? / !?!
tamhan@tamoggemon.com

More Related Content

What's hot

Making the Web Work on Mobile
Making the Web Work on MobileMaking the Web Work on Mobile
Making the Web Work on MobileGrgur Grisogono
 
Human Ware presentation
Human Ware presentationHuman Ware presentation
Human Ware presentationiansyst
 
Define & design apps for success en
Define & design apps for success enDefine & design apps for success en
Define & design apps for success enAcrmnet s.r.l.
 
Future of tablets presentation
Future of tablets presentationFuture of tablets presentation
Future of tablets presentationMudit Deval
 
Overview Of Existing Products Of Interest. Presentation.
Overview Of Existing Products Of Interest. Presentation.Overview Of Existing Products Of Interest. Presentation.
Overview Of Existing Products Of Interest. Presentation.University of Limerick
 
OLPC presentation at SF State University
OLPC presentation at SF State UniversityOLPC presentation at SF State University
OLPC presentation at SF State UniversitySameer Verma
 
Coding for 11 Year Olds
Coding for 11 Year OldsCoding for 11 Year Olds
Coding for 11 Year OldsOmar Bashir
 
We've Never Had It So Good
We've Never Had It So GoodWe've Never Had It So Good
We've Never Had It So Goodjammylammy
 
Mer from User's Perspective
Mer from User's PerspectiveMer from User's Perspective
Mer from User's Perspectiveguesta05d7a
 
Informal PUIs: No Recognition Required, at AAAI 2002 workshop
Informal PUIs: No Recognition Required, at AAAI 2002 workshopInformal PUIs: No Recognition Required, at AAAI 2002 workshop
Informal PUIs: No Recognition Required, at AAAI 2002 workshopJason Hong
 
Best Mobile UI Practices - FITC Mobile 2010
Best Mobile UI Practices - FITC Mobile 2010Best Mobile UI Practices - FITC Mobile 2010
Best Mobile UI Practices - FITC Mobile 2010Boris Chan
 

What's hot (20)

Beyond blackberry...
Beyond blackberry...Beyond blackberry...
Beyond blackberry...
 
Types of computer
Types of computerTypes of computer
Types of computer
 
Tablet pc
Tablet pcTablet pc
Tablet pc
 
Making the Web Work on Mobile
Making the Web Work on MobileMaking the Web Work on Mobile
Making the Web Work on Mobile
 
Human Ware presentation
Human Ware presentationHuman Ware presentation
Human Ware presentation
 
Tablet PC
Tablet PCTablet PC
Tablet PC
 
Define & design apps for success en
Define & design apps for success enDefine & design apps for success en
Define & design apps for success en
 
Mobile-First Design
Mobile-First DesignMobile-First Design
Mobile-First Design
 
Future of tablets presentation
Future of tablets presentationFuture of tablets presentation
Future of tablets presentation
 
Overview Of Existing Products Of Interest. Presentation.
Overview Of Existing Products Of Interest. Presentation.Overview Of Existing Products Of Interest. Presentation.
Overview Of Existing Products Of Interest. Presentation.
 
OLPC presentation at SF State University
OLPC presentation at SF State UniversityOLPC presentation at SF State University
OLPC presentation at SF State University
 
Laptop for Business
Laptop for BusinessLaptop for Business
Laptop for Business
 
Revo
RevoRevo
Revo
 
Coding for 11 Year Olds
Coding for 11 Year OldsCoding for 11 Year Olds
Coding for 11 Year Olds
 
We've Never Had It So Good
We've Never Had It So GoodWe've Never Had It So Good
We've Never Had It So Good
 
Tablet pc
Tablet pcTablet pc
Tablet pc
 
Mer from User's Perspective
Mer from User's PerspectiveMer from User's Perspective
Mer from User's Perspective
 
Informal PUIs: No Recognition Required, at AAAI 2002 workshop
Informal PUIs: No Recognition Required, at AAAI 2002 workshopInformal PUIs: No Recognition Required, at AAAI 2002 workshop
Informal PUIs: No Recognition Required, at AAAI 2002 workshop
 
Best Mobile UI Practices - FITC Mobile 2010
Best Mobile UI Practices - FITC Mobile 2010Best Mobile UI Practices - FITC Mobile 2010
Best Mobile UI Practices - FITC Mobile 2010
 
L aptops
L aptopsL aptops
L aptops
 

Viewers also liked

Roduner democratizing business processes with android-based mobile devices
Roduner   democratizing business processes with android-based mobile devicesRoduner   democratizing business processes with android-based mobile devices
Roduner democratizing business processes with android-based mobile devicesDroidcon Berlin
 
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ JacquezASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ JacquezRJ Jacquez
 
Droidcon 2010: Android and iPhone - a known Antagonism ? Professor Dr. Kai Ra...
Droidcon 2010: Android and iPhone - a known Antagonism ? Professor Dr. Kai Ra...Droidcon 2010: Android and iPhone - a known Antagonism ? Professor Dr. Kai Ra...
Droidcon 2010: Android and iPhone - a known Antagonism ? Professor Dr. Kai Ra...Droidcon Berlin
 
Mobile GUI Design - Web Designer Magazine Article
Mobile GUI Design - Web Designer Magazine ArticleMobile GUI Design - Web Designer Magazine Article
Mobile GUI Design - Web Designer Magazine ArticleJen Gordon Studios
 
Thomas braun dependency-injection_with_robo_guice-presentation-final
Thomas braun dependency-injection_with_robo_guice-presentation-finalThomas braun dependency-injection_with_robo_guice-presentation-final
Thomas braun dependency-injection_with_robo_guice-presentation-finalDroidcon Berlin
 
Designing and Evaluating a Contextual Mobile Application to Support Situated ...
Designing and Evaluating a Contextual Mobile Application to Support Situated ...Designing and Evaluating a Contextual Mobile Application to Support Situated ...
Designing and Evaluating a Contextual Mobile Application to Support Situated ...HCI Lab
 

Viewers also liked (7)

Roduner democratizing business processes with android-based mobile devices
Roduner   democratizing business processes with android-based mobile devicesRoduner   democratizing business processes with android-based mobile devices
Roduner democratizing business processes with android-based mobile devices
 
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ JacquezASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
 
Droidcon 2010: Android and iPhone - a known Antagonism ? Professor Dr. Kai Ra...
Droidcon 2010: Android and iPhone - a known Antagonism ? Professor Dr. Kai Ra...Droidcon 2010: Android and iPhone - a known Antagonism ? Professor Dr. Kai Ra...
Droidcon 2010: Android and iPhone - a known Antagonism ? Professor Dr. Kai Ra...
 
Mobile GUI Design - Web Designer Magazine Article
Mobile GUI Design - Web Designer Magazine ArticleMobile GUI Design - Web Designer Magazine Article
Mobile GUI Design - Web Designer Magazine Article
 
Thomas braun dependency-injection_with_robo_guice-presentation-final
Thomas braun dependency-injection_with_robo_guice-presentation-finalThomas braun dependency-injection_with_robo_guice-presentation-final
Thomas braun dependency-injection_with_robo_guice-presentation-final
 
Designing and Evaluating a Contextual Mobile Application to Support Situated ...
Designing and Evaluating a Contextual Mobile Application to Support Situated ...Designing and Evaluating a Contextual Mobile Application to Support Situated ...
Designing and Evaluating a Contextual Mobile Application to Support Situated ...
 
Poluição
 Poluição Poluição
Poluição
 

Similar to Droidcon 2013 ui smartphones tam hanna

Boris Chan - FITC SCREENS - Becoming Social By Default on Mobile
Boris Chan - FITC SCREENS - Becoming Social By Default on MobileBoris Chan - FITC SCREENS - Becoming Social By Default on Mobile
Boris Chan - FITC SCREENS - Becoming Social By Default on MobileBoris Chan
 
New Technologies and their role in the workplace
New Technologies and their role in the workplaceNew Technologies and their role in the workplace
New Technologies and their role in the workplaceRussell Feldhausen
 
Mobile product - "Build great apps!" at ProductTank Paris #17
Mobile product - "Build great apps!" at ProductTank Paris #17Mobile product - "Build great apps!" at ProductTank Paris #17
Mobile product - "Build great apps!" at ProductTank Paris #17Alexandre Jubien
 
StartOps: Growing an ops team from 1 founder
StartOps: Growing an ops team from 1 founderStartOps: Growing an ops team from 1 founder
StartOps: Growing an ops team from 1 founderServer Density
 
Fundamentals of computer and information system(unit 1)
Fundamentals of computer and information system(unit 1)Fundamentals of computer and information system(unit 1)
Fundamentals of computer and information system(unit 1)SURBHI SAROHA
 
Planning your Dream Mobile App
Planning your Dream Mobile AppPlanning your Dream Mobile App
Planning your Dream Mobile AppSean Katz
 
An Introduction To Mobile Software Testing
An Introduction To Mobile Software TestingAn Introduction To Mobile Software Testing
An Introduction To Mobile Software TestingStephen Janaway
 
Human Factors and User Interface Design
Human Factors and User Interface DesignHuman Factors and User Interface Design
Human Factors and User Interface DesignSaggitariusArrow
 
Native Vs HTML5 Apps
Native Vs HTML5 AppsNative Vs HTML5 Apps
Native Vs HTML5 AppsAppAcademy
 
Boris Chan - AndroidTO - Becoming Social by Default on Android
Boris Chan - AndroidTO - Becoming Social by Default on AndroidBoris Chan - AndroidTO - Becoming Social by Default on Android
Boris Chan - AndroidTO - Becoming Social by Default on AndroidBoris Chan
 
Jan Ole Suhr
Jan Ole SuhrJan Ole Suhr
Jan Ole Suhrfndc
 
Designing for mobile. A UX perspective for developers
Designing for mobile. A UX perspective for developersDesigning for mobile. A UX perspective for developers
Designing for mobile. A UX perspective for developersOscar Gonzalez Garza
 
UDSA Unit 4.pptx
UDSA Unit 4.pptxUDSA Unit 4.pptx
UDSA Unit 4.pptxSrilekhaK12
 
Technology and Business Growth! - What Companies Need To Know
Technology and Business Growth! -  What Companies Need To KnowTechnology and Business Growth! -  What Companies Need To Know
Technology and Business Growth! - What Companies Need To KnowBrian Bluff
 
27.1.2014 Tampere. Perinteinen mobiilimaailma murroksessa. Tommi Teräsvirta: ...
27.1.2014 Tampere. Perinteinen mobiilimaailma murroksessa. Tommi Teräsvirta: ...27.1.2014 Tampere. Perinteinen mobiilimaailma murroksessa. Tommi Teräsvirta: ...
27.1.2014 Tampere. Perinteinen mobiilimaailma murroksessa. Tommi Teräsvirta: ...Tieturi Oy
 

Similar to Droidcon 2013 ui smartphones tam hanna (20)

Smartphones
SmartphonesSmartphones
Smartphones
 
Boris Chan - FITC SCREENS - Becoming Social By Default on Mobile
Boris Chan - FITC SCREENS - Becoming Social By Default on MobileBoris Chan - FITC SCREENS - Becoming Social By Default on Mobile
Boris Chan - FITC SCREENS - Becoming Social By Default on Mobile
 
New Technologies and their role in the workplace
New Technologies and their role in the workplaceNew Technologies and their role in the workplace
New Technologies and their role in the workplace
 
Mobile product - "Build great apps!" at ProductTank Paris #17
Mobile product - "Build great apps!" at ProductTank Paris #17Mobile product - "Build great apps!" at ProductTank Paris #17
Mobile product - "Build great apps!" at ProductTank Paris #17
 
StartOps: Growing an ops team from 1 founder
StartOps: Growing an ops team from 1 founderStartOps: Growing an ops team from 1 founder
StartOps: Growing an ops team from 1 founder
 
Lesson 1.pptx
Lesson 1.pptxLesson 1.pptx
Lesson 1.pptx
 
Fundamentals of computer and information system(unit 1)
Fundamentals of computer and information system(unit 1)Fundamentals of computer and information system(unit 1)
Fundamentals of computer and information system(unit 1)
 
Planning your Dream Mobile App
Planning your Dream Mobile AppPlanning your Dream Mobile App
Planning your Dream Mobile App
 
An Introduction To Mobile Software Testing
An Introduction To Mobile Software TestingAn Introduction To Mobile Software Testing
An Introduction To Mobile Software Testing
 
New technology
New technologyNew technology
New technology
 
UX for Internet of Things
UX for Internet of ThingsUX for Internet of Things
UX for Internet of Things
 
Human Factors and User Interface Design
Human Factors and User Interface DesignHuman Factors and User Interface Design
Human Factors and User Interface Design
 
Native Vs HTML5 Apps
Native Vs HTML5 AppsNative Vs HTML5 Apps
Native Vs HTML5 Apps
 
Boris Chan - AndroidTO - Becoming Social by Default on Android
Boris Chan - AndroidTO - Becoming Social by Default on AndroidBoris Chan - AndroidTO - Becoming Social by Default on Android
Boris Chan - AndroidTO - Becoming Social by Default on Android
 
Jan Ole Suhr
Jan Ole SuhrJan Ole Suhr
Jan Ole Suhr
 
Designing for mobile. A UX perspective for developers
Designing for mobile. A UX perspective for developersDesigning for mobile. A UX perspective for developers
Designing for mobile. A UX perspective for developers
 
UDSA Unit 4.pptx
UDSA Unit 4.pptxUDSA Unit 4.pptx
UDSA Unit 4.pptx
 
Technology and Business Growth! - What Companies Need To Know
Technology and Business Growth! -  What Companies Need To KnowTechnology and Business Growth! -  What Companies Need To Know
Technology and Business Growth! - What Companies Need To Know
 
01 Mobile Jungle
01 Mobile Jungle01 Mobile Jungle
01 Mobile Jungle
 
27.1.2014 Tampere. Perinteinen mobiilimaailma murroksessa. Tommi Teräsvirta: ...
27.1.2014 Tampere. Perinteinen mobiilimaailma murroksessa. Tommi Teräsvirta: ...27.1.2014 Tampere. Perinteinen mobiilimaailma murroksessa. Tommi Teräsvirta: ...
27.1.2014 Tampere. Perinteinen mobiilimaailma murroksessa. Tommi Teräsvirta: ...
 

More from Droidcon Berlin

Droidcon de 2014 google cast
Droidcon de 2014   google castDroidcon de 2014   google cast
Droidcon de 2014 google castDroidcon Berlin
 
Android programming -_pushing_the_limits
Android programming -_pushing_the_limitsAndroid programming -_pushing_the_limits
Android programming -_pushing_the_limitsDroidcon Berlin
 
Android industrial mobility
Android industrial mobility Android industrial mobility
Android industrial mobility Droidcon Berlin
 
From sensor data_to_android_and_back
From sensor data_to_android_and_backFrom sensor data_to_android_and_back
From sensor data_to_android_and_backDroidcon Berlin
 
new_age_graphics_android_x86
new_age_graphics_android_x86new_age_graphics_android_x86
new_age_graphics_android_x86Droidcon Berlin
 
Testing and Building Android
Testing and Building AndroidTesting and Building Android
Testing and Building AndroidDroidcon Berlin
 
Matchinguu droidcon presentation
Matchinguu droidcon presentationMatchinguu droidcon presentation
Matchinguu droidcon presentationDroidcon Berlin
 
Cgm life sdk_droidcon_2014_v3
Cgm life sdk_droidcon_2014_v3Cgm life sdk_droidcon_2014_v3
Cgm life sdk_droidcon_2014_v3Droidcon Berlin
 
The artofcalabash peterkrauss
The artofcalabash peterkraussThe artofcalabash peterkrauss
The artofcalabash peterkraussDroidcon Berlin
 
Raesch, gries droidcon 2014
Raesch, gries   droidcon 2014Raesch, gries   droidcon 2014
Raesch, gries droidcon 2014Droidcon Berlin
 
Android open gl2_droidcon_2014
Android open gl2_droidcon_2014Android open gl2_droidcon_2014
Android open gl2_droidcon_2014Droidcon Berlin
 
20140508 quantified self droidcon
20140508 quantified self droidcon20140508 quantified self droidcon
20140508 quantified self droidconDroidcon Berlin
 
Tuning android for low ram devices
Tuning android for low ram devicesTuning android for low ram devices
Tuning android for low ram devicesDroidcon Berlin
 
Froyo to kit kat two years developing & maintaining deliradio
Froyo to kit kat   two years developing & maintaining deliradioFroyo to kit kat   two years developing & maintaining deliradio
Froyo to kit kat two years developing & maintaining deliradioDroidcon Berlin
 
Droidcon2013 security genes_trendmicro
Droidcon2013 security genes_trendmicroDroidcon2013 security genes_trendmicro
Droidcon2013 security genes_trendmicroDroidcon Berlin
 

More from Droidcon Berlin (20)

Droidcon de 2014 google cast
Droidcon de 2014   google castDroidcon de 2014   google cast
Droidcon de 2014 google cast
 
Android programming -_pushing_the_limits
Android programming -_pushing_the_limitsAndroid programming -_pushing_the_limits
Android programming -_pushing_the_limits
 
crashing in style
crashing in stylecrashing in style
crashing in style
 
Raspberry Pi
Raspberry PiRaspberry Pi
Raspberry Pi
 
Android industrial mobility
Android industrial mobility Android industrial mobility
Android industrial mobility
 
Details matter in ux
Details matter in uxDetails matter in ux
Details matter in ux
 
From sensor data_to_android_and_back
From sensor data_to_android_and_backFrom sensor data_to_android_and_back
From sensor data_to_android_and_back
 
droidparts
droidpartsdroidparts
droidparts
 
new_age_graphics_android_x86
new_age_graphics_android_x86new_age_graphics_android_x86
new_age_graphics_android_x86
 
5 tips of monetization
5 tips of monetization5 tips of monetization
5 tips of monetization
 
Testing and Building Android
Testing and Building AndroidTesting and Building Android
Testing and Building Android
 
Matchinguu droidcon presentation
Matchinguu droidcon presentationMatchinguu droidcon presentation
Matchinguu droidcon presentation
 
Cgm life sdk_droidcon_2014_v3
Cgm life sdk_droidcon_2014_v3Cgm life sdk_droidcon_2014_v3
Cgm life sdk_droidcon_2014_v3
 
The artofcalabash peterkrauss
The artofcalabash peterkraussThe artofcalabash peterkrauss
The artofcalabash peterkrauss
 
Raesch, gries droidcon 2014
Raesch, gries   droidcon 2014Raesch, gries   droidcon 2014
Raesch, gries droidcon 2014
 
Android open gl2_droidcon_2014
Android open gl2_droidcon_2014Android open gl2_droidcon_2014
Android open gl2_droidcon_2014
 
20140508 quantified self droidcon
20140508 quantified self droidcon20140508 quantified self droidcon
20140508 quantified self droidcon
 
Tuning android for low ram devices
Tuning android for low ram devicesTuning android for low ram devices
Tuning android for low ram devices
 
Froyo to kit kat two years developing & maintaining deliradio
Froyo to kit kat   two years developing & maintaining deliradioFroyo to kit kat   two years developing & maintaining deliradio
Froyo to kit kat two years developing & maintaining deliradio
 
Droidcon2013 security genes_trendmicro
Droidcon2013 security genes_trendmicroDroidcon2013 security genes_trendmicro
Droidcon2013 security genes_trendmicro
 

Recently uploaded

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 Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
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
 
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
 
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
 
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
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
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
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
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
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
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
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 

Recently uploaded (20)

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 Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
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
 
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
 
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
 
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
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
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...
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
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
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 

Droidcon 2013 ui smartphones tam hanna

  • 2. About /me • Tam HANNA – CEO, Tamoggemon Ltd. – Director, Tamoggemon Holding k.s. – Runs web sites about mobile computing – Writes scientific books
  • 3. About /girly • Annette BOSBACH – Clerk to the coordinating office, Tamoggemon Holding k.s.
  • 4. On smartphones - or - think before you code
  • 5. Mobiles are not computers • CPU power on par with Intel P4 • HD screens coming • But: itit‘‘ss NOT A PCNOT A PC
  • 8. Features / Satisfaction • Adding new features gets PR boost • On a PC, more features = better app • In mobile, things are different
  • 10. Satisfaction / Features - II • Increased power widens sweet spot • Faster CPU – Complex features less of an issue • More memory – App can be larger
  • 12. Best practices • GUI design is not fixed science – Sometimes, bad is good • Like a design pattern – Feel free to adapt
  • 13. Dont waste screen space • Screen real estate is severely limited – 800x480 is common baseline • HD resolution in mobile is NOT PC-like – Screen is MUCH SMALLER • Users dont have 10:10 eyes
  • 14. Clicks are evil • Mobile sessions are short – Whiney wife wants to know where she‘ll eat • Clicks require dexterity
  • 15. Clicks are evil - II • Solution: minimize clicks • Dumb users are more affected – „Simple flow“ – few clicks – „Complex flow“ – more clicks
  • 16. Clicks are evil - III • What do they do right?
  • 17. Clicks are evil - IV • Quick access to common functions! • Less quick access to rarely needed ones!
  • 18. Clicks are evil - V • Good approach: paper prototypes •• EXERCISEEXERCISE – Cell phone – Paper – Pen – Scissor/Knife/Dagger/fingernail – Comrade
  • 20. Input is evil • Data input on a PC is no issue – QWERTY keyboard • On mobile, it‘s less funny
  • 21. Input is evil - II • Hardware keyboards – Somewhat fast – Still tedious • Swype/Graffiti/whatever – Slow – Take up screen real estate (!)
  • 22. Input is evil - III • Cache common input • „App thinks ahead“ – Palm Pre style
  • 23. In Rome, like the Romans • Consistency is everything – Inconsistent behavior => unhappyness • Humans are animals of habit – Rote learning is effective – E.g. arms disassembly drill
  • 24. In Rome, like the Romans - II • OS vendors set strong standards • Users are accustomed to them •• BetterBetter blend inblend in
  • 25. In Rome, like the Romans - III
  • 26. Swift like the devil • Mobile phones are used in high pressure • Delays are unacceptable and annoying • Make the GUI respond swiftly
  • 27. Swift like the devil - II • Not always possible – Show progress indicator – Show „spin ball“
  • 28. Boom-shake-a-lake! • Desktop users have high accuracy input – Mice are accurate as hell – Trackpads are decent, too – Position and Activation are two steps • On mobile, things are different – Hello, touchscreen
  • 29. Boom-shake-a-lake! - II • Resistive screen – With stylus: 05cm x 0.5cm – Without stylus: see below • Capacitive screen – Very inaccurate (even with stylus) – 1cm x 1cm is reasonable
  • 30. Boom-shake-a-lake - III • The world is not an ideal place • Users use cell phones on the run – Trains – Cars – Walking == Vibration== Vibration
  • 31. Boom-shake-a-lake - IV • Misclicks are really evil on touchscreens – No Select/Confirm-Pattern • Misclicks cause unhappy users – They fucked up – but your app gave them the opportunity
  • 32. Boom-shake-a-lake V • Avoid Misclicks – LARGE controls – Group controls sensibly • Mitigate Misclicks – Ask before wreaking havoc
  • 34. Boom-shake-a-lake VI • Up and Delete • Ouch
  • 35. Save power • Power usage is critical – Apps which drain power are unpopular • Problems: – Reconnection loops – Network keepalive – Screen colors (OLED)
  • 36. Colors count • In direct sunlight, screen contrast suffers
  • 37. Colors count - II • Black causes more reflections than white – But: OLED power issue
  • 38. Don‘t be annoying • Push messages are useful – Inform users – Can increase retention (see studies) • IF the notification area does not overflow
  • 39. Test on humans • „Betriebsblindheit“ – Blindness of operator • Developer of app understands his GUI – Developer is not user – User does not know your design specs
  • 41. Test on humans - III • Testers „burn“ – They get accustomed • The world is full of testers – Check forums or ask on the road – Not being able to find testers: ouch!!!
  • 42. Further reading • [SPOL] http://www.joelonsoftware.com/uibook/fog 0000000249.html • [GUI] http://shop.oreilly.com/product/978059600 8031.do • [ZEN] http://www.cs.uml.edu/~fredm/courses/91. 308-fall05/palm/zenofpalm.pdf