盘点那些容易被忽略的APP设计细节之信息表达型问题

Post 1 of 1006

上期,小编分享了“盘点那些容易被忽略的APP设计细节之视觉篇”,本期将继续延伸“容易被忽略的APP设计”的内容,和大家来说说关于信息表达型问题。

传送门:盘点那些容易被忽略的APP设计细节之视觉篇

UI设计中,信息的处理过程可分为三个阶段,分别是感知信息、解释信息和整合信息。设计师会根据用户的视觉心理习惯对界面进行设计,选择合适的视觉表达信息,规划视觉信息结构,以帮助用户更好地阅读和理解信息。

盘点那些容易被忽略的APP设计细节之信息表达型问题

① 明确表达图标的含义

盘点那些容易被忽略的APP设计细节之信息表达型问题

APP设计细节

虽然去掉图标文案后,会让界面显得更简约整齐,但是如果你不能保证用户能看懂图标所表达的含义时,最好还是使用辅助说明文案,确保图标的信息能准确地传递给用户。当然,如果图标本身带有很强的信息传达能力,能确保用户能正确识别,那就另当别论。

② 正确表达按钮属性

盘点那些容易被忽略的APP设计细节之信息表达型问题

APP设计细节

通过按钮颜色、大小、风格等引导用户进行操作,需要强化的就要做得足够突出,不要让整个界面都处于主次不明的状态,分散用户的注意力,削弱界面需要传达的信息。另外,按钮设计必须清晰准确地传达当前状态,千万别为了视觉效果而给用户带来错误的判断。

③ 正确处理文字排版的层级关系

盘点那些容易被忽略的APP设计细节之信息表达型问题

APP设计细节

进行文字排版时,正确处理信息间的层级关系,将提高用户对信息的识别度,以及界面的易用性。因此,我们通常会透过字体大小、颜色、留白,以及层级分割等技巧处理,将相同属性的信息归类设计,并通过留白的不同达到层级的区分,让整个信息排列主次分明、层级清晰。

④ 线条与色块分割的合理运用

盘点那些容易被忽略的APP设计细节之信息表达型问题

APP设计细节

在分割界面信息时,要根据信息间的关系选择合适分割形式,比如线条通常用与分割同一类或相同属性的元素;色块则是用于分割不同类别或区分不同属性的元素,以达到界面层级清晰、归类明确的目的,不可为了视觉效果而盲目穿插运用。

⑤ 提前预估信息呈现的最大化

盘点那些容易被忽略的APP设计细节之信息表达型问题

APP设计细节

进行界面布局时,需要明确信息呈现的最大值,而不是取最小值进行设计。虽然过于理想的长度范围或许让界面样式变得更加美观,但落地后可能会给用户带来非常糟糕的体验。

⑥ 运用提示符提高用户阅读效率

盘点那些容易被忽略的APP设计细节之信息表达型问题

APP设计细节

在大篇幅的文字信息布局中,合理使用提示符能提高用户对信息的理解,以及快速找到所需的信息。一般来说,提示符是不限元素表达的(数字、字母、图形、色块等均可),只要能有效区分信息层级即可。

⑦ 布局层次分明,重点突出

盘点那些容易被忽略的APP设计细节之信息表达型问题

APP设计细节

合理的界面布局是为了更好地引导用户阅读和操作,因此界面排版布局时绝非随意将信息罗列,而是要根据信息的侧重点进行排列。比如,利用卡片模式的大小变化区分信息,可以很好地引导用户视线,大大提高用户对界面的理解以及操作效率。

⑧ 信息布局符合阅读习惯

盘点那些容易被忽略的APP设计细节之信息表达型问题

APP设计细节

大部分用户的阅读习惯都是从左到右、从上到下的,如果你要打破这个习惯进行视觉表现,将严重影响产品的用户体验,让用户产生放弃使用产品的念头。

信息传达是APP设计中非常重要的部分,它将影响整个界面的易用性和可用性问题,以及用户理解产品主旨的关键所在,所以做好信息传达,才能避免出现点击率高而转换率低的情况。

* 最后一堂课,小编将会整理关于APP设计中的概念表达问题,有兴趣的朋友不妨多多关注!

This article was written by admin

MENU
網頁設計公司