O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
MOBILE USER EXPERIENCE

the intricacies of designing for mobile devices
Antony Ribot, CEO, Ribot




UX Corner - 08.01.200...
First of all, some context
BACKGROUND


started at tomato (’99)

then studied ants, bees and termites

joined the mobile s...
Why does ribot exist?
ribot = ideas lab for mobile UIs

explore and play with interfaces
in small spaces

passion for push...
Personal definitions

                     User experience
Interaction
                     the qualitative
design
        ...
Constraints of mobile
THERE ARE MANY


form factor           battery

network latency       context

input mechanism

memo...
Context of use
Behaviours & usage
The mobile environment
IT’S LIKE MARS


single early failure = non-returning user

crucial first 30-60 seconds usage
Mars, Neptune, Pluto...
THE ENVIRONMENT DIFFERS, DEPENDING ON WHERE YOU ARE


user behaviour

handset range

operators

da...
Time for a snack...
DATA-SNACKING


small snippets of info

30-60 seconds

simple, but repetitive

regular
Re-use learnt behaviours
Re-use interactions inherent in the device

Minimise the number of surprises

soft key positions ...
Going into details...
Mobile is not about making
things smaller

Miniaturisation                      Mobilisation
                  vs




http...
It’s all about the subtleties
Fewer options = simple and more effective
interface

Polish makes the UX and app stand out
Default states in a UI

Grid menus and lists

Most important function highlighted?

Maximise number of options a click awa...
Faking it
Low latency is key to the user experience...

...especially with touch devices



Make immediate visual changes....
Working around the 3G icon
Reward-based exploration
FOCUSING ON THE KEY FEATURE AND DOING IT WELL


keep it as simple as possible (the hard part)

 1...
Opera Mini
A REWARD-BASED MOBILE BROWSER


page by page scrolling
Opera Mini
A REWARD-BASED MOBILE BROWSER


Short-cuts in the soft key menu
Process
Mobile UX - the easier path
Workshop       Idea exploration

                                      Paper wireframes
 Forma...
How to deal with diversity
select lead handsets for your target audience

use the design process to tackle “graceful
degra...
Why use rapid prototyping
test ideas quickly in a tangible environment

extremely useful reference for developers

an inte...
Mobile rapid prototyping tools
Flash (lite v3.0)

XHTML + CSS

Nokia Web Runtime

Silverlight

Dashcode            Pen & p...
Questions




Antony Ribot
ribot.co.uk
               http://www.flickr.com/photos/ronlayters/2402199783/
Próximos SlideShares
Carregando em…5
×

de

Mobile UX - the intricacies of designing for mobile devices Slide 1 Mobile UX - the intricacies of designing for mobile devices Slide 2 Mobile UX - the intricacies of designing for mobile devices Slide 3 Mobile UX - the intricacies of designing for mobile devices Slide 4 Mobile UX - the intricacies of designing for mobile devices Slide 5 Mobile UX - the intricacies of designing for mobile devices Slide 6 Mobile UX - the intricacies of designing for mobile devices Slide 7 Mobile UX - the intricacies of designing for mobile devices Slide 8 Mobile UX - the intricacies of designing for mobile devices Slide 9 Mobile UX - the intricacies of designing for mobile devices Slide 10 Mobile UX - the intricacies of designing for mobile devices Slide 11 Mobile UX - the intricacies of designing for mobile devices Slide 12 Mobile UX - the intricacies of designing for mobile devices Slide 13 Mobile UX - the intricacies of designing for mobile devices Slide 14 Mobile UX - the intricacies of designing for mobile devices Slide 15 Mobile UX - the intricacies of designing for mobile devices Slide 16 Mobile UX - the intricacies of designing for mobile devices Slide 17 Mobile UX - the intricacies of designing for mobile devices Slide 18 Mobile UX - the intricacies of designing for mobile devices Slide 19 Mobile UX - the intricacies of designing for mobile devices Slide 20 Mobile UX - the intricacies of designing for mobile devices Slide 21 Mobile UX - the intricacies of designing for mobile devices Slide 22 Mobile UX - the intricacies of designing for mobile devices Slide 23 Mobile UX - the intricacies of designing for mobile devices Slide 24 Mobile UX - the intricacies of designing for mobile devices Slide 25 Mobile UX - the intricacies of designing for mobile devices Slide 26
Próximos SlideShares
Mobile User Experience
Avançar
Transfira para ler offline e ver em ecrã inteiro.

189 gostaram

Compartilhar

Baixar para ler offline

Mobile UX - the intricacies of designing for mobile devices

Baixar para ler offline

Covering mobile user experience in general and focusing on the little interface tweaks and interaction design that can make all the difference to a mobile application

Livros relacionados

Gratuito durante 30 dias do Scribd

Ver tudo

