• Like
  • Save
Designing For Flow
Upcoming SlideShare
Loading in...5
×
 

Designing For Flow

on

  • 13,042 views

Talk by Bruno Figueiredo at the WEb 2.0 Expo 2008 in Berlin.

Talk by Bruno Figueiredo at the WEb 2.0 Expo 2008 in Berlin.

Statistics

Views

Total Views
13,042
Views on SlideShare
12,419
Embed Views
623

Actions

Likes
43
Downloads
110
Comments
7

25 Embeds 623

http://en.oreilly.com 254
http://www.web2expo.com 146
http://blog.slideshare.net 69
http://designative.info 23
http://hyperpomodoro.com 21
http://noshoku.net 18
http://www.stardustisland.net 17
http://www.slideshare.net 17
http://www.sternenstaubinsel.net 16
http://hypergogue.net 9
http://www.linkedin.com 8
http://antonioambrosio.blogspot.com 4
http://www.e-presentations.us 3
http://www.centrestage.de 3
http://www.elsua.net 2
http://feeds.feedburner.com 2
https://www.linkedin.com 2
http://blog.contentmanagementconnection.com 2
http://jisi.dreamblog.jp 1
http://mayank.name 1
http://berlinblase.de 1
http://www.lmodules.com 1
http://www.aseantic.com 1
http://192.168.10.100 1
http://www.selbstverstaendlich.de 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

17 of 7 Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • very good presentation; I also attendeted your conference in Berlin
    Are you sure you want to
    Your message goes here
    Processing…
  • @ilccp2008: I meant applications must stop throwing the user back and forth between input and reference screens.
    Are you sure you want to
    Your message goes here
    Processing…
  • what do u mean of 'the Ping Pong' ?
    Are you sure you want to
    Your message goes here
    Processing…
  • I saw the presentation at Web2.0 Expo Europe and liked it a lot. You managed to put forth som persuasive arguments for implementing flow in the design, and put your finger on some key challenges with traditional designs og interactions, that I sensed but couldn't define.

    I was interesting, that you at the same time managed to quite precisely define some of the principles of the iphone's interaction design, that makes it stand out.

    The presentation had a nice blend of theory and concrete examples, that makes us both understand and also go home and implement the principle of flow in our designs.

    Can you recommend any books on this subject - written by you or orthers?
    Are you sure you want to
    Your message goes here
    Processing…
  • BELLLA E INTERESANTE PRESENTAZIONE......COMPLIMENTI
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Good Afternoon. I’m here to give a talk about Designing for Flow.

