Stepping into usable web – the slider was presented at Experience Sharing event in January 2012. It was a small event with some smart IT professionals from Bangladesh. The event was fun and memorable. I took the chance of explaining what I feel about Usable Web, What a website should have? What steps we can follow to ensure usability and give rich experiences to the users?
I believe –
Website is not only a frame of images, links or texts anymore! A website should so usable not only for it’s visitors but also for machines too!
Elements of a Usable Web
The slider was divided into six main sections.
- Concentrate on User Goal
- Develop Information Architecture
- Make an Effective, Readable UI and accessible UI
- Semantic Markups
- Need for Speed (The Book)
- Make it social make it SE friendly
USER FIRST! CONCENTRATE ON USER GOAL
- Who will be visiting your website?
- What do you want them to do?
- What they will get from your website?
BECOME AND ARCHITECT! WORK ON INFORMATION ARCHITECTURE
- Content (List of all possible contents)
- Site Map Diagram (Page structure)
- Prototypes (Screen Design
Reference: Usability First
MAKE USABLE UI! WORK ON USER INTERFACE
- Converting wireframe and prototypes into ﬁnal design format
- Design for devices
- Design for accessibility
- Design for usability
- Design for Rich Experience
SEMANTICS! MEANINGFUL MARKUPS
- Your markup should not be alien codes
- Readable for devices
- Device and SE robot friendly
Reference: Dive Into HTML5
SPEED IT UP! ENSURE WEB PERFORMANCE
- A single second delay can loose you thousand of $$$$
- Don’t overload your website
- Use less HTTP calls
- Use modern techniques
- Load progressively
USER RICH TAGS! MAKE IT SOCIAL MEDIA AND SEARCH ENGINE FREIDNLY
- Emphasise on Rich Contents
- Use Microdata