Customizable social sites<br />Lessons learned and questions unanswered<br />
What is this presentation about?<br />A look at the current best practices<br />What I’m currently working on<br />Things ...
Current best practices<br />Microblogs<br />Blogs + social networks <br />
Flavors.me – simple styling<br />
All about styling<br />
Tumblr.com – beautiful themes<br />
typepad.com – photo colour generator<br />
typepad.com – simple action = great result<br />
Lessons from microblogs<br />Editor can be placed where-ever wanted<br />Give users the ‘feeling’ they are in control of t...
Myspace.com – editor on top<br />
posterous.com – smallest of them all<br />
Blogger.com – using templates<br />
Blogger.com – customize template<br />
tumblr.com – css, do it all yourself<br />
Lessons from blogs + social networks<br />Editors preferable small and on top<br />Work with templates, make sure the defa...
Current work at Webjam<br />Focus on different user roles<br />Encourage users to customize themes<br />But keep them away...
webjam.com – editor framework<br />
webjam.com – simple choices<br />
webjam.com – make it visual<br />
Complexity curve<br />The more flexibility you offer the more complex the interface of the editor becomes (the harder your...
How to deal with complexity<br />Try to keep make your themes and customization options so good looking that users won’t r...
6 guidelines for RIAs<br />Make It Direct <br />Keep It Lightweight<br />Stay on the Page<br />Provide an Invitation<br />...
Questions + discussion<br />sjors@webjam-ltd.com<br />http://svirsk.org<br />@sjors<br />More to read:http://uxmag.com/des...
Upcoming SlideShare
Loading in...5
×

Customisable sites

2,638

Published on

Since Geocities made it easy to publish and build websites online editors have come a long way. The capability of tuning your own site contributed both to the rise and fall of Myspace. After Myspace it seemed for a while that allowing your users to customize any design was not done, but slowly we see the market recover and a willingness to experiment with new kinds of style editors is growing. In this article I will try to describe some trends that are going on which can help you to pick the right editor for your next project.

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,638
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
5
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Customisable sites

  1. 1. Customizable social sites<br />Lessons learned and questions unanswered<br />
  2. 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. 3. Current best practices<br />Microblogs<br />Blogs + social networks <br />
  4. 4. Flavors.me – simple styling<br />
  5. 5. All about styling<br />
  6. 6. Tumblr.com – beautiful themes<br />
  7. 7. typepad.com – photo colour generator<br />
  8. 8. typepad.com – simple action = great result<br />
  9. 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. 10. Myspace.com – editor on top<br />
  11. 11. posterous.com – smallest of them all<br />
  12. 12. Blogger.com – using templates<br />
  13. 13. Blogger.com – customize template<br />
  14. 14. tumblr.com – css, do it all yourself<br />
  15. 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. 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. 17. webjam.com – editor framework<br />
  18. 18. webjam.com – simple choices<br />
  19. 19. webjam.com – make it visual<br />
  20. 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. 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. 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. 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 />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×