Ideal Process of UX Before Wireframing

As we all know, professional teams & agencies has more than one person enrolled in any creative project. The key members are mainly the creative director, art director, senior UX designer, concept designer, UI designer &  product lead designer.

Once the big idea is released, the UX designer must draw the map & work flow structure of the website, iPhone app, etc..

Before wire framing, lot of things must be taken into consideration:


User-Centred Design

User-centered design (UCD) is a type of user interface design and a process in which the needs, wants, and limitations of end users of product are given extensive attention at each stage of the design process.

Key elements of UCD, as per W3C Standards are:





Why using UCD & what questions does it answer?

(as per wikipedia)

UCD answers questions about users and their tasks and goals, then uses the findings to make decisions about development and design. UCD of a web site, for instance, seeks to answer the following questions:

  • Who are the users of the document?
  • What are the users’ tasks and goals?
  • What are the users’ experience levels with the document, and documents like it?
  • What functions do the users need from the document?
  • What information might the users need, and in what form do they need it?
  • How do users think the document should work?
  • What are the extreme environment?
  • Is the user multitasking?
  • Does the interface utilize different inputs modes such as touching, spoken, gestures, or orientation?

After collecting the essential requirements, the UX designer will exactly know how to put forms & layouts together, targeting the exact users, your clients ask you for. The above applies for any design inquiries.

Now after this stage, you must start prototyping using wireframe tools like these from Smashing Magazine.

And here comes the role of the UI designer, to prepare the visuals (Design on Photoshop) applying the rules created by the UX designer earlier.

I recommend these excellent wireframing resources to you:

Share your UX process of designing any creative project.

Thanks for reading.



About Mikha

Creative User Interface & Experience Designer

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: