Skip to main content

Ineteraction Design Thinking Process before Getting to Prototyping

Before I introduce the interaction design thinking process, I prefer to point out two common mistakes firstly that may lead your interaction design into a dead-end.

1.Design just by imitating

I do not say that referring to good competing products is not right. As a reminder, I mean that if you begin to draw something on a prototyping tool“just by”imitating existed products rather than something in your mind, you are in fact getting yourself hopelessly trapped in a negative thinking set. Maybe someone you know got successful in this way, but believe me, the possibility that things could go wrong is far more overwhelming than the chance that you are the one.

2. Never look before leap

I often recall the time I became an interaction designer. I was young and full of creativity at that time. But as a senior designer, when I look back into the old days, I suddenly realize that something is not right. I had wasted too much time on the flow charts. It’s a natural weakness of human that if a man got a plan in his head, he cannot help to do it immediately. Unfortunately, an interaction designer is not only a flow chart producing machine. I’d like to admit that the flow charts that I draw without any design thinking process are eventually all dumped as rubbish.

 interaction design

Now, let us get to the point. What is a professional interaction design thinking before one actually starts prototyping?

1. If you miss the early-stage discuss about product requirement, please make it clear.


For example, once I was working on a project. It was very clear in the PRD that a news module should be added into the current product. The interesting part was that if I really made the module about news which I could nail in an hour, the product would fail. Luckily, I sniffed something else out of the PRD and I kept asking the PM for 3 mroe hour to dig out some other internal latency. Consequently, users would stay longer after using that product and be fed with more marketing information. The little “staying longer” in fact saved a another product line of my company at that time.

2. Even if the function list is there, please comb the information framework again.


 function list

Professionals never look down upon the information framework which is vital to construct the product structure. In this process, you will not only have a more thorough understanding of the logic relationship among the modules but also discover the latent connection among them. Nowadays, we can often see four modules in an App like they are stiffly tied together because the product lacks the structure design thinking process.

3. Control the rhythm of prototyping instead of being controlled by it.


prototyping

Some designers love to finish every details of the main interface in a row at the early stage of design (like drawing something that never will be modified). The fact is that he will just find himself lost if the proposal fails. Recent years, we change the way we do things. We only do the new functions and interface in prototyping without considering how it will be shown on a larger scale. Isn’t it the original goal of prototyping? That is, expressing your ideas with simple components in the design thinking process.

Comments

Popular posts from this blog

What are & How to Create Personas: Step-by-Step Guidelines of Everything

Before starting a product design, it is very important to know clearly the demands of users. Taking into account the needs of users can help determine how the product will fit the conventional requirements of users of different fields and ages and with unequal contexts, meanwhile to help the function design. Creating Personas is a good way to achieve this goal. Software development pioneer Alan Cooper had created the first Persona with his colleagues in the 80's. In this article, we'll talk about how to create Personas through 7 sections. 1. What is a Persona? The Persona definition is that one or several fictional characters that can represent the majority of the potential users of product with conventional user demands and they are created through a great amount of quantitative and qualitative research. Persona answers the question "Who do we design for?" It is a powerful tool based on research findings in helping product function creation by optimizing the U...

For UI/UX Designers - What Does UX Mean in Web Design?

What does UX mean in  web design ? It means that website is designed to make the interaction between user and product as easy and comfortable as possible. Therefore,  UX  serves not only for itself. Properly applied UX can attract visitors to your site, increase their retention time, and thus improve the conversion rate. The meaning of UX in web design is obvious, and knowing what’s meaning of UX in website design matters a lot. Here are 5 reasons explaining “ what does UX mean in web design ”: 1.) It helps users achieve their goals Although many companies don’t want to admit it - users don’t read every word on a website carefully and attentively. Instead, users come to the page with a specific purpose, such as: ● Look for needed information. ● Inquiry and buy a product. ● Make a booking like flight. ● Watch a specific video The simpler you make the visitor achieve his or her goal, the more leads you will generate from customers. Now...

A Beginner's Guide - What Is Wireframe in Software Development?

What is Wireframe in Software Development?  In fact, wireframe was originally used as a term standing for a manikin made of wire, with help of which garments can be designed according to given shapes and sizes. It’s similar with today’s software and web design: A wireframe is a basic framework in software development and web design. In history, designing wireframe doesn’t play important role in design elements. At the early stage, the aim is to determine the structure of a planned software and to test its functionality. This step has particular significance in the design process. The term mockup is often used as a synonym of the wireframe. Actually, however, this expression means an optically refined model, which already shows a version of desired design. Additionally, interactive wireframes can simulate dynamic interface. The logical structure, links, and expected user behavior can be checked and optimized. This can serve both the internal design process within an agency ...