ThinkRooms is a application development studio at Bandung. We do application development based on web technology. Our services are develop application, PSD/PNG to HTML, and CMS template development. You can check our official website at http://www.thinkrooms.com
Catching Elephant is a theme by Andy Taylor
Five Useful CSS/jQuery Coding Techniques For More Dynamic Websites - Smashing Magazine
Interactivity can transform a dull static website into a dynamic tool that not only delights users but conveys information more effectively. In this post, we’ll walk through five different coding techniques that can be easily implemented on any website to provide a richer user experience.
The techniques will allow you to better display difficult content, help users find information more effectively and provide meaningful UI cues without overwhelming the user.
10 Usability Tips Based on Research Studies
Great usability tips from Six Revisions. It’s based on research studies so we can trust it should be effective to implement on your website. My favorites tips are:
- Place your important content on left side.
- Make your content easily readable.
- Whitespace of text affects readability.
- Small detail make a huge difference.
My favorites tips above already implemented on my ThinkRooms website. It’s should used when you design your new website for better usability.
Use 80-20 rule to increase your website effectiveness
Oleg Mokhov wrote a post at Six Revision about how the 80-20 rule can optimize your website and increase it’s effectiveness. It could help your website and increase conversion rate of your website.
Basically 80-20 rule is decrease the content of your website page to 20% to get the 80% result. Basically it’s still borrow the concept of KISS (Keep It Simple Stupid).
Don’t show empty page, redirect it to add action for better experience
I found many web apps including my own (yes, I did it too), that show empty page. Empty page doesn’t mean that it’s really empty without any content on the page. I mean, when we want to see the content list. For example our friends list in social network apps. Most apps show an empty friend list and a link or button to add content or in this example to invite friends.
This screen shoot below show custom post list page which I called “portfolio” and it show empty portfolio page.
User will click add new button if they want to add new portfolio in this website. But why we don’t redirect them directly to add new portfolio page and tell them that there is no portfolio in database yet and ask them to add one. I think it’s better because it’s cut one step to view the portfolio list and click the add new button.
I use this theory when design my web app for better user experience
Do not ask your user to view a page where only one choice available for them on that page.
I write this post to keep remind me for better web apps is a better user experience. I hope it’s also useful for you.
