SlideShare a Scribd company logo
Mobiles & Usability  Nov 2005
Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Introduction to Usability ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Advantages & Limitations of Mobile Design ,[object Object]
User interaction  ,[object Object],[object Object],[object Object],[object Object],[object Object],Small screens, big advantages, bigger obstacles!
Mobile Vs. Web/Desktop ,[object Object],[object Object],[object Object],[object Object],[object Object]
Designing for Mobiles Nothing is more fun than seeing your Web page (or application) nestled nicely into a teeny tiny handheld screen; and nothing is more excruciatingly horrendous than trying to figure out how to get it there.   Heidi Pollok (WebMonkey)
Navigation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Consistency & Predictability Labeling –   The user should instinctively know what is going to happen when a link is clicked. Labels should be specific and transparent.  For example instead of ‘OK’ a link should say ‘create’, ‘next’, continue, order etc   System feedback –   Actions by the system should be represented on the interface as far as possible e.g. Signing in, please wait…  Navigation status  - U ser should know how many items there are within a section and where he/she is. 4/10 would indicate; the fourth item out of ten  or in search results “Showing 1-10 of 25” Familiarity –  Users expect similar tasks to happen in a similar manner.  Eg. CANCEL can mean ‘back to previous page without any action’ or ‘back to main menu without any action’. What the user expects is dependent on the pattern which the designer builds. ,[object Object],[object Object]
Page design Headers  – The terminology & the spelling on the header should be the exact same as on the link which led to the page.  Sub-headers –   If subheaders are used they need to be differentiated from content and menu items. Separation –   If a page contains of a number of rows with just plain text and they are followed by a hyper link, separate the static field from the interactive area with a single dashed line. Fonts –  For pages to be scan able, fonts should be clear. Avoid over decoration of fonts – only using decoration when attention is needed.  Scrolling –   Scroll only when necessary, as the user might not scroll if not prompted and might miss information at the bottom of the page. Clutter –  Always try to keep the elements on a page as minimum as possible. The information available should not be too much for the user to process. Using a phone to surf the Internet means taking a huge leap away from the fixation with looks.
Error prevention & recovery ,[object Object],[object Object],[object Object],[object Object]
Use of the keypad Less is more  –  Users should not be forced to enter information in more than one field. Fields that can be should be drop downs or selection lists. To clear or not to clear –  do not let the user clear the input fields herself if performing a new function i.e. new search. The system should clear the fields. And if the screen is a modification of the previous screen i.e. in case of errors – the system should remember the text put in by the user in the next screen also. Signing in –  A user should be automatically signed in when possible. URLs –   Should be fairly short. Search criteria –   While entering search criteria, the system should support common abbreviations as far as possible. Numeric keys –   The natural way of interaction with a phone is numeric so fields should be numeric if they can and use of the keypad when navigating through a particularly long page should be supported. Text input is difficult on a mobile phone considering the user relies on a set of numeric keys when writing.
Language & graphics Keep it simple –  The need for simple language is even stronger in mobile design, because there is no room to explain non-standard terminology with effects or icons.   Long words –  Avoid long words as far as possible as small screens may wrap the word and push it out of the display area.  Abbreviations  –  Never use abbreviations when naming links and headers. If using abbreviations in the body text is necessary use only the most common ones. Icons –   Icons should be used in places where words do not suffice i.e. to support understating a certain term or link. Icons should not only decorate an interface. Case –  Upper-case words are slower to read so they should be used for only important information, which needs more user concentration   ,[object Object],[object Object]
Questions to ask yourself ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Thank you

More Related Content

What's hot

The mobile ecosystem
The mobile ecosystemThe mobile ecosystem
The mobile ecosystem
Ivano Malavolta
 
Human Computer Interaction - Facebook Messenger
Human Computer Interaction - Facebook MessengerHuman Computer Interaction - Facebook Messenger
Human Computer Interaction - Facebook Messenger
Keet Sugathadasa
 
Usability basics
Usability basicsUsability basics
Usability basics
Zdeněk Lanc
 
Noel Holmes User Experience Portfolio 1 Of 2
Noel Holmes User Experience Portfolio 1 Of 2Noel Holmes User Experience Portfolio 1 Of 2
Noel Holmes User Experience Portfolio 1 Of 2
Noel Holmes
 
Michael Kowalski, Padify
Michael Kowalski, PadifyMichael Kowalski, Padify
Michael Kowalski, Padify
Digital Magazine Awards
 
Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To Usability
Ovidiu Von M
 
