Skip to main content

Role of a UI Designer

When people ask me what do I do? I try to explain them in all sorts of manner to impress and be proud of something great I do. And they accept me as a photoshop designer... phew!! It is so difficult to make them understand the myriad capacity of a Designer. The Design process is crucial to be followed as each step adds quality to the final output.

Mainly the Product Development Life cycle has 4 phases:
Discover, Design, Develop and Deliver.
Although as the name suggests, the involvement of a UI designer is not only in the Design Stage but also expected in the Discovery Stage. Lets take a brief understanding.

Step1: Understanding

UI Designer needs to work closely with a cross-functional team that includes product development, business analysis, quality assurance and marketing teams to provide his experience in creating elegant UI.

Customer Touch Point Analysis

A Graphic Designer, is not expected to have in-depth knowledge of Usability, hence he is not involved in the discussion.

Step2: Wireframing

Once the UI team receives the Product Requirement Document, they study them to make a low fidelity Wireframe(Experience in tools like Balsamiq, Axure or even a sketch on white board).

Rough Sketch Wireframe

Wireframe is the backbone of the Interface. It is important to adhere in there
  • the main groups of content (what?) 
  • the structure of information (where?) 
  • a description and basic visualization of the user – interface interaction (how?) 

The fastest way to get something out of our heads is to grab a pen and a sheet of paper and quickly sketch it out.


Step3: Prototyping & Designing

These wireframes are approved and detailed pixel perfect UIs and interactive Prototypes are created then. Focusing on usability the team need to leverage rapid prototypes.

Here the Graphic/Web Designer(Experience with InDesign, Photoshop, Illustrator)'s role is crucial. He needs to create color palettes, set Grid Layout, choose the right typography, create detailed iconography and deliver the design with final production assets.

Wireframe to Prototype


Many a times the Project Manager pushes to follow the Use Case. But there is a need to understand that at times part of use case may fail. A UI expert is expected to understand when to tweak the laws.

Step4: GUI documentation

The UI designer needs to make a Design Guideline / GUI document simultaneously for maintaining
consistency of design. It may contain more or less the following:
  • Language /Tone Style
    • Mission, vision, and value proposition
    • Target audience description and persona
    • Brand attributes
    • spelling and punctuation, numbers, capitalization, lists
  • Visual Style
    • Logo: colors, minimum size, clear space
    • Fonts
    • Service description and tagline
    • Brand vocabulary
    • Web elements: color, size, style

Logo and UI Guideline

The visual design specifications need to be documented for project managers, programmers to refer on timely basis. 

Step5: Front-end Development

The UI developers (Fluent in UI modeling tools like Adobe Suite and Languages like HTML/CSS/Jquery) work with the development team to implement front-end design into actual code.

Developer's job done easy
  

Step6: UI Testing

UI designer also does the usability testing through direct observation and A/B testing.

If you’re the stereotypical “technical” or “business” founder of a startup, partnering with a designer co-founder can give you an important advantage and help you achieve early success.

Source: designerfounders.com also designstaff

Popular posts from this blog

Being Critical and Comparative about my ride

I don't want to sound too critical.. But am just wondering if any1 out there in city of Mumbai, face the menace of this black rushing cockroach... the auto rickshaw. (Spare me if I did!)
No doubt, its the quickest was to reach in the nick of the time to your office..your home..a function.. when there is no public transport! The problem is.. there are more issues to travelling by an auto then there are advantages!
First of all, its next to impossible to get an empty auto in the city of mumbai and if you still manage to plead a driver with your innocent looks you should think thats an angel hailed from heaven on a god-forbid road.

Kshamapna: Forgiveness

The 8days Jain festival called "Paryushan" has a very thoughtful message to give. It inspires you to forgive and forget the past grievances. "Michhami Dukkadam" is what you tell everyone, not only humans but every single soul in the universe. It is a prakrit phrase meaning 'to be forgiven' or 'may all evil that has been done be forgiven'.


Why do we forgive some one?
1. Because he can be harmful
2. Because you owe him
3. Because of some religious reason like God says we must forgive and forget
4. Because that is what you call as dignity
There can be many reasons. Be it. But the calmness you feel after forgiving wholeheartedly is inexpressible. Like we bath daily... our soul should also be cleaned at-least on a yearly basis!




As humans we tend to have some or the other feel of grievances, hatred, enmity, jealousy etc towards others. Slowly & gradually this ill feelings give rise to feelings of revenge which ultimately is a destructive process &…

Female Infanticides In India

It was an usual morning for a farmer in south India. While he was on his way towards his farm some villagers had gathered near a corner. "There is a child buried in here", said one of them. They dug the ground to find, one day old baby girl struggling for life and breath. He soon took the child to the hospital and informed Mrs. Sandhya.

Sandhyaji has been taking care of Arti Childrens' home. She is a well educated wise angel for these abandoned babies. In her opinion the villagers don't understand the importance of a girl child. Ever since the ultrasonography technology has been introduced it has emerged as a murderer for the female child. In 2007, a village in Andrapradesh protested for a cruel act the clinics had performed.