Customisable sites


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.

  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
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. – simple styling<br />
  5. 5. All about styling<br />
  6. 6. – beautiful themes<br />
  7. 7. – photo colour generator<br />
  8. 8. – 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. – editor on top<br />
  11. 11. – smallest of them all<br />
  12. 12. – using templates<br />
  13. 13. – customize template<br />
  14. 14. – 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. – editor framework<br />
  18. 18. – simple choices<br />
  19. 19. – 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: <br />
  23. 23. Questions + discussion<br /><br /><br />@sjors<br />More to read:<br />
  1. A particular slide catching your eye?

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