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

Professional UX Design Approaches for Building The Best Website

Building a website through UX design approaches is very much like painting or sculptural art, they all take patience, foresight, aesthetics ability, creativity and perception of details. Generally, the website you design represents your company, it needs to be stunning and breathtaking. If you look deeper into the aspects of website building, you can find some core UX features that outstanding websites share. By analyzing the top design trends, we may accurately trace out four major professional UX design methods for website building. 1. Streamlined Navigation By saying “Streamlined Navigation”, I do not only refer to the navigation bar but all others navigations on a larger scale. Not to mention the great ones, a standard website also needs to be of high usability. Besides that, the speed and accuracy of loading are of decisive significance as well. In professional UX principles, the typography should be carefully organized to ensure the best user experience. Links should be highly …

What? You Are Still Doing High-Fidelity Prototype Slowly?

Have you ever spent half a month designing a high-fidelity prototype, but it was denied within a few minutes? So much time and energy have been spent but in vain. I have met similar things so many times. However, such tragedy can be totally averted: the rapid low-fidelity prototype is a wise choice in prototype design.
1. What is a high-fidelity prototype and a low-fidelity prototype? Low-fidelity prototype: it only focuses on functions, structures and processes; it only provides the most simple frameworks and elements; it generally does not provide color, butexpresses itself in grayscale.

High-fidelity prototype: it provides more visual details; it is almost equivalent to a UI effect picture, and only needs to replace the actual data and materials in the development process.

2. Why make a low-fidelity prototype?
In product development, the goal of a prototype is to express its ideas, functions and content, in order to get feedback and improve the product. The most important challeng…

The Best Mockup & Wireframing Design Tools & Apps for UI/UX Designers in 2017

Prototyping/wireframing tools are the best communication method between interaction designers, project manager, and website developers. It’s a key step of web or mobile app development process. While in principle, the design of prototypes must be a product of interaction designers, and the user-centered concept shall run through the whole product design progress. The professional perspective and rich user experience of interaction designer will directly influence the usability of the product.
Desktop-based Prototyping Tools


1. Axure RP (Mac & Win) | ($495/user) Axure RP is a desktop application that allows designers to create, test, and share interactive prototypes. Been called as the most comprehensive (in terms of functionality) prototyping tools, it’s an ideal desktop software for both static, low-fidelity prototypes and more sophisticated, interactive prototypes. As an extremely professional UX tool, Axure requires a steep learning curve.
2. Mockplus (Mac & Win) | ($129/ye…