Well today I am going to talk about university websites in Pakistan. Today I am going to look at websites for three top (from my view) universities in Pakistan: NED University, FAST NU and LUMS

Before I start here are some screenshots of all three:

 

 

OK this is where I have a problem: all of these sites look like a 12 year old designed them! Don’t get me wrong, I know a lot of talented designers in Pakistan and being a university in this day and age, your site does matter. 

I spent 30 minutes on each site to find some information and at the end just gave up. The amount of grammatical errors, visual errors and layout issues just turned me off completely. 

There are so many things that I want to change on these sites that it will take me forever to list them all there. I will be doing a separate post for each of the site in coming days. BUT I also wanted to take this chance to openly challenge the talented designer in Pakistan to come forward and create a mock-frontpage for any one of these universities. Are you up for the challenge?

This article was posted on Green&White as a guest post on World Usability Day. Enjoy!

“Usability rules the Web. Simply stated, if the customer can’t find a project, then he or she will not buy it. The Web is the ultimate customer-empowering environment. He or she who clicks the mouse gets to decide everything. It is so easy to go elsewhere; all the competitors in the world are but a mouse click away.” – Jakob Neilsen

Over the past few years, Rich Internet Applications (RIA) have really taken the web by storm. We all are using at least one web application which can be classified as RIA. While this transition has created some really neat and nifty applications — it has also broken the traditional web application model that users were familiar with. 

If you are a Yahoo Mail or Hotmail user, you might have noticed a big change in your mailbox recently. The new and improved User Interface tries to provide an easy to use and “outlook” like interface.  While all these new techniques under RIA are a good step forward, it also creates a big problem. Creating clean and effective user interfaces just got harder.  

Today being the World Usability Day, I thought it would be worth going through some usability issues and techniques that web developers should be aware of. 

User-Centered Design (UCD): 

Your application design should revolve around your user. No surprise here. UCD is a standard approach for RIA’s since most of the content in these applications is generated by users, it has to be revolving around the user himself.

Readability:

Making sure that your content is readable and understandable. This means that your headings for various different sections on your site, navigation, controls should be understandable. Readability is not legibility. So making your text pretty does not mean its readable.

Physical Consistency:

Your website should appear the same consistently. If you keep changing the layout from page-to-page, the user has to relearn and you loose them.

Graceful Degradation:

While Javascript and Flash are awesome tools to use, be prepared to provide an alternate option to your users who either don’t have flash or have disabled javascript. If your application cannot work without underlying technologies then be prepared to provide a clear and clean message indicating why they are not able to use the feature. 

Cliffhanger-Effect:

Also known as Zeigarnik-Effect was found by Bluma W. Zeigarnik in 1927. The effect establishes an emotional connection with readers and is extremely effective in terms of marketing. The effect creates a suspense in users mind about certain event. You might be using it when you are reading an article and at the end it says: “Subscribe to our feed for the next part”. This creates an emotional suspense in users mind which makes them remember your site more prominently. 

Banner Blindness:

As a web user we are bombarded by different ads all the time. We learn to ignore them. Our brain learns the basic characteristics of an advertisements and makes it really easy for us to ignore parts of a webpage that look like an advertisement. When I first visited KarachiSnob.com — I closed the site down in less than 2 seconds because I thought I had reached a “parked domain” with ads on it. The content must not confuse the user by looking like an advertisement.

Shneiderman’s “Eight Golden Rules of Interface Design”:

You can improve usability of an application by following these 8 golden rules. (Source)

  1. Strive for consistency
  2. Enable frequent users to use shortcuts
  3. Offer informative feedback
  4. Design dialog to yeild closure
  5. Offer simple error handling
  6. Permit easy reversal of actions
  7. Support internal locus of control
  8. Reduce short-term memory load
