您好,欢迎来到济南诺商官方网站!
当前位置:首页 -> 新闻中心 -> 符合用户体验的移动端的页面的设计

符合用户体验的移动端的页面的设计

时间:2017.05.16 来源:http://www.weidaoshang.cn

1. 减少混乱
1. reduce clutter
对于用户体验来说,用户的注意力无疑是一种非常宝贵的资源,而你的设计应该合理地分配这一资源。如果你的用户界面承载了诸如按钮、图片、文本等诸多杂乱的信息,势必导致信息过载给用户带来压力。
For the user experience, the user's attention is undoubtedly a very valuable resource, and your design should be reasonable allocation of this resource. If your user interface is loaded with cluttered information such as buttons, pictures, text, etc., it will lead to an overload of information that puts pressure on users.
2、 使导航不言自明
2, make navigation self-evident
对任何应用程序来说,帮助用户导航前往正确的地方都是相当重要的一件事情。优秀的导航设计就好比指导用户旅程的一只无形的手。毕竟,如果用户都发现不了,那么再酷的功能特性或最最吸引人的内容也是没用的。优秀的移动导航遵循以下基本原则:
For any application, it's important to help the user navigate to the right place. Good navigation design is like an invisible hand to guide a user's journey. After all, it's useless to have cool features or the most attractive content if users can't find them. Good mobile navigation follows the following basic principles:
(1)导航必须是连贯的。
(1) navigation must be consistent.
首先,你应该使用恰当的标识物(正确的视觉隐喻),这样导航元素就不需要额外的解释说明用户就能理解,其次,要确保每个导航元素指向了正确的目的地。
First of all, you should use the appropriate marker (visual metaphor correct), so that the navigation element does not need additional explanation of the user will be able to understand, secondly, to ensure that each navigation elements point to the correct destination.
(2)导航必须保持一致性。
(2) navigation must be consistent.
在不同页面中,千万不要把导航控件移动到不同的位置或者隐藏起来。这样会很容易使用户迷失掉的。
In different pages, do not move navigation controls to different locations or hide them. This will make it easy for users to lose.
(3)导航应该传达出用户当前的位置。
(3) navigation should convey the current location of the user.
无法表明当前位置可能是我们在应用程序菜单中最常看到的一个问题。“我在哪里?” 是用户要成功的导航前必须回答的基本问题之一。
Unable to indicate that the current location might be one of the most common problems we see in the application menu. "Where am I?"" Is one of the basic questions that users must answer before navigating successfully.
3、 创建一个跨平台的无缝体验
3, create a seamless experience across the platform
你不应该将移动设计视作是孤立的。对用户来讲,创建一个在移动端、桌面端和平板端无缝结合的体验是非常重要的。
You should not regard mobile design as isolated. For users, it is important to create an experience that seamlessly integrates on the mobile, desktop, and end of the board.
以 Apple Music 为例,你在 Mac 端设置一个播放列表后会很快在 iPhone 上也看到该列表。 Apple 意识到在跨平台间保持这种数据的同步,创建出良好的无缝结合的体验是非常重要的。
Take Apple Music, for example, you'll see the list on the iPhone shortly after you set up a playlist on the Mac side. Apple is aware that it is important to create a good seamless experience across the platform to keep this data synchronized.
4、设计对手指操作友好的控件
4. Design friendly controls for finger manipulation
优秀移动端设计
Excellent mobile terminal design
相比于大的触控控件,小的自然更难于操作。当你在设计移动端的用户界面时,最好是让你的控件的可触摸面积足够大,这样用户才容易触及到。
Compared to the large touch control, the small nature is more difficult to operate. When you design the user interface of the mobile terminal, it is better to let your control's touch area is large enough so that users can easily touch it.
控件的大最好要控制在7 – 10毫米,这样用户方能够准确地使用手指触及到。;另一方面,用户在跟控件产生交互时,控件的边缘应该是可见的,能够以清晰的视觉反馈向用户传达他们确实触及到控件本身了。
The controls are preferably controlled at 7 - 10 millimeters so that the user can accurately touch them with his fingers. On the other hand, when the user interacts with the control, the edges of the control should be visible and can communicate to the user with clear visual feedback that they do touch the control itself.
5、文本内容应足够清晰
5, the text should be clear enough
相比于台式电脑,智能手机的屏幕要相对小的多,这就意味着如何把大量的信息装到这个小屏中不得不说是移动设计的一大挑战。您可能有一个挺吸引人的想法,即把所有信息都进行尺寸上的压缩也照样能显示很多的内容。但无论如何,你应该杜绝这种想法。
Compared to desktop computers, smartphones have a much smaller screen, which means how much information is loaded into this small screen, which is a big challenge for mobile design. You may have a very attractive idea, that is, to compress all the information in size, it can still display a lot of content. But in any case, you should put an end to this idea.
针对移动端的一条经验法则:文本大小应该至少在11pt左右,好让用户在不用放大的情况也能够清晰的浏览。
A rule of thumb for mobile terminals: the size of the text should be at least 11pt, so that users can clearly browse without magnification.
6、 保持界面元素清晰可见
6. Keep the interface elements clearly visible
应该使用颜色和对比度来帮助用户查看和解读你的内容。选择出能够支撑你的程序可用性的主色调、次要色和强调色,确保不同的界面元素间有足够的色彩对比度以使那些视力不佳的用户也能浏览使用你的程序。
Colors and contrast should be used to help users see and interpret your content. Choose a program can support the usability of your main hue, secondary color and strong color, to ensure that the interface between different elements have enough color contrast to those users with poor eyesight can also browse using your program.
7、减少对打字输入的需要
7 、 reduce the need for typing input
在手机上打字输入是一个缓慢而易于出错的过程,因此最好要尽量减少移动应用程序中所需的输入。
Typing on a mobile phone is a slow and error prone process, so it's best to minimize the input needed in a mobile application.
尽量移除那些不必要的输入域,保持表单简短。
Try to remove unnecessary input fields and keep the form short.

商河网络公司