陌北默

北京pk10前五后五算法:APP最常用的9种状态设计

陌北默 APP设计 10580浏览

pk10技巧 冠亚和稳赚 www.581n8.cn 现在做UI设计不仅要关注界面视觉,还得懂点交互和用研,今天@十萬個為什麽?这篇译文,囊括了移动APP操作过程中该有的9种基础状态(加载中、空状态、错误状态等),附上追波的优秀设计案例供学习,来收!

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

1.?初始状态

一个组件做任何事情之前是怎样的?可能这是用户首次看到它?;蛘咚姑槐患せ?。根本上说就是这个组件存在,但还没有启动。

1LNyqFzjiRNkqw186I2_YtQ

Jonas Treub?的设计能确保你了解framer的最新动向。

2.?加载中

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

1TpIehvczESpOJD7yQ3HF2g

Facebook使用“假文章”来代替传统的转圈圈。

3.?空状态

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

1IoVJzoP3v9_16IdpK9ww3g

Luke Seeley?就将它作为了一种捷径。

4.?单一项目

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

1fnfAL-lYn5V4ulHM2f3vWg

又是Luke Seeley,MetaLab项目。

5.?有一些数据

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

1js-IckIHrUTT5KtZtiENSQ

UENO.?舒适的大仪表盘。

6.?数据过多

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

1dp8v6F66fu5tfa4Dq_c31Q

不错的翻页设计,来自Pete Orme

7.?错误状态

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

1sk90HfKPbvisYcFsYjMm0A

dunked.com的错误状态很棒。

8.?正确状态

很好!这一项操作正确。

1D8fkoQeLLFx1TNt5lBS0GA

Ionut Bondoc ( ?IB )?的设计

9.?完成状态

应用已经接受了用户的正确操作。他们不需要再为此操心了。

Igor Chebotarev?给出了一些积极的反馈。(此处图超大,压缩后失真,同学们可直接到追波看)

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

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

这9种状态的设计适用于所有设计项目和组件。即使你做出了清醒的决策要忽略其中某一种,遵循这套准则也能确保你的确思考过那些异常路径。

原文地址:medium

译文地址:可乐橙

译者:可乐橙

转载请注明:pk10技巧 冠亚和稳赚 » APP最常用的9种状态设计

登录收藏
 
你可能喜欢的:
那些容易被忽视的小设计那些容易被忽视的小设计
UX设计师手机必备APPUX设计师手机必备APP
高级的设计技法,UI设计师应该有品牌意识!高级的设计技法,UI设计师应该有品牌意识!
做到这两点方案一稿过做到这两点方案一稿过
如何构建ux中台-滴滴旗下小桔车服实战案例如何构建ux中台-滴滴旗下小桔车服实战案例
小小滑块大大学问,你真的会用滑块了吗?小小滑块大大学问,你真的会用滑块了吗?
潘帅:亲子类场景化产品的设计方法潘帅:亲子类场景化产品的设计方法
解析:「点赞」与「收藏」功能解析:「点赞」与「收藏」功能
移动搜索体验设计总结移动搜索体验设计总结
电商 APP 中消息按钮该如何设计电商 APP 中消息按钮该如何设计
?
  • 纪检组长拒捕涉腐老板“自证龌龊” 2019-03-23
  • 越冷越嗨!跟着彼得潘去无人岛冒险吧!早鸟票抢先购彼得潘 2019-03-22
  • 全国政协常委、中国石油大学(北京)校长张来斌谈“贯彻五大发展理念 推进高校改革发展” 2019-03-22
  • 广东金林村:农民爱写诗 2019-03-21
  • 候选案例:国酒茅台·国之栋梁 2019-03-20
  • 人民日报民生观:把住网红食品安全关 2019-03-20
  • 从海员到工人运动的杰出领袖——苏兆征 2019-03-19
  • 江西庆祝世界献血者日 2019-03-18
  • 上月广州楼市库存创近一年来新高 2019-03-18
  • 高德置地广场荣获RICS China Awards 2018三项殊荣 2019-03-17
  • 侯马国土局召开民生领域腐败和不正之风专项整治工作会议 2019-03-17
  • 中国足球少年将为世界杯“热场” 2019-03-16
  • 把黄土高坡变绿的造林人 2019-03-16
  • 崇拜不劳而获是腐败的根源之一,正气不足是腐败的第二个根源,沉迷于初级趣味易滋生腐败,提高素质力争不想腐,以医者之心防治腐败。 2019-03-15
  • 滨湖利港银河广场2016年交房至今拿不到房产证 2019-03-15
  • 673| 724| 543| 713| 486| 236| 217| 507| 933| 483|