UX for Dummies
UX for DummiesUX for Dummies
UX for Dummies
Jeremia Hutabarat
 
Roy Man - UI Pitfalls & UX Approach
Roy Man - UI Pitfalls & UX ApproachRoy Man - UI Pitfalls & UX Approach
Roy Man - UI Pitfalls & UX Approach
MIT Forum of Israel
 
Information Design
Information DesignInformation Design
Information DesignGraeme Smith
 
User interface (UI) for mobile applications
User interface (UI) for mobile applicationsUser interface (UI) for mobile applications
User interface (UI) for mobile applications
Aashish Uppal
 
Video Conferencing Tools by Amber Goetz
Video Conferencing Tools by Amber GoetzVideo Conferencing Tools by Amber Goetz
Video Conferencing Tools by Amber Goetz
Amber Goetz
 
RBC Royal Bank : An Accessibility Evaluation & Recommendations
RBC Royal Bank : An Accessibility Evaluation & RecommendationsRBC Royal Bank : An Accessibility Evaluation & Recommendations
RBC Royal Bank : An Accessibility Evaluation & Recommendations
Sivaprasad Paliyath (CUA - HFI)
 
Keynote: Challenges, Pains and Points of Software Development Today
Keynote: Challenges, Pains and Points of Software Development TodayKeynote: Challenges, Pains and Points of Software Development Today
Keynote: Challenges, Pains and Points of Software Development Today
CodeFest
 
UX Design for Mobile Interfaces
UX Design for Mobile InterfacesUX Design for Mobile Interfaces
UX Design for Mobile Interfaces
Andi Galpern
 
E-marketing Forum, Amsterdam Sept 25, 2013
E-marketing Forum, Amsterdam Sept 25, 2013E-marketing Forum, Amsterdam Sept 25, 2013
E-marketing Forum, Amsterdam Sept 25, 2013
Paolo Barbesino
 
How to write mobile optimized content for your app
How to write mobile optimized content for your appHow to write mobile optimized content for your app
How to write mobile optimized content for your app
Paperlit
 
Accessibility And 508 Compliance In 2009
Accessibility And 508 Compliance In 2009Accessibility And 508 Compliance In 2009
Accessibility And 508 Compliance In 2009
Emagination ®
 
Going mobile writing content for mobile
Going mobile  writing content for mobileGoing mobile  writing content for mobile
Going mobile writing content for mobileMaya Irving-Regev
 
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
Dan Moriarty
 

What's hot (20)

The mobile ecosystem
The mobile ecosystemThe mobile ecosystem
The mobile ecosystem
 
Human Computer Interaction - Facebook Messenger
Human Computer Interaction - Facebook MessengerHuman Computer Interaction - Facebook Messenger
Human Computer Interaction - Facebook Messenger
 
Usability basics
Usability basicsUsability basics
Usability basics
 
Noel Holmes User Experience Portfolio 1 Of 2
Noel Holmes User Experience Portfolio 1 Of 2Noel Holmes User Experience Portfolio 1 Of 2
Noel Holmes User Experience Portfolio 1 Of 2
 
WEB INTERFACE DESIGN
WEB INTERFACE DESIGNWEB INTERFACE DESIGN
WEB INTERFACE DESIGN
 
Michael Kowalski, Padify
Michael Kowalski, PadifyMichael Kowalski, Padify
Michael Kowalski, Padify
 
Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To Usability
 
UX for Dummies
UX for DummiesUX for Dummies
UX for Dummies
 
Roy Man - UI Pitfalls & UX Approach
Roy Man - UI Pitfalls & UX ApproachRoy Man - UI Pitfalls & UX Approach
Roy Man - UI Pitfalls & UX Approach
 
Information Design
Information DesignInformation Design
Information Design
 
User interface (UI) for mobile applications
User interface (UI) for mobile applicationsUser interface (UI) for mobile applications
User interface (UI) for mobile applications
 
Video Conferencing Tools by Amber Goetz
Video Conferencing Tools by Amber GoetzVideo Conferencing Tools by Amber Goetz
Video Conferencing Tools by Amber Goetz
 
RBC Royal Bank : An Accessibility Evaluation & Recommendations
RBC Royal Bank : An Accessibility Evaluation & RecommendationsRBC Royal Bank : An Accessibility Evaluation & Recommendations
RBC Royal Bank : An Accessibility Evaluation & Recommendations
 
