How to Make A Good Prototype? (II)

In the other article, we have explained some theories and steps of how to make a good prototype. If you are interested, please kindly check out here.

 In this article, I will list some common details of prototype design.

1. iOS prototype design

 As the "best seller" in Mobile device Apple has taken a large part of this market. Because of this, iOS products are also coming like a storm.



As you can see in the picture, this is the recommend for iOS prototype design. Every part of this iPhone product strictly obeys with the proportion. The action bars' width is always the multiple of 44, the navigation bar is always the multiple of 49.

2. Web prototype design



There is a really important advice for web prototype design. For the height of the content on first screen, different user has different thoughts. When the content height is 580px, there will be 40% people could see the half below the content. When the content height is 720px, there will be 82% people could see the half below the content. When the content height is 800px, there will be 92% people could see the half below the content. It means the more you give to the content in first screen, the less people will see the other part in this page. Designers need to keep the balance.

Another tip on prototype design tool


Many design tools would not provide complicated components. What should we do when we really do need complicated components? The answer would be easy: Group them! For example, in Mockplus or Balsamiq, when you need a realistic navigation bar, you can drop some basic components, and group them. Just like the picture here.

And, of course, there are more things we need to pay attention to, hope you can drop some thing useful below.

Comments

Post a Comment

Popular posts from this blog

5 UX Leadership Requirements To Make A Great UX Leader

Image
UX leadership, though not an entirely new one, definitely goes viral in plenty industries. Since Steve Jobs pioneered in leading product design as the CEO, UX leader came into being. And since then it grows into an inevitability to meet the rapid-changing organizational transformation and corporate culture. This change and the following challenges require beyond excellent design skills. Whether you are in or out UX industry, if you are long for success, a leader is necessary. In this article, I am trying to specify 5 fundamental requirements. A note first: no kind of leadership is inborn. Those who wanted to be an UX leader, just try real hard to meet the requirements and you’ll find a path to reach it. 1. Be well hired and hire well Why I put being hired well so prior? You might have been through a bitter struggle with the product Management to fully understand and support your design product. In spite of time and energy, you design something big and great finally. How
Read more

16 Best Examples of Portfolio Design Websites That Bring You Inspiration

Image
How to level up your web design portfolio? How to display works, ideas, inspirations on an amazing medium just properly? These are the questions all designers should think about. Nowadays,  portfolio design  websites are undertaking the leading role to do this job. Designers need to put energy in this field. The following 16 best portfolio design websites I brought up here are some great examples. 1.  Seymour Powel They are a multidisciplinary group of design researchers, strategists, brand experts, product, UX, UI designers and makers. Their track record of imagining and then creating award winning designs and world-first innovations stretches back over 30 years. It’ll help you innovate, creating strategies and products that take you somewhere different from the competition by delivering unexpected but relevant solutions for the future. 2.  Mockplus Demo Portfolio This portfolio design websites contain plenty prototyping Demo Projects, including Gogobot, Noodler, Card
Read more

Guidance to Change from Graphic Designer to UX Designer

Image
I guess this title is more appealing to those who is now a graphic designer and have been struggling a bit on the career changing issue. My first suggestion: Do not push yourself too hard. Actually, almost every graphic designer has been through this. Be patient with the following guidence if you were really serious about changing your career from a graphic designer to UX designer. I’ll explain everything it has involved in. 1. Examine motivation - why should you change from a graphic designer to UX designer? First, it depends on your interest and ability. You feel like UX design more and got the essential concepts and skills. Second, it was made in your long-term career plan. You want to dig into the vast design world rather than limited in performance of typography, fonts and colors. Third, salary appealing. It’s true that the average payment for a graphic designer is lower than a UX designer. But do remember that salary is highly with seniority and responsibility.
Read more