首页 理论教育APP界面设计原则优化

APP界面设计原则优化

【摘要】:为了使用户获得更好的视觉体验和操作体验,我们在设计APP界面的过程中需要遵循一定的原则。

为了使用户获得更好的视觉体验和操作体验,我们在设计APP界面的过程中需要遵循一定的原则。

1.视觉一致性

视觉一致性是APP界面设计最重要的原则。在设计界面元素时,只有把握了外形、颜色、质感的统一才能使整个界面形成统一的风格,如图1‑8所示。

978-7-111-53301-6-Chapter01-8.jpg

图1‑8 视觉一致性

2.简易性 简易性是指界面的简洁、直观、易用。软件是为了方便普通用户而设计开发的,所以在设计的时候要充分考虑软件的简单性、简易操作性和实用性,这样才会吸引更多的用户使用。界面上华而不实的修饰、元素等会削弱软件本身的功能,也不便于用户使用。iOS系统中的界面设计严格遵循了简约、直观的设计原则,如图1‑9所示。

978-7-111-53301-6-Chapter01-9.jpg

图1‑9 简约、直观的界面设计

3.用户导向

在设计手机软件界面时,设计师要清楚软件的使用者是谁,要站在用户的立场和观点来设计软件。

手机APP软件已成为如今企业宣传产品和文化理念的手段,因此作为一种交互方式需要设计师做好软件的UI界面设计去吸引大量用户使用。

4.遵循用户习惯

根据用户的使用习惯、操作习惯来设计。例如,我们对某个操作进行确认时按钮上会显示出“确定”或“确认”的文字,以提示用户进行操作。按钮上的文字和菜单上的信息都要注意这个标准,当不知道如何设计时可以借鉴其他优秀程序的语言。

应用程序中的控件可以实现开启/关闭等功能,这些控件的位置也影响了用户的操作体验,操作起来是否顺手、方便,这是检测UI设计是否遵循用户操作习惯的标准。用户使用手机的习惯有以下三种。

单手持握操作:49%的用户习惯单手持手机,这也是主流的持机方式,如图1‑10所示。同时,调查还发现有67%的用户习惯用右手拇指操作,33%的用户则是用左手拇指进行操作。尽管屏幕尺寸在不断变化,人们依然习惯于拇指操作。

一只手持握另一只手操作:这种操作方式占36%,不同于单手操作和双手操作,用户一只手拿着手机,另一只手操作,其中用大拇指来操控的有72%,用其他手指的有28%。通常有79%的人使用左手拿手机,而21%的人使用右手拿手机。图1‑11所示为一只手持握、另一只手操作的示意图。

978-7-111-53301-6-Chapter01-10.jpg

图1‑10 单手持握操作

978-7-111-53301-6-Chapter01-11.jpg

图1‑11 一只手持握、另一只手操作

双手操作:双手操作占15%,在双手操作的用户中有90%的使用者在双手操作时是竖着拿手机,只有10%的使用者是横着拿手机。另外,即使是双手操作,使用者也只用一根手指操作,可能是右手或左手的大拇指或者是其他手指。图1‑12所示为双手操作示意图。

978-7-111-53301-6-Chapter01-12.jpg

图1‑12 双手操作

掌握了用户使用手机的操作习惯后,在设计时将重要的操作放在界面的两侧,便于用户进行单手操作,将次要操作放在界面的顶端,这样的设计更符合用户的习惯。

5.操作人性化 用户根据自己的习惯设置界面就是操作人性化的表现,目前很多APP都支持用户设置界面的皮肤、风格等,这些人性化的功能让用户体验到程序的多样性和丰富度。

6.色彩搭配原则 不同的颜色对人的感觉有不同的影响,例如黄色可以让人联想到阳光,是一种温暖的颜色;黑色则显得比较庄重,所以在设计软件时要根据软件主题和功能进行色彩的搭配。

7.视觉平衡原则

平衡的视觉能让用户舒服地使用软件,所以设计师不可忽视这一重要原则。通常,要达到视觉平衡需按照用户的阅读习惯来设计,让界面整齐,使用户可以流畅地阅读内容。

8.布局控制原则 有很多设计师不是很重视界面的排版布局,所以将界面设计得过于死板;或者直接模仿别人的软件排版,把大量信息堆集在页面上,导致布局凌乱,造成使用者阅读困难的问题,这些都是不可取的。