服务时间:8:30-18:00

首页 >UI设计网

教你如何设计一个好的APP界面

发布时间:2022-03-06 20:04 字数:3716字 阅读:199

教你如何设计一个好的APP界面,如果要设计一款APP,除了要提供简洁、精美的界面之外,更应该注意各种功能和控件的安排,尽量使程序的操作规范、简单、易用。可以着重考虑以下几点,以提高用户体验的满意度。

1、关注主任务

为保持专注,需要明确每一屏上最重要的内容是什么。当一个程序的使用始终围绕主任务时,用户操作起来会更流畅。

要做到这一点就需要分析每一屏需要呈现些什么内容。当确定内容后,要再次确认这是否是用户需要的关键信息或功能。如果答案是否定的,那么最好重新进行考量。例如,日历关注的日期以及发生于某日的事件,用户可以使用高亮按钮强调今天,并选择浏览方式,以及添加事件,如图1所示。

图1

2、提升用户关注内容的权重

对于一款游戏来说,用户总是更追求感官体验,而对管理或创造新内容没有兴趣。如果要开发一款游戏,可以通过提供有趣的剧情、漂亮的图片和反馈及时的操控来提升体验。

如果开发的不是游戏,则可以通过为用户感兴趣的信息设计新的框架结构,来帮助用户关注这些内容,下面是一些有用的方法。

·减少控件的数量和显著性,以降低相关内容在界面中的权重。

·巧妙地设计控件风格,使它和程序的图片风格协调一致。

·如果用户长时间不使用控件,让控件渐隐消失,这可以空出更多的屏幕空间来展示用户想看的内容。例如,图片程序会在用户不使用控件一段时间后就将按钮和工具栏隐去。再次点击屏幕,即可重新显示这些控件和按钮。

提示:权重是一个相对的概念,是针对某一指标而言。某一指标的权重是指该指标在整体评价中的相对重要程度。

3、提升用户关注内容的权重

第一时间呈现程序的主功能,努力让用户看一眼就能明白程序是做什么用的、怎么操作,因为开发者不能确保所有的用户都有时间来思考程序是以什么方式工作的。可以使用下面的方法来呈现程序的主功能。

·尽量减少控件,让用户不必思考该如何选择。

·一致且恰当地使用标准控件和手势,以便程序的行为符合用户期望。

·控件名称清晰易懂,让用户明确知道自己在调整些什么。

程序的界面除了要突出重点、尽可能简洁之外,还应该与内置程序的使用方法保持一致。用户知道如何在各层级的屏幕间导航、编辑列表内容、通过Tab栏切换程序模式。最好能在程序中沿用这些操作,来让用户更简单地使用程序。例如在秒表程序中,用户只要看一眼就明白哪个按钮可以触发秒表,哪个按钮可以停止计时。

4、使用以用户为中心的术语

所有用于与用户沟通的文案应该尽可能使用朴素的措辞,保证用户能够正确理解,避免使用晦涩的行业术语,如图2所示。

图2

5、减少对用户输入的需求

无论是使用实体按键还是触摸控件,输入文字都是一件劳神费力的事。最典型的例子就是人们痛恨发短信——除非有什么特定的理由。如果一款程序总是要求用户输入一大堆信息,那么用户很快就会对它失去兴趣。下面的方法可以有效地降低程序对用户的输入需求。

·平衡用户的输入与程序提供的信息

换句话说,每当用户输入信息后,程序要提供尽可能多而且有用的信息和功能来作为回报。这能让用户觉得他们在向目标前进,而非被程序拖后腿。

·简化输入方式

例如,可以使用表格或者拾取器,而非文本框,因为选择远比输入来的简单,如图3所示。

图3

·从系统获取信息

用户在设备上存了很多信息,例如通讯录、通话记录和日程表等。如果能从设备中找到这些信息,就别再麻烦用户了。

6、弱化设置

要做到弱化设置,可以考虑以下3点。

·尽量避免在程序中加入设置模块

用户必须先退出程序,才能设置程序偏好。设置中包含用户偏爱的行为和信息,这些设定一旦确定之后很少会被改动。当把程序设计得符合用户期望时,设置的重要性就降低了。

·让用户在程序中用配置选项来设置偏爱的程序行为

结构选项可以让程序在运行中动态响应用户的设置,用户不必离开程序来对其进行设置。

·在主界面或屏幕背面提供配置选项。

·主界面中应该放置与主任务相关或用户经常需要更改的选项。

例如,游戏等注重即时体验的程序也应提供配置选项。因为用户经常会在各种体验间往复切换。屏幕背面则可以放置用户很少改变的选项。

7、在APP Store中提供精练的描述

APP Store中的描述是一个与潜在用户沟通的绝佳机会。除了准确描述程序、高亮显示用户最喜欢的特性外,应遵守如下规则。

避免拼写、语法和标点错误。虽然这样的错误并不会让每个人都心生厌恶,但会给用户留下不好的印象。