Keynote: Challenges, Pains and Points of Software Development Today
Keynote: Challenges, Pains and Points of Software Development TodayKeynote: Challenges, Pains and Points of Software Development Today
Keynote: Challenges, Pains and Points of Software Development Today
 
UX Design for Mobile Interfaces
UX Design for Mobile InterfacesUX Design for Mobile Interfaces
UX Design for Mobile Interfaces
 
E-marketing Forum, Amsterdam Sept 25, 2013
E-marketing Forum, Amsterdam Sept 25, 2013E-marketing Forum, Amsterdam Sept 25, 2013
E-marketing Forum, Amsterdam Sept 25, 2013
 
How to write mobile optimized content for your app
How to write mobile optimized content for your appHow to write mobile optimized content for your app
How to write mobile optimized content for your app
 
Accessibility And 508 Compliance In 2009
Accessibility And 508 Compliance In 2009Accessibility And 508 Compliance In 2009
Accessibility And 508 Compliance In 2009
 
Going mobile writing content for mobile
Going mobile  writing content for mobileGoing mobile  writing content for mobile
Going mobile writing content for mobile
 
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
 

Viewers also liked

Task Analysis - Appointment Booking - Fortis
Task Analysis - Appointment Booking - FortisTask Analysis - Appointment Booking - Fortis
Task Analysis - Appointment Booking - Fortis
Ekta Rohra Jafri
 
Fitting content to domain
Fitting content to domainFitting content to domain
Fitting content to domain
Ekta Rohra Jafri
 
Usability Analysis - Fortis Website
Usability Analysis - Fortis WebsiteUsability Analysis - Fortis Website
Usability Analysis - Fortis Website
Ekta Rohra Jafri
 
What Makes Mobile Social Netoworking Work
What Makes Mobile Social Netoworking WorkWhat Makes Mobile Social Netoworking Work
What Makes Mobile Social Netoworking Work
Ekta Rohra Jafri
 
Fostering Virality
Fostering ViralityFostering Virality
Fostering Virality
Ekta Rohra Jafri
 
Generation X - An insight into youth mindsets
Generation X - An insight into youth mindsetsGeneration X - An insight into youth mindsets
Generation X - An insight into youth mindsetsEkta Rohra Jafri
 
Persona template
Persona templatePersona template
Persona template
Ekta Rohra Jafri
 
Indian Gifts Portal - Style Guide - Apparel
Indian Gifts Portal - Style Guide - ApparelIndian Gifts Portal - Style Guide - Apparel
Indian Gifts Portal - Style Guide - Apparel
Ekta Rohra Jafri
 
Content Strategy - UX Principles
Content Strategy - UX PrinciplesContent Strategy - UX Principles
Content Strategy - UX Principles
Ekta Rohra Jafri
 
Indian Gifts Portal - A Usability Review with Heuristic Analysis, Persona Wal...
Indian Gifts Portal - A Usability Review with Heuristic Analysis, Persona Wal...Indian Gifts Portal - A Usability Review with Heuristic Analysis, Persona Wal...
Indian Gifts Portal - A Usability Review with Heuristic Analysis, Persona Wal...
Ekta Rohra Jafri
 
Making Sense of Big Data - Decoding Search Term Chaos
Making Sense of Big Data - Decoding Search Term ChaosMaking Sense of Big Data - Decoding Search Term Chaos
Making Sense of Big Data - Decoding Search Term Chaos
Ekta Rohra Jafri
 

Viewers also liked (11)

Task Analysis - Appointment Booking - Fortis
Task Analysis - Appointment Booking - FortisTask Analysis - Appointment Booking - Fortis
Task Analysis - Appointment Booking - Fortis
 
Fitting content to domain
Fitting content to domainFitting content to domain
Fitting content to domain
 
Usability Analysis - Fortis Website
Usability Analysis - Fortis WebsiteUsability Analysis - Fortis Website
Usability Analysis - Fortis Website
 
What Makes Mobile Social Netoworking Work
What Makes Mobile Social Netoworking WorkWhat Makes Mobile Social Netoworking Work
What Makes Mobile Social Netoworking Work
 
Fostering Virality
Fostering ViralityFostering Virality
Fostering Virality
 
Generation X - An insight into youth mindsets
Generation X - An insight into youth mindsetsGeneration X - An insight into youth mindsets
Generation X - An insight into youth mindsets
 
Persona template
Persona templatePersona template
Persona template
 
Indian Gifts Portal - Style Guide - Apparel
Indian Gifts Portal - Style Guide - ApparelIndian Gifts Portal - Style Guide - Apparel
Indian Gifts Portal - Style Guide - Apparel
 
Content Strategy - UX Principles
Content Strategy - UX PrinciplesContent Strategy - UX Principles
Content Strategy - UX Principles
 
Indian Gifts Portal - A Usability Review with Heuristic Analysis, Persona Wal...
Indian Gifts Portal - A Usability Review with Heuristic Analysis, Persona Wal...Indian Gifts Portal - A Usability Review with Heuristic Analysis, Persona Wal...
Indian Gifts Portal - A Usability Review with Heuristic Analysis, Persona Wal...
 
Making Sense of Big Data - Decoding Search Term Chaos
Making Sense of Big Data - Decoding Search Term ChaosMaking Sense of Big Data - Decoding Search Term Chaos
Making Sense of Big Data - Decoding Search Term Chaos
 

Similar to Mobiles & usbaility

6 mobile user interface design bb
6   mobile user interface design bb6   mobile user interface design bb
6 mobile user interface design bb
Shahid Riaz
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIA
Aiman Hud
 
UI design for mobile apps
UI design for mobile appsUI design for mobile apps
UI design for mobile apps
Ivano Malavolta
 
Accessible Web Sites: What can you do?
Accessible Web Sites: What can you do?Accessible Web Sites: What can you do?
Accessible Web Sites: What can you do?
Joseph Dolson
 
Human computer interaction chapter 2 interaction Styles.pptx
Human computer interaction chapter 2 interaction Styles.pptxHuman computer interaction chapter 2 interaction Styles.pptx
Human computer interaction chapter 2 interaction Styles.pptx
SHEHERYARali12
 
UI design for mobile apps
UI design for mobile appsUI design for mobile apps
UI design for mobile apps
Ivano Malavolta
 
CSE 5930 Assignment 2 Documentation
CSE 5930 Assignment 2 DocumentationCSE 5930 Assignment 2 Documentation
CSE 5930 Assignment 2 Documentation
Salocin Dot TEN
 
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design 13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
BugRaptors
 
Usability Factors Mobile Web Apps Usability Factors 0209
Usability Factors Mobile Web Apps Usability Factors 0209Usability Factors Mobile Web Apps Usability Factors 0209
Usability Factors Mobile Web Apps Usability Factors 0209
Vishal Vaidya
 
Responsive Design for Landing Pages
Responsive Design for Landing PagesResponsive Design for Landing Pages
Responsive Design for Landing Pages
Evgeny Tsarkov
 
User Interface Analysis and Design
User Interface Analysis and DesignUser Interface Analysis and Design
User Interface Analysis and Design
Saqib Raza
 
Mobile User Experience - @iRajLal
Mobile User Experience - @iRajLalMobile User Experience - @iRajLal
Mobile User Experience - @iRajLal
Raj Lal
 
usabilityofwebapplication.pdf
usabilityofwebapplication.pdfusabilityofwebapplication.pdf
usabilityofwebapplication.pdf
YuriTamaki
 
Usability of web application
Usability of web applicationUsability of web application
Usability of web application
Burhan Ahmed
 
Megan McKeever - design
Megan McKeever - designMegan McKeever - design
Megan McKeever - designmmm5014
 
iOS 7 UI Guidelines
iOS 7 UI GuidelinesiOS 7 UI Guidelines
iOS 7 UI Guidelines
Aneeq Anwar
 
Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014
MoodLabs
 
Responsive & Adaprove Design
Responsive & Adaprove DesignResponsive & Adaprove Design
Responsive & Adaprove Design
Mike Vdovin
 
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdfBest UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
Harssh Trivedi
 
corePHP Usability Accessibility by Steven Pignataro
corePHP Usability Accessibility by Steven PignatarocorePHP Usability Accessibility by Steven Pignataro
corePHP Usability Accessibility by Steven Pignataro
John Coonen
 

Similar to Mobiles & usbaility (20)

6 mobile user interface design bb
6   mobile user interface design bb6   mobile user interface design bb
6 mobile user interface design bb
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIA
 
UI design for mobile apps
UI design for mobile appsUI design for mobile apps
UI design for mobile apps
 
Accessible Web Sites: What can you do?
Accessible Web Sites: What can you do?Accessible Web Sites: What can you do?
Accessible Web Sites: What can you do?
 
