The future of social interface design

Transcript

1. The future of social app
   interface design
   Alvin Woon
   Plurk, Design lead
   Saturday, 12 January, 13
   

   View Slide

2. Adaptive UI (AUI)
   serving different set of content to different type of users
   based on cognitive styles, usage context, click patterns
   and analytic data
   Saturday, 12 January, 13
   

   View Slide

3. Adaptive UI can
   • improve data relevancy, interestingness and
   freshness
   increased accuracy lead to better user
   satisfaction.
   adjusts dynamically to fit the user profile and
   usage context
   Saturday, 12 January, 13
   

   View Slide

4. Saturday, 12 January, 13
   

   View Slide

5. Saturday, 12 January, 13
   

   View Slide

6. Saturday, 12 January, 13
   

   View Slide

7. Saturday, 12 January, 13
   

   View Slide

8. Saturday, 12 January, 13
   

   View Slide

9. • cognitive style is not set in stone at all times.
   User behavior changes. Coupled that with
   unreliable demographic data, it may
   lead you to an incorrect analysis.
   can be embarrassing if prediction is inaccurate.
   require intensive testing on UI. One bug in UI
   but to what extent should the UI be
   adaptive?
   Saturday, 12 January, 13
   

   View Slide

10. i18n-proof interface
    internationalization and localization and their impact on
    UI design.
    Saturday, 12 January, 13
    

    View Slide

11. Why it's important?
    - traffic/more diverse userbase
    (no more traffic dive on US holidays >_< )
    - because not everyone speaks our language
    - inherent beauty of the web, low barrier of entry
    - warm fuzzy feeling
    Saturday, 12 January, 13
    

    View Slide

12. Impact of i18n on UI design
    1.css image replacement? bye
    2.shiny image buttons with shopped font? bye
    3.fixed size graphic elements? bye
    Q: what's the difference between English and
    Hebrew/Arabic, and Japanese, Chinese?
    Saturday, 12 January, 13
    

    View Slide

13. More interesting headaches...
    1.some languages read from right to left
    (Arabic, Hebrew)
    2.some languages are gender specific (male
    and female speak differently)
    3.Japanese word order is Subject-Object-Verb
    4.the same language can have different dialect
    and compositions of characters (chinese
    traditional/cantonese/simplified)
    Saturday, 12 January, 13
    

    View Slide

14. Saturday, 12 January, 13
    

    View Slide

15. Saturday, 12 January, 13
    

    View Slide

16. Saturday, 12 January, 13
    

    View Slide

17. Saturday, 12 January, 13
    

    View Slide

18. Saturday, 12 January, 13
    

    View Slide

19. Geo-feature
    adapting location based feature into your social UI
    Saturday, 12 January, 13
    

    View Slide

20. Geo-features UI
    - complement well with i18n and mobile/wifi technologies
    - greatly improve data relevancy
    - not only for dating/traveling social sites anymore. video
    sharing, restaurant reviews, book swapping site.
    Saturday, 12 January, 13
    

    View Slide

21. 
    Geo feature != Maps
    Saturday, 12 January, 13
    

    View Slide

22. Saturday, 12 January, 13
    

    View Slide

23. Geo-features in the context of
    social web application is....
    displaying relevant information based on the
    grouping of subjects from the same location.
    Distance proximity doesnt matter much here. You are
    working on a social site, not an informational/mapping
    site.
    Show big avatars of interesting people from the same
    location as me.
    Display it in the layout that fits your current design. Don't
    deviate 180 degree from your design just because you
    have to fit in a map.
    Saturday, 12 January, 13
    

    View Slide

24. Saturday, 12 January, 13
    

    View Slide

25. User-centred design
    limitation of UCD/HCD on designing for social web and
    emergence of alternative design philosophies
    Saturday, 12 January, 13
    

    View Slide

26. UCD goodies
    - Understanding the needs of users helps
    humanize the process and keeps your project in
    check with their goals.
    - UCD methods such as card-sorting,
    ethnography, focus group, paper prototyping are
    widely used to minimize guesswork and help us
    understand user's cognitive style.
    - make it easier for user to recover from mistakes.
    Saturday, 12 January, 13
    

    View Slide

27. The bad
    - focus upon individual people (or groups) might
    improve things for them at the cost of making it
    worse for others.
    - User research is expensive, unreliable and time
    consuming
    - does not go well agile development style
    - lead to design tendency that tries to fix human
    mistakes, instead of trying to let user accomplish
    a task.
    Saturday, 12 January, 13
    

    View Slide

28. ZOMG, are you saying
    users are not important?!
    Saturday, 12 January, 13
    

    View Slide

29. Then come Activity
    Centred Design
    - activity has purpose. user has behavior.
    Purpose is more predictable than behavior.
    - UI evolves over time to facilitate user activity.
    Do iterations with the help of analytic and
    cognitive data from users.
    - active observation vs passive observation
    - solve problems instead of user mistakes
    Saturday, 12 January, 13
    

    View Slide

30. End =)
    questions?
    Saturday, 12 January, 13
    

    View Slide