Skip to main content

Guidelines on How to Make a Great Mobile App Screen Design

Mobile application market keeps in an explosive growth rate with the arrival of the 4G network era. Which drives the rapid development of mobile app screen design. Meanwhile, the big market also has a great job prospect for designers. How to make their own products stand out in the mobile application market is the opportunity and as well as challenges for UI designers. In addition to the function itself to attract users, the APP interface design also occupies a large part of the factors.
Facing with the serious homogeneity on mobile app screen design and low competitiveness and other issues in the current mobile application market, how the app interface design trend will develop in the future to jump out of the cycle and find new opportunities? Fundamentally, the following points are worth considering:
UI design principles
Mobile interaction design rules
How to judge an APP is good or not

UI Design Principles
mobile app screen design
1. Consistency principle. The consistency principle of mobile phone APP is the visual structure, visual level, visual elements to achieve a unified design. That can help to reduce the user cognitive costs and deepen the impression of the product.
2. Be consistent with the design guidelines for mobile phone systems. A lot of interface design books have emphasized the consistency of the interface design principles. UI designers should also follow the Dos and Don'ts for iOS App UI Design and Android App UI design guide to ensure that the design conforms to the consistency of the operating system. For example, in the IOS System Human Machine Interaction Guide, it is noted that the default font for all IOS system versions is Helvetica Neue.
3. Keep the consistent on the visual structure. Usually, the APP visual structure mainly includes the status bar, navigation bar, main menu, and content area. The main menu usually appeared in the top of the interface, so we must follow this principle to put it at the top. The layout of the other pages keeps a good coordinate to arrange the other components in a proper proportion.

Mobile Interaction Design Rules
mobile interaction design rules
Interaction design rules also apply to the small screens. Before proceeding with the design, designers should take into account the following five major design elements:
1. Goal-driven Design. This allows you to customize the app working process and meet requirements for target users.
2. Usability. The usability principle is emphasized in many design books. It may look empty, but you have to guarantee your application is usable and will bring value to users.
3. Affordance & Signifiers. The signifier is an implication of affordance. With correct signifier, users can easily understand UI element. For example, underlined blue text reminds you it’s a hyperlink, and it can link to other pages when you click it.
4. Learn-ability. Users can instinctively know the function of this mobile app screen design, rather than through complex reasoning to clear the logic of each button, each jump between the pages of logic. Compliance with the instinctive design is the easiest to learn.
3. Feedback and response time.
One of the standards to judge an APP is good or not is from the visual effect. A good mobile app screen design will usually impressive users at the first sight. So the visual effect on the retention of users played a crucial role. As for how to conquer the user on functions, and how to judge the APP is good or not, you can refer to the 14 questions of Julie Zhuo to the product manager.

Comments

Popular posts from this blog

30 Best Online Course Websites to Learn UI/UX (Updated)

I've been browsing Quora lately and this site is a terrific platform to communicate with each other. When encountering a problem, I go to the site to look for the answers or submit the question. Recently, I've been asked by many people about "What are the  best online courses  to learn UI/UX?”. So I started looking for answers, and I listed the following 30 online course sites to  learn UI/UX . Some of UI/UX design courses online are free, some are paid. Hope it is helpful and useful to you. Any resource you think it’s worth to be included, please feel free to leave a message below the comment area or simply drop me a line on  LinkedIn . 1.  Hackdesign Price: Free An easy to follow design course for people who do amazing things. The lessons are delivered to your email inbox each week, with links to articles, tutorials, and cheat sheets as well as task lists to get you thinking about good design and working towards improving your skills. User feedback : “  The le

5 Secrets To Design An Excellent UX Designer Resume and Get Hired

The Bureau of Labor Statistics  ( BLS ) reports that there are three related industry positions that show exceptional promise - Software Development and IT, User Experience Design, Product Management and Project Management.  UX designer  becomes one of the hottest creative industry careers nowadays with a  total job amount of 3,426,000,  and the job growth is 22.1% in 10 years.  CNN  shares some researchers about UX designer’s salary: Median  Pay is $95,000 and the top pay is up to $150,000. More information about  UI/UX Designer Salary Around the World . Quite appealing, right? Would you like to be one of the trends? How to get hired? What skills should you master? If you are a UX designer already, pass this part. If you are a newcomer, check  Beginner’s Guide: What Is An UX Designer  to quickly get a basic understanding of it. Well. Now we assume you are all set to get a UX designer job. What do you need? Usually, the process you get a UX job including 5 steps: Step 1: Pre

13 Must-Have UX Tools for Designers

What are the  UX design tools  you use to create  flowcharts ? What are the best tools for  wireframing ,  prototyping ,  user testing ,  interaction design  or  team collaboration ? There are an overwhelming number of  UX tools  out there, and finding the best can be mind-boggling. If you’re looking for  UX design tools and UX wireframe tools  to make your life easier, this post is written specifically for you. To help you create apps/websites with high productivity, we explore 13 amazing UX tools and best prototyping tools you should have for 2017. UX tools for mind mapping:  MindManager A mind map is a diagram used to visually organize information. It is a great way to brainstorm, make a plan, or turn ideas into the steps needed to make it real. MindManager is one of the best mind mapping software application developed by Mindjet. The digital mind maps can be used a “virtual whiteboard” for brainstorming, managing and planning projects, compiling research, organizing