$30 off During Our Annual Pro Sale. View Details »

The future of social interface design

alvinwoon
January 12, 2010

The future of social interface design

alvinwoon

January 12, 2010
Tweet

More Decks by alvinwoon

Other Decks in 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