亿元级IT行业生态链
一站式解决方案提供商

24小时免费咨询电话
010-52725243

新闻资讯

AJIA NEWS

UI设计最常用的9种设计状态

来源:行业资讯 发布日期:2018-02-24

用户为王的时代,优秀的UI设计师,不仅要关注界面的视觉设计,还要关注用户体验与交互设计,阿甲科技UI设计师无论进行网站设计还是APP设计,首先进行用户调研,明确用户群体,了解用户需求,如此在进行设计时,更能够满足用户需求与使用习惯,提高产品对用户的粘性。

现在的UI设计团队通常先设计组件,多数界面几乎就是各种组件的结合。这会在用户的“异常路径”上留下不容小觑的断档。由于我们构建的是整个系统,而非几个页面,所以必须投入精力打磨这些常常被忽略的状态的设计,创造出组件的整个生命周期,来适应每一个人。以下为APP最常用的9种UI设计状态:

1. 初始状态

一个组件做任何事情之前是怎样的?可能这是用户首次看到它。或者它还没被激活。根本上说就是这个组件存在,但还没有启动。

阿甲 科技 初始状态

2. 加载中

令人厌恶的一种状态。在理想状况下,没人会看到这个。哎,可我们这里是现实世界。有许多方法能使加载状态微妙而含蓄。Facebook在这方面做得很好:

阿甲 科技 加载中

3. 空状态

组件已经初始化,但是空无一物。没有数据,没有项目。这时候正适合引导用户采取行动(“点这里!”),或者给他们鼓励(“好样的,一切正常”)。

阿甲 科技 空状态

4. 单一项目

开始有些数据了。在输入界面中,这或许是按下第一个键的状态。在列表中,可能是只有一项(或仅剩一项)时的状态。

阿甲 科技 单一项目

5. 有一些数据

这通常是你首先考虑的状态。某个组件的最理想状态是怎样的?数据加载了,也有内容输入,正是用户熟悉的状态。

阿甲 科技 有一些数据

6. 数据过多

用户似乎操作过头了。产生了太多的结果(或许你现在正对它们分页处理),太多的文字(可能显示省略号?),诸如此类。

阿甲 科技 数据过多

7. 错误状态

组件出错了。产生了异常。

阿甲 科技 错误状态

8. 正确状态

很好!这一项操作正确。

阿甲 科技 正确状态

9. 完成状态

应用已经接受了用户的正确操作。他们不需要再为此操心了。随着不同页面、用户操作、数据更新还有任何你应用的状态改变,这些状态都会反复出现。深思熟虑地设计这些变化,就能为用户创造优美的体验,无论他们身处何种情况。

这其中许多状态都没有被考虑过,被遗忘,或仅仅是被忽略了。这是个巨大的错误,也是你赶超对手的机会。将状态的思考纳入你的设计流程,在与用户产生共鸣的同时,也能掌控好你的应用。

免责声明:本文由小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除

阿甲科技

欢迎访问阿甲科技集团官方网站!