Successfully reported this slideshow.

Customisable sites

2

Share

Upcoming SlideShare
Weblog Branding
Weblog Branding
Loading in …3
×
1 of 23
1 of 23

Customisable sites

2

Share

Download to read offline

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.

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.

More Related Content

Related Audiobooks

Free with a 14 day trial from Scribd

See all

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 />

×