Designing For Flow Designing For Flow Presentation Transcript

  • Designing for Flow BRUNO FIGUEIREDO hoppiness
  • Who am I?
  • Architect by education as in buildings
  • Interaction Designer by choice
  • Leandro’s World Tour & RC Fotos Between Lisbon and London
  • Fighting Static PanchoWatkins
  • Led by the gaming industry
  • More than enough power b d solis
  • Ajax helped a lot
  • blakespot Early adopters will use anything
  • Matt Stafford Seniors lead growth 15% 2000 2006
  • Most apps are still static
  • Mimic real life tools purpleslog
  • Teleportation is Scary
  • Nesting doll
  • Slideshows are not OK
  • enviziondotnet Stop the Ping Pong
  • celerrimus Landing on the unknown
  • Cheo70 Context of the trip is lost
  • Shadows fool you
  • Natural User Interfaces Microsoft
  • Abstract Real User Interfaces Natural User Interface Command Line Flow Applications Graphical User Interface
  • Time The Problem State 1 State 2 USER SYSTEM Control Selection Action is Performed Data is ready Server fetches data Output
  • Adding flow gocarts
  • Patrick J. Lynch Understanding how we work
  • Mark Erickson 1% of our Retina 100% Visual Acuity The fovea
  • Like a Flashlight in the Dark lrargerich
  • specialkrb How we see
  • specialkrb How we see
  • 50 miliseconds rcoster
  • Apple Rapid Serial Visual Presentation
  • Animating
  • Change
  • Movement
  • Size
  • You can only see so much SolYoung
  • Don’t overdo it too much emphasys = no emphasys at all
    • Enhanced system visibility
    • Easier to pinpoint errors
    • Easier to complete complex tasks
    • Enhanced findability
    • Increased task performance
    • Lower frustration levels
    Benefits
  • Examples of flow mandj98
  • Sung Sook Shopping Cart
  • Traditional
  • Quantity: 3 Web Design - Estrutura, Concepção e Produção de sites Web 2ª Edição Actualizada e Aumentada   Author: Bruno Figueiredo ISBN: 972-722-433-4 Pages: 300 Size: 17,0 x 24,0 cm Price: 25,00 Euros Shopping Basket EMPTY Add to Basket
  • Quantity: 3 Web Design - Estrutura, Concepção e Produção de sites Web 2ª Edição Actualizada e Aumentada   Author: Bruno Figueiredo ISBN: 972-722-433-4 Pages: 300 Size: 17,0 x 24,0 cm Price: 25,00 Euros Shopping Basket 3 Web Design - Estrutura, Concepção e Produção de sites Web Bruno Figueiredo Price: 75,00 Euros Subtotal: 75,00 Euros Add to Basket
  • Change
  • Quantity: 3 Web Design - Estrutura, Concepção e Produção de sites Web 2ª Edição Actualizada e Aumentada   Author: Bruno Figueiredo ISBN: 972-722-433-4 Pages: 300 Size: 17,0 x 24,0 cm Price: 25,00 Euros Shopping Basket EMPTY Add to Basket
  • Quantity: 3 Web Design - Estrutura, Concepção e Produção de sites Web 2ª Edição Actualizada e Aumentada   Author: Bruno Figueiredo ISBN: 972-722-433-4 Pages: 300 Size: 17,0 x 24,0 cm Price: 25,00 Euros Shopping Basket 3 Web Design - Estrutura, Concepção e Produção de sites Web Bruno Figueiredo Price: 75,00 Euros Subtotal: 75,00 Euros Add to Basket
  • Change + Movement
  • Quantity: 3 Web Design - Estrutura, Concepção e Produção de sites Web 2ª Edição Actualizada e Aumentada   Author: Bruno Figueiredo ISBN: 972-722-433-4 Pages: 300 Size: 17,0 x 24,0 cm Price: 25,00 Euros Shopping Basket EMPTY Add to Basket
  • Web Design - Estrutura, Concepção e Produção de sites Web 2ª Edição Actualizada e Aumentada   Author: Bruno Figueiredo ISBN: 972-722-433-4 Pages: 300 Size: 17,0 x 24,0 cm Price: 25,00 Euros Quantity: 3 Shopping Basket 3 Add to Basket 3 Web Design - Estrutura, Concepção e Produção de sites Web Bruno Figueiredo Price: 75,00 Euros Subtotal: 75,00 Euros
  • Bookshelf chotda
  • Web Design - Estrutura, Concepção e Produção de sites Web 2ª Edição Actualizada e Aumentada   Author: Bruno Figueiredo ISBN: 972-722-433-4 Pages: 300 Size: 17,0 x 24,0 cm 3 X
  • Web Design - Estrutura, Concepção e Produção de sites Web 2ª Edição Actualizada e Aumentada   Author: Bruno Figueiredo ISBN: 972-722-433-4 Pages: 300 Size: 17,0 x 24,0 cm 3 X
  • Change + Size
  • Sieve Indigo Goat
  • Flash CS3 Definitive Guide Michael Norris Photoshop CS3 Hands On Jane Wilbur Web Design Bruno Figueiredo PHP Quick Reference Tom Coates Illustrator CS3 Anna Stevenson ASP.net Quick Reference Joanna Geddes Python Hands-on Brian Thomas Show Only Books: Design
  • Flash CS3 Definitive Guide Michael Norris Photoshop CS3 Hands On Jane Wilbur Web Design Bruno Figueiredo Illustrator CS3 Anna Stevenson Show Only Books: Design PHP Quick Reference Tom Coates ASP.net Quick Reference Joanna Geddes Python Hands-on Brian Thomas
  • Flash CS3 Definitive Guide Michael Norris Photoshop CS3 Hands On Jane Wilbur Web Design Bruno Figueiredo Illustrator CS3 Anna Stevenson Show Only Books: Design
  • Change + Movement
    • Map out actions to real examples
    • Smooth transitions between states
    • Use subtle animations
    • Stay within view
    • Animate with change, movement and size
    • One thing at a time
    • Don’t overdo it
    Wrap up
  • Questions?
  • [email_address] Thank you hoppiness All pictures are CC from Flickr and the author’s name is on the lower right