Sign in

a wireframe
a wireframe
Photo by Sigmund on Unsplash

We’ve finally gotten to prototyping, the task most people(including my parents) think is the whole UX job! At this point in the design process we’re combining the work we did in the previous sections, particularly the wireframes and sketches. These, in turn, were influenced by the information architecture and market analysis. This article is going to assume that you, the reader, know how to make a prototype using Figma, Adobe XD, Sketch, or some other UX/UI tool. Instead, I’ll be focusing on how to prototype can be given to various stakeholders. Final note, we’re also going to be going into…


an aerial shot of a marketplace
an aerial shot of a marketplace
Photo by Kazuo ota on Unsplash

“Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know.”

— Jakob’s Law, Laws of UX

Before a product can even begin to be conceptualized, there should be a need for it’s existence. By researching the market for similar solutions, designers can hone in on solving problems people are actually experiencing. Abraham Lincoln, the popular 16th President of the United States, is famously quoted in saying that if he had six hours to chop a tree, he’d spend four sharpening the…


A Set of Persona Templates
A Set of Persona Templates
A visually appealing, yet meaningless set of personas

“A persona is a fictional, yet realistic, description of a typical or target user of the product. A persona is an archetype instead of an actual living human, but personas should be described as if they were real people.”

Neilsen/Norman Group

Personas are very important UX tools that can guide a project from it’s early stages, straight through development and testing. These imaginary people should feel as tangible as a detailed Facebook profile, while containing relevant information on how this person would view the proposed product. While this may sound like a lot of work, proper execution leads to…


A paper wireframe of a website
A paper wireframe of a website
A paper wireframe of the website Arthentic Me

Responsiveness is the first and last step; it’s the thing I think about most when making website layouts. If the design doesn’t work on a specific screen, that break-point needs to be thoroughly examined. It is important to consider a mobile first approach, as more than 50% of internet users are on their phone.

The size and shape of the content should dictate how the information is laid out, once an information architecture map has been created. Wireframes should quickly lay out where things will be on the screen. Visual appeal should take a backseat to conveying the placement of…


Computer Science IA Map
Computer Science IA Map
An IA flow chart for a computer science assignment

Organizing Information

In essence, UX information architecture involves the creation of flow charts, which are iterated to perfect usability. IA is the important aspect of product design involving the mapping of what the user sees as they utilize the tool. I mostly focus on digital products, using my computer science background to structure digital content for an object oriented paradigm. Developer hand-offs are much easier when both teams have an easy way to visualize the structure of a proposed design.


“Drawing, I think, is an act of meditation. Because as you give it form and you draw it’s lines, and it’s textures, and then it’s colors, it sort of tells you what it wants to become.”

— Neri Oxman, MIT Media Labs Professor, Abstract: The Art of Design; 5:00

Storyboard of Animation
Storyboard of Animation
Storyboard Sketches of Animations on My Personal Site, Nikhil Designs

Sketching out ideas on paper can be one of the quickest, most convenient ways to communicate problems. When dealing with the world of product design; the faster a team is on the same page, the sooner an idea can be realized. While I enjoy my drawing tablet as much as the…

Nikhil Desai

I’m a Developer and Designer interested in future technology, music, culinary arts, and finding the best UX practices to design impactful experiences.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store