Human computer interaction chapter 2 interaction Styles.pptx
Human computer interaction chapter 2 interaction Styles.pptxHuman computer interaction chapter 2 interaction Styles.pptx
Human computer interaction chapter 2 interaction Styles.pptx
 
UI design for mobile apps
UI design for mobile appsUI design for mobile apps
UI design for mobile apps
 
CSE 5930 Assignment 2 Documentation
CSE 5930 Assignment 2 DocumentationCSE 5930 Assignment 2 Documentation
CSE 5930 Assignment 2 Documentation
 
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design 13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
 
Usability Factors Mobile Web Apps Usability Factors 0209
Usability Factors Mobile Web Apps Usability Factors 0209Usability Factors Mobile Web Apps Usability Factors 0209
Usability Factors Mobile Web Apps Usability Factors 0209
 
Responsive Design for Landing Pages
Responsive Design for Landing PagesResponsive Design for Landing Pages
Responsive Design for Landing Pages
 
User Interface Analysis and Design
User Interface Analysis and DesignUser Interface Analysis and Design
User Interface Analysis and Design
 
Mobile User Experience - @iRajLal
Mobile User Experience - @iRajLalMobile User Experience - @iRajLal
Mobile User Experience - @iRajLal
 
usabilityofwebapplication.pdf
usabilityofwebapplication.pdfusabilityofwebapplication.pdf
usabilityofwebapplication.pdf
 
Usability of web application
Usability of web applicationUsability of web application
Usability of web application
 
Megan McKeever - design
Megan McKeever - designMegan McKeever - design
Megan McKeever - design
 
iOS 7 UI Guidelines
iOS 7 UI GuidelinesiOS 7 UI Guidelines
iOS 7 UI Guidelines
 
Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014
 
Responsive & Adaprove Design
Responsive & Adaprove DesignResponsive & Adaprove Design
Responsive & Adaprove Design
 
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdfBest UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
 
corePHP Usability Accessibility by Steven Pignataro
corePHP Usability Accessibility by Steven PignatarocorePHP Usability Accessibility by Steven Pignataro
corePHP Usability Accessibility by Steven Pignataro
 

Recently uploaded

Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
Alan Dix
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Inflectra
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
DianaGray10
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
Alison B. Lowndes
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
Thijs Feryn
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
Frank van Harmelen
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
Product School
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Product School
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Thierry Lestable
 
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Jeffrey Haguewood
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
Jemma Hussein Allen
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
DianaGray10
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Ramesh Iyer
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
Product School
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Product School
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
Product School
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
Cheryl Hung
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
Elena Simperl
 

Recently uploaded (20)

Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
 
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 

Mobiles & usbaility

  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7. Designing for Mobiles Nothing is more fun than seeing your Web page (or application) nestled nicely into a teeny tiny handheld screen; and nothing is more excruciatingly horrendous than trying to figure out how to get it there. Heidi Pollok (WebMonkey)
  • 8.
  • 9.
  • 10. Page design Headers – The terminology & the spelling on the header should be the exact same as on the link which led to the page. Sub-headers – If subheaders are used they need to be differentiated from content and menu items. Separation – If a page contains of a number of rows with just plain text and they are followed by a hyper link, separate the static field from the interactive area with a single dashed line. Fonts – For pages to be scan able, fonts should be clear. Avoid over decoration of fonts – only using decoration when attention is needed. Scrolling – Scroll only when necessary, as the user might not scroll if not prompted and might miss information at the bottom of the page. Clutter – Always try to keep the elements on a page as minimum as possible. The information available should not be too much for the user to process. Using a phone to surf the Internet means taking a huge leap away from the fixation with looks.
  • 11.
  • 12. Use of the keypad Less is more – Users should not be forced to enter information in more than one field. Fields that can be should be drop downs or selection lists. To clear or not to clear – do not let the user clear the input fields herself if performing a new function i.e. new search. The system should clear the fields. And if the screen is a modification of the previous screen i.e. in case of errors – the system should remember the text put in by the user in the next screen also. Signing in – A user should be automatically signed in when possible. URLs – Should be fairly short. Search criteria – While entering search criteria, the system should support common abbreviations as far as possible. Numeric keys – The natural way of interaction with a phone is numeric so fields should be numeric if they can and use of the keypad when navigating through a particularly long page should be supported. Text input is difficult on a mobile phone considering the user relies on a set of numeric keys when writing.
  • 13.
  • 14.