SlideShare a Scribd company logo
1 of 23
Customizable social sites Lessons learned and questions unanswered
What is this presentation about? A look at the current best practices What I’m currently working on Things to take into consideration (aka lessons learned) Discussion
Current best practices Microblogs Blogs + social networks
Flavors.me – simple styling
All about styling
Tumblr.com – beautiful themes
typepad.com – photo colour generator
typepad.com – simple action = great result
Lessons from microblogs Editor can be placed where-ever wanted Give users the ‘feeling’ they are in control of the design Blow them away with great pre-made styles
Myspace.com – editor on top
posterous.com – smallest of them all
Blogger.com – using templates
Blogger.com – customize template
tumblr.com – css, do it all yourself
Lessons from blogs + social networks Editors preferable small and on top Work with templates, make sure the defaults look great Gradually allow users more control  Pick a template  customize template  edit css
Current work at Webjam Focus on different user roles Encourage users to customize themes But keep them away from ongoing editing sessions Make it a visual appealing ‘fun’ experience
webjam.com – editor framework
webjam.com – simple choices
webjam.com – make it visual
Complexity curve The more flexibility you offer the more complex the interface of the editor becomes (the harder your usability test are going to be).
How to deal with complexity Try to keep make your themes and customization options so good looking that users won’t request editing the site themselves.
6 guidelines for RIAs Make It Direct  Keep It Lightweight Stay on the Page Provide an Invitation Use Transitions React Immediately source: http://www.insideria.com/2009/09/50-most-usable-rias.html
Questions + discussion sjors@webjam-ltd.com http://svirsk.org @sjors More to read:http://uxmag.com/design/rich-internet-application-screen-design

More Related Content

More from Sjors Timmer

A room for understanding
A room for understandingA room for understanding
A room for understandingSjors Timmer
 
Design better forms
Design better formsDesign better forms
Design better formsSjors Timmer
 
Design better forms – UXBristol
Design better forms  – UXBristolDesign better forms  – UXBristol
Design better forms – UXBristolSjors Timmer
 
Exploring eternal questions through interaction design
Exploring eternal questions through interaction designExploring eternal questions through interaction design
Exploring eternal questions through interaction designSjors Timmer
 
Rem Koolhaas –designing the design process
Rem Koolhaas –designing the design processRem Koolhaas –designing the design process
Rem Koolhaas –designing the design processSjors Timmer
 
Design and complexity
Design and complexityDesign and complexity
Design and complexitySjors Timmer
 
15 startup tools to help you designing your startup
15 startup tools to help you designing your startup15 startup tools to help you designing your startup
15 startup tools to help you designing your startupSjors Timmer
 
Social Networks Sjors Timmer
Social Networks Sjors TimmerSocial Networks Sjors Timmer
Social Networks Sjors TimmerSjors Timmer
 
Design For Learning
Design For LearningDesign For Learning
Design For LearningSjors Timmer
 

More from Sjors Timmer (10)

A room for understanding
A room for understandingA room for understanding
A room for understanding
 
Design better forms
Design better formsDesign better forms
Design better forms
 
Design better forms – UXBristol
Design better forms  – UXBristolDesign better forms  – UXBristol
Design better forms – UXBristol
 
Exploring eternal questions through interaction design
Exploring eternal questions through interaction designExploring eternal questions through interaction design
Exploring eternal questions through interaction design
 
Rem Koolhaas –designing the design process
Rem Koolhaas –designing the design processRem Koolhaas –designing the design process
Rem Koolhaas –designing the design process
 
Design and complexity
Design and complexityDesign and complexity
Design and complexity
 
Future framing
Future framingFuture framing
Future framing
 
15 startup tools to help you designing your startup
15 startup tools to help you designing your startup15 startup tools to help you designing your startup
15 startup tools to help you designing your startup
 
Social Networks Sjors Timmer
Social Networks Sjors TimmerSocial Networks Sjors Timmer
Social Networks Sjors Timmer
 
Design For Learning
Design For LearningDesign For Learning
Design For Learning
 

Customisable sites