3 Click Rule:
One of the most important rules to remember while creating a user interface. If the user does not find the information they are looking for in 3 clicks than they will stop using your application. The number of clicks in this rule isn’t that important; what is really important is that visitors should always know where they are, where they were and where are they going next. 
Why should we care about these rules?
As more and more web applications emerge in Pakistan, it is important that we put on our usability hat to create better systems. Over the past 1 year or so I have seen many create web applications that seem to totally ignore usability. Lets make an effort to think about how you can improve the usability of your application so that user spends the maximum time on your application and generates the maximum revenue.
References:

Rozee.pkToday I am going to kick start a new series on this blog. Its called “What’s Wrong With:”. In these posts I will be taking a look at a website (preferably Pakistani website) and give my 1 rupee worth of analysis on what are the good parts and the bad parts of that website.

My first target is Rozee.pk. Rozee has been a very successful job portal in Pakistan. I like to think of them as Monster.com of Pakistan. They are the place to go for job search. However, when I visited the site, I felt like a huge chunk of data was just thrown at me. I have taken a screenshot of the whole webpage. The page has a height of 2500px — that is ridiculous! 

I have marked the image with few numbers (the awesome paint skills) which I would like to touch upon:

  1. What’s with the side banner? I never understood why the heck do they have a side banner. It not only looks ugly, it is completely useless. Complete waste of space. 
  2. All this wasted space on the sides. Main content has a width of 776px which does not include that side banner. I would prefer that the site used flex width layout. That will not only make it look good on the new resolutions, it will also give more space for content.
  3. Do I really care about all your top employers? Talk about wasting prime real estate. The list is huge! It takes the prime spot and conveys nothing to me. Yes all these top companies are hiring but really what does that tell me? Rozee should’ve listed a top 10 employers list in a carousel fashion with an option to see “more” if I needed to. 
  4. Hot jobs are not so hot. So the next piece of wasted real estate is taken up by “Hot Jobs” section. Again too much information cramped up into a small area and on top of that it tells me nothing about the job itself. The title for most jobs is cutting out and its very easy to ignore.
  5. Recent Jobs. Ah, finally what I came to find on Rozee — JOBS! This list should be at the top of the site since these are the most recent jobs and most people looking for jobs are always checking your site day-after-day, this is the section that they are interested in. Which are the recent jobs that they can target.
  6. Localize options. It is beyond my understanding why this little feature is sandwiched between everything else. This should be at the top of the site so that the user can easily customize the location on the whole site and everything else around me should be sensitive to this. 
That was a long list. Overall Rozee seems to be doing a good job. I have been browsing around jobs on the site and it has a lot of them. It being the only major player in this field. 
 
How can they improve it?
 
They need to create specific “activity centers” which will allow their users to be classified in different categories. For starters the two main type of users coming to Rozee.pk would be Work and Schools. People who are in universities/college/school would be looking for job and people who are already in the workforce would also be looking for a job. These two categories will provide a starting point to more targeted job advertisements. 
They need to improve the UI layout. As always, the key thing in all UI designs is to keep it simple stupid (KISS). A rule that we should never forget. 

 


Alright this post is not to generalize a trend but it is my personal vent. (that’s what this blog is for isn’t it?) 

GreenWhite has been doing an excellent job of introducing us to a wealth of startups from Pakistan. I have been amazed at the passion of these startups and I know that the market is big enough for them to survive if they plan correctly. But one thing that has been bugging me for a while is the lack of proper User Interface design for these services. 

Seriously, here is a list of few startups recently mentioned on GreenWhite and check out their UI. 

These are just few examples from the recent posts at GreenWhite. 
My advice to all these startups is simple: think of your users, make your site simple to use and learn from a thousand and one resources available online. OR better yet send me an email to review your site before you launch. I would be more than happy to give you my personal opinion on your user interface for FREE!
Also, I think it is very easy to igonore the user but really almost all of these startups depend heavily on their users as they are the driving force behind their success. So do pay attention to them.
If I get chance, inshaAllah, I will post a review of a few sites and how the user interface can be improved.