Where UX design starts in web design? (Hint – It’s not what you think)

20 May, 2017

web UX design Dubai

If you are in the domain of web design, you would know that user experience has to be thought out way before even drawing the design.

Where UX design starts? Of course, at the implementation level of web design! Wrong. It starts much earlier than you have ever expected. If you are in the domain of web designing, you would know that user experience has to be thought out way before even drawing the design on a piece of paper.

Jesse James Garrett, a celebrated writer, and interface developer have given a framework of UX design (from start to finish). Let’s have a closer look at the framework.

Framework of UX design

UX framework

No matter what website you build for whatever industry, using this framework would certainly help. It’s like an outline to the website designers who have just been starting out.

  • Strategy: Here user experience starts. At a strategy level, the business understands what sort of user experience they want to create for their target segment. And here the business decides what kind of value/services they want to offer to its users.


  • Scope: This is the second point of the five point Once the strategy is in place, everything remains vague to the team. Scope clears the air and puts requirements in place. The scope will decide the resource constraints, what user experience would be affordable for the business, what services they can offer within the budgetary constraints, what features of the website should be included and more.


  • Structure: Once the requirements are in place, it’s time to give all the pieces a solid structure. At this stage, the designers would decide how to put the entire piece into a coherent structure and go further.


  • Skeleton: This is the fourth stage. At this stage, the components of the website are built so that the users can use the website.


  • Surface: The surface is the final product (the website which is live). This would be the website where the users would start to use it and get all the benefits of using the site.

So this is the framework of user experience. In practicality, it’s much more vast and detailed.

The concept of design squiggle

Design Squiggle - First & Last 1


From the above framework, we can understand where the user experience actually starts. But we need to dig deep and get specific.

So, in this section, let’s have a look at a different concept called “design squiggle” through which we would be able to understand where the user experience actually starts off. According to this concept, before launching the website, the designers, business owners, evangelists sit together and decide about how to go from “uncertainty” to “focus” stage of a business. The “focus” stage is where the design would be implemented and the business would be launched.


Between “uncertainty” and “focus”, there are three steps –

Design Squiggle - 3 steps 1

  • Research: In the research we would get the idea about how we can transform ideas into “prototypes”. What types of models should we invest into and how the whole thing will work! In this research phase, the designers need to get informed about how to give the maximum benefits (usability) to the users. Here user experience starts in any project.


  • Prototype: Once the research is done and decided upon what would be offered as user experience, it’s time to build a prototype which will help the designers understand if what they are looking for and what they are implementing is in sync. In “prototype” stage, the business owner is asked to look into the “model design” that has been created. And then business owner mentions the changes (if any) at this stage. And then prototype building goes on for a while until the business owner gives the green signal.


  • Design: Once the “prototype” is being confirmed, the designer implements what is being asked by the business owner! At this stage design is implemented and the business is being launched (if the internal team is being working on the designs).

Understanding this is important as user experience is one of the most important things of building website and business. If the users don’t find the website usable; or if the surface becomes too hard for them to use; then the website won’t be able to convert users into customers for business.

Why you need to define the user experience before anything else?

Here’s a quote that would help you see what we are trying to articulate –

“Can something exist before it is being built? Yes, of course. Actually nothing can be built until it is finished beforehand.”

This is a saying of a remarkable business philosopher Jim Rohn. But here’s the context that would be useful. Without first knowing the exact user experience for your users, it would be impossible for you to create a website that would convert.

Dan Brown, co-founder of EightShapes mentions that user experience is not an end of the means. Rather it’s a process, an on-going effort and it begins to make sense once you are clear on what you would like to accomplish.

Where UX ends? (or does it end ever?)

User experience is one area of web designing which never ends. Once you implement the first design, you need to take the feedback from the users about how user-friendly the design really is. If it’s extra-ordinary, you would stick to it.

However, in most cases, it needs two to three rounds of re-implementation which makes things right. Users are the king. And your job as website designer or business owner is to make them feel top of the world. If not, they will find another website which would create better experience for them.

back to top arrow