Friday, 25 December 2015

Testing the Design - Part I

What factors do you as a designer, as a user experience creator, as a tester, as a coder consider when thinking about the design and while creating it?

Here are some questions that can trigger us to think based on few factors listed below and which when considered can help us design better.


Placement is where you place different page elements on a webpage.
Where would you place some of the frequently used applications on your device? Why would you place it there?

- For ease of access.

- For Security - lock or unlock based on what you store in the application.
- Group relevant applications, page elements together.


Alignment is how you place the page elements on the webpage.
- Original or Inverted or Tilted

Why alignment is important?
- to share another perspective
- because it is relevant in a context
- to connect with your target audience
- to target a different set of users


- Font
- Font size
- Font color
- Font style
Do you have users with low vision?
How would you cater to their expectations from your application? Are you designing for the differently-abled?
As we learn which foreground color needs to be used to enhance visibility on a particular background color, this know-how can at times lead us to change a decision we already made, go ahead and take this risk initially.
Test under low light, bright light, natural and artificial light, move closer to the screen and move away from the screen and perform display and visibility testing.


- What you put in there, helps you win and retain the customers and keep them coming to your website rather than opt for your competitors website. 
- The content needs to be: legible, influential, a user can connect to it, can remember with ease and is not offensive.
- Remember while you make it fancy, it remains relevant to the theme of the website that you are building.
Consider you are designing a website which you wish to make accessible, interactive, functioning, responsive, reachable to all the users and is user friendly.

You are on the login page of a website designed for dancers entering dance competition.
You enter username and password and there is a submit button for user A and let's dance button for user B.

Which of these button's are appealing to you as a dancer? A or B
Do you as a user care?
Do we as creators care?

I leave you with these questions which can act as a trigger when you test for design on both web and mobile applications.

  • Share the prototype / model / wire-frame with the client, coder, tester. Test it and fix bugs reported during design cycle to reduce cost, time and effort.
  • Remember to note any missing design/s implementation/s and let the design team know.
  • Perform AB testing - compare, cater to the needs of the user and conclude.
  • Do not ignore designing for mobile along with web.
  • Choose interactive design every time. Because the design talks to the user even without a demo / guideline / manual on how-to use the application.
  • Read books, articles on design. Enhance your ability to assess a website for design. 
  • Experiment - Bring ideas from anywhere, remember nature is our best teacher.
  • Cater to the differently-abled users. Make it usable for majority of your users.
  • Design based on a theme, make the application interactive with every user message displayed. Success message: You have successfully registered for competition "XYZ". Break a leg!
  • Give only what is needed as part of the design. Address the spaces wisely.
  • Design the user guide / manual with the same theme. Let the website be a reflection of how a dancer breathes and thinks. 
  • Know who your users are.
  • Design for the user to navigate further and not logout if for example the entries are closed or if you are no longer accepting dancers for a competition. Help them with directions / signs which when clicked on lands the user in a list of entries which are accepting entries.