避免使用大些字母。每个词的每个字母都用大写会让用户难以阅读。例如在KTV里唱一首英文歌,小写字母可以很轻松地辨认,而全部大写的字母辨认起来会吃力很多。

写出对具体bug的修复。如果新版本的程序对老版本的bug进行了修复,最好在描述里清除直白地列出来,如图4所示。

图4

8、界面元素要一致

比起五花八门的界面来说,用户更期待标准的视图和控件,这些视图和控件在所有程序中都有一致的外观和行为,这样用户熟悉了一个程序的操作后就会自然而然地举一反三、触类旁通。下面是需要遵守的一些原则。

·用标准控件时最好采用推荐的使用方法。这样,用户就能在学习程序操作时利用先前的经验。当iOS升级标准控件时,相应的程序也能得到更新。

·娱乐性应用最好定制全套控件。

·不要彻底改变执行标准动作的控件的外观。如果使用不熟悉的控件来执行标准动作,用户就需要花时间研究如何使用它,而无法专注于任务本身。

iOS允许使用很多内置程序中的标准按钮和图标,例如可以在iPhone和iPad上使用刷新、排序、删除和重播等图标。

·不要将标准控件和图标用于其他用途,这可能会使用户迷惑。

9、使用精美的图片

漂亮精致的图片能够吸引人们使用程序,即使很简单的任务也会让人用得很开心,iOS 6将这一点做到了极致。

·模仿宝贵的或质地优良材料的质感,例如木头、皮革、金属等效果。

·绘制高精度的图像。大多数情况下,绘制的图像都应该比所需的精度更高一些,这样就可以保证图像有足够丰富的细节。如果在图形绘制软件中使用了合适的网格,就能保证图像在缩小尺寸的过程中始终保持细腻,减少重新锐化的工作。

·确保登录图像和程序图标制作优良。

·不要把屏幕尺寸设定为固定值,如果希望程序可以在多种iOS设备上运行,这一点至关重要。

·不要将标准控件和图标用于其他用途,这可能会使用户迷惑。

10、启动与退出

当用户想要启动一个程序时,程序应该立刻启动。当用户按Home键时,程序应该立刻终止并及时保存进度,并在下次启动时自动读取断点。如果可能,最好不要让程序自动退出,否则就需要及时向用户描述当前状况,并采取补救措施。

·立即启动

iOS程序应该在用户想用它们的时候立刻启动,毫无延迟。在启动时,iOS程序应该做到以下几点。

■ 展示与应用程序第一屏相同的启动图片,这可以缩短用户对启动时间的知觉。

■ 避免出现“关于”窗口或者Splash。一般而言,避免添加任何阻碍用户立刻使用程序的元素。

■ 在iPhone上提供合适的状态栏样式。通常,状态栏应该和程序的其他界面部分风格保持一致。

■ 避免向用户询问设置信息。应遵照以下指南。

① 只为80%的用户解决问题。这样大部分用户不需要设置,因为程序已经按期望的方式设置好了。如果某个功能只有很少一部分用户会用到,或者只使用一次,那么最好直接放弃它。

② 不要让用户反复输入信息。如果要用到任何用户在内置程序中储存的信息,可以向系统提出请求,不要让用户再输一次。

③ 如果必须从用户那里获得信息,要让用户在程序内进行输入,然后尽快把这些信息保存下来。这样,用户就不用先退出程序才能进到设置里。如果用户稍后需要更改这些信息,可以去程序的设置模块更改。

④ 从程序上次离开的位置启动。

■ 以合适的默认方向启动。在iPhone上,默认的方向是竖屏模式。在iPad上,默认方向是当前设备的方向。如果你的设备只支持横屏模式,就按横屏模式启动,不用管设备当前的方向,用户会按照自己的喜好去旋转设备。图5所示分别为横屏启动程序和竖屏启动程序的效果。

图5

·随时准备停止

iOS程序需要在用户按下Home键的时候立即停止,然后打开别的程序。这是非常便利的操作方法,所以用户都不会去点击程序的关闭按钮或是从菜单里选择退出。为了提供好的退出体验,iOS程序应该做到以下几点。

■ 经常且快速保存用户进度。因为用户随时可能选择退出。

■ 停止的时候保存当前的状态,尽可能地保留细节。这样,用户再次打开程序时不会损失细节。例如,当用户重新打开音乐播放器时,仍然可以接着上次退出时播放的音乐进行播放。

·不要自动退出

绝对不要自动退出,因为用户可能会觉得是程序崩溃了。如果程序确实无法像预期的那样工作,就需要告知用户当前的情况,解释他们可以做什么。基于当前情景的危机程度,有两种补救措施供选择。

■ 展示一屏吸引人的内容,描述当前的问题,提供修正。这屏内容可告知用户程序没有出问题,并给予用户控制权,让用户决定是采取补救措施还是忽略报错,又或是按Home键退出并打开其他程序。

■ 如果只有部分功能失常,那就在用户使用这些功能时弹出警告框。