A Brand New Responsive User Interface

We kept you waiting long! We apologies for that! We all were busy with our new web design company SME Developers. It is going great and already has developed quite a few projects for some great clients.

I am Website Developer was kept aside for few months. We had seen visitors are browsing the website from different locations around the world. Very interestingly most of them are coming from Search Engines! Close to 1000 page views and 700 unique visits each month. Bounce rate was really poor, close to 89%. After hovering these analytical data I thought if people are coming into the site and bouncing back to exit; it means this current website is not enough to keep visitors engaging with the contents. I researched even more on website performance, loading time, usability and overall UI design aspects for the existing site. It turned out to be this website is running below average quality in the blogging industry! Sorry to say that but it’s true.

What was the problem with this blog?

Lack of continuity, poor coding structure on backend, heavy images, poor loading time and articles were not readable at all. Among all these problem lack of continuity was the worst killer! In-fact this can be defined as the main cause which is making this blog unsuccessful.

It had all the elements a blog should have. Social Icons, Share Bars, A Good Commenting system using Disqus, Related Post plugins, Caching plugin, All in One SEO plugins and many others to make the blog perfect. But I was wrong.

While I was working on my other projects like In Quest of Music, SME Developers website using WordPress; I have seen optimized website is one of the key to better usability and user experiences. If your website can ensure a better readability in terms of design and if you can ensure optimal loading time with proper accessibility, your website will be more engaging.

Steps Taken for better User Experiences

Better Typography

You are using the beta version of new IAMWD User Interface. How is it? Can you read it things well? Typography has been given the most priority in this new UI. You will see the content area is the most focused segment here. Every anchor link is identical here. You know those light blue texts are links.

Responsive User-Interface

This website is responsive to browser size. Using 1140 CSS mobile grid system IAMWD can be seen on any smart-phones. We don’t have to use any mobile plugin for wordpress like wpmobile. Type http://iamwebsitedeveloper.com/ on your mobile browser and see what happens. It should fit itself according to your browser size. The current web layout is also well accessible in all browsers with almost same view

Responsive User Interface

Blazing Fast

Yes it is! We tried to keep the coding structure at its finest form and still improving it’s inner structure. The old site was taking 7.80 sec on it’s first load. This new user interface loads within 2 seconds and we are quite sure it will taken less time in future. 

YSlow test

We know we can get even better loading speed after we optimize those JavaScripts too.

Semantic Coding structure

This new layout and it’s prototype is following semantic coding rules for rich browsing experiences. Elements like rel=”author” rel=”me” for social share authorship, OpenGraph markup is on header for social share both on Facebook and Google +

Better Articles for web developers

We are thinking to introduce some new faces in IAMWD. We will like to launch a campaign within article writers to submit there articles on different web related topics, both paid and niche blogging. Credits will be given to each writers and best article contributor will get $15 as a price money. Ya I know very less! but hey just for fun and contributing within a social writing. It will be fun. If any one of you are interested for group blogging please write on our Facebook Page.

No related posts.