1.
Customizable social sites<br />Lessons learned and questions unanswered<br />

2.
What is this presentation about?<br />A look at the current best practices<br />What I’m currently working on<br />Things to take into consideration (aka lessons learned)<br />Discussion<br />

3.
Current best practices<br />Microblogs<br />Blogs + social networks <br />

4.
Flavors.me – simple styling<br />

5.
All about styling<br />

6.
Tumblr.com – beautiful themes<br />

7.
typepad.com – photo colour generator<br />

8.
typepad.com – simple action = great result<br />

9.
Lessons from microblogs<br />Editor can be placed where-ever wanted<br />Give users the ‘feeling’ they are in control of the design<br />Blow them away with great pre-made styles<br />

10.
Myspace.com – editor on top<br />

11.
posterous.com – smallest of them all<br />

12.
Blogger.com – using templates<br />

13.
Blogger.com – customize template<br />

14.
tumblr.com – css, do it all yourself<br />

15.
Lessons from blogs + social networks<br />Editors preferable small and on top<br />Work with templates, make sure the defaults look great<br />Gradually allow users more control <br />Pick a template <br />customize template <br />edit css<br />

16.
Current work at Webjam<br />Focus on different user roles<br />Encourage users to customize themes<br />But keep them away from ongoing editing sessions<br />Make it a visual appealing ‘fun’ experience<br />

17.
webjam.com – editor framework<br />

18.
webjam.com – simple choices<br />

19.
webjam.com – make it visual<br />

20.
Complexity curve<br />The more flexibility you offer the more complex the interface of the editor becomes (the harder your usability test are going to be).<br />

21.
How to deal with complexity<br />Try to keep make your themes and customization options so good looking that users won’t request editing the site themselves. <br />

22.
6 guidelines for RIAs<br />Make It Direct <br />Keep It Lightweight<br />Stay on the Page<br />Provide an Invitation<br />Use Transitions<br />React Immediately<br />source: http://www.insideria.com/2009/09/50-most-usable-rias.html <br />

23.
Questions + discussion<br />sjors@webjam-ltd.com<br />http://svirsk.org<br />@sjors<br />More to read:http://uxmag.com/design/rich-internet-application-screen-design<br />