Mobile UX - the intricacies of designing for mobile devices

  1. MOBILE USER EXPERIENCE the intricacies of designing for mobile devices Antony Ribot, CEO, Ribot UX Corner - 08.01.2009 http://www.flickr.com/taraethers
  2. First of all, some context BACKGROUND started at tomato (’99) then studied ants, bees and termites joined the mobile scene 5 years ago co-founded ribot 1.5 years ago ceo / art director
  3. Why does ribot exist? ribot = ideas lab for mobile UIs explore and play with interfaces in small spaces passion for pushing UI boundaries
  4. Personal definitions User experience Interaction the qualitative design emotional how the user description of interacts with the multiple interactions object with an object Method Relationship http://www.flickr.com/photos/ronlayters/586656022/
  5. Constraints of mobile THERE ARE MANY form factor battery network latency context input mechanism memory computational power
  6. Context of use
  7. Behaviours & usage
  8. The mobile environment IT’S LIKE MARS single early failure = non-returning user crucial first 30-60 seconds usage
  9. Mars, Neptune, Pluto... THE ENVIRONMENT DIFFERS, DEPENDING ON WHERE YOU ARE user behaviour handset range operators data allowance / pricing e.g. South Africa, Europe, Japan...
  10. Time for a snack... DATA-SNACKING small snippets of info 30-60 seconds simple, but repetitive regular
  11. Re-use learnt behaviours Re-use interactions inherent in the device Minimise the number of surprises soft key positions colour menu navigation tone of voice http://www.flickr.com/photos/8586443@N03/1491516038/
  12. Going into details...
  13. Mobile is not about making things smaller Miniaturisation Mobilisation vs http://mobilewebbook.com http://www.flickr.com/photos/tridi_animeitor/2224661744/
  14. It’s all about the subtleties Fewer options = simple and more effective interface Polish makes the UX and app stand out
  15. Default states in a UI Grid menus and lists Most important function highlighted? Maximise number of options a click away http://flickr.com/photos/moonypics/2130645953/
  16. Faking it Low latency is key to the user experience... ...especially with touch devices Make immediate visual changes... ...whilst we wait for network/other process http://flickr.com/photos/rabataller/638250907/
  17. Working around the 3G icon
  18. Reward-based exploration FOCUSING ON THE KEY FEATURE AND DOING IT WELL keep it as simple as possible (the hard part) 1. allow the user to play within safe boundaries 2. user’s comfort increases 3. sense of exploration increases 4. discovery of features almost by accident http://www.flickr.com/photos/devos/95230930/
  19. Opera Mini A REWARD-BASED MOBILE BROWSER page by page scrolling
  20. Opera Mini A REWARD-BASED MOBILE BROWSER Short-cuts in the soft key menu
  21. Process
  22. Mobile UX - the easier path Workshop Idea exploration Paper wireframes Formalised digital wireframes User/expert testing Aesthetic concepts Screen design Rapid prototype Docs Motion design Art direction http://www.flickr.com/photos/bbsc30/168832715/
  23. How to deal with diversity select lead handsets for your target audience use the design process to tackle “graceful degradation” http://www.admob.com/ http://www.flickr.com/photos/joaomoura/2661761961/
  24. Why use rapid prototyping test ideas quickly in a tangible environment extremely useful reference for developers an interactive showcase of the intended UX
  25. Mobile rapid prototyping tools Flash (lite v3.0) XHTML + CSS Nokia Web Runtime Silverlight Dashcode Pen & paper http://www.flickr.com/photos/brianauer/2249169858/
  26. Questions Antony Ribot ribot.co.uk http://www.flickr.com/photos/ronlayters/2402199783/
  • MehrajSinha

    Mar. 4, 2019
  • IndigoWhatley

    Jun. 21, 2018
  • AhmedHamed208

    Dec. 22, 2017
  • SyarifHidayat91

    Feb. 26, 2017
  • MayukoUeda

    Sep. 26, 2016
  • mayureesrikulwong

    Sep. 1, 2016
  • AmazeMobile

    Aug. 30, 2016
  • henrynnochiri

    Sep. 17, 2015
  • Sangkyun

    Jul. 31, 2015
  • scottmullins

    Jun. 18, 2015
  • kegill

    Jun. 17, 2015
  • SoniaHamnane

    Jun. 15, 2015
  • halel777

    May. 3, 2015
  • jadsondantas

    Feb. 5, 2015
  • stevenswu

    Jan. 1, 2015
  • doaaelfadally

    Nov. 24, 2014
  • windlight

    Nov. 13, 2014
  • lavslideshare

    Nov. 7, 2014
  • jorges

    Oct. 8, 2014
  • dianagosi

    Oct. 8, 2014

Covering mobile user experience in general and focusing on the little interface tweaks and interaction design that can make all the difference to a mobile application

Vistos

Vistos totais

63.314

No Slideshare

0

De incorporações

0

Número de incorporações

6.851

Ações

Baixados

2.330

Compartilhados

0

Comentários

0

Curtir

189

×