恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
交互设计之状态设计
0.0°
2018-07-12 原创文章 经验/观点 举报 1436 5 5 0

根据自己对交互设计的一些见解,加上之前对前辈们的经验总结,写出了这篇文(xia)章(che)

交互指人和机器的沟通,沟通是双向的,机器不可能说话,出了问题没办法自己告诉用户,交互设计的目的之一就是为了让机器能够更好的将信息反馈给用户。这里给大家简单介绍下交互设计中经常会遇到的各种状态。


状态一 等待


在我们用app或者网页的时候,经常会遇到加载或者排队等情况,这种时候就需要用户花时间等待,而对于大多数人来说,等待并不是一件容易的事,特别是遇到网络不好或者是等待商品开抢的时候。笔者之前去一家米线店吃饭的时候,点了一份招牌金汤米线,然后坐在座位上等,这时候老板端来了一盘主菜,相当有文艺范,笔者虽然不是什么吃货,但是看到这盘主菜还是有点小期待,于是眼巴巴地望着厨房,等了将近20分钟。

Image title

这里就是我们说的等待过程,米线老板提前将主菜端来,其实就是为了让笔者耐心等待,这里用的办法叫 给予用户期望。这是我们经常见到的解决方式之一。


不知道618小伙伴们的钱包还有货没,反正笔者支付宝已经被洗劫一空。在购物的时候,不知道小伙伴们有没有注意到抢购倒计时,在某件商品快要开售的时候,会出现倒计时。大家可以思考一下,为什么用开售倒计时而不是是告诉你具体开售时间?可能已经有小伙伴想到了,开售倒计时以动效形式来减少开售时间,可以最大限度降低用户对时间的敏感度,尽可能让用户停留在当前页面。试想一下,越来越短的开售时间和呆滞的固定时间,用户会对哪个更反感。 这就是等待状态的另一种解决方案,降低用户对时间的敏感度,其实在很多地方都有用到这种方法,比如说加载动画、启动页等。Image title


状态二 搜索


搜索也是用户经常用到的,搜索可以说是最麻烦的交互之一。


1 首先,在用户进行搜索输入的时候,如何让机器更懂用户想要搜索的内容,这是最重要的。在用户进行输入的时候,我们应当给予用户更多的搜索选择。比如说,用户输入“英雄联盟”,他可能是想知道英雄联盟最近比赛,也有可能是想下载英雄联盟,这个时候如果我们能够让机器更懂用户想搜索的内容,会让用户少输入很多内容。百度在这点就做得非常好,能够根据用户输入自动联想。

Image title


2 搜索结果


(1)用户在搜索动作完成时,页面会跳转至搜索结果页。终端无法知道搜索结果页是否有用户想要的结果,这个时候应该给用户展现相关搜索。

Image title

Image title


(2)如果没有搜索结果或者搜索结果太少,我们可以给用户展现最接近用户输入结果的相关搜索。

Image title


(3)在某些app或者网页,没有搜索结果时,也可以给用户手动创建或者搜索的入口

Image title


(4)当搜索结果过多的时候,应当优化排序,给用户展现用户可能最关注的结果。比如在淘宝搜索iphone8,搜索结果是默认以综合排序来进行排列的


Image title


3 记录搜索结果在用户搜索完成时,用户可能再下次还会搜索相同的内容,最好能够记录下用户的搜索习惯

Image title


4 针对用户信息进行搜索结果筛选,其实这个并不属于交互设计范围,这是顺带提及。比如说一款外卖app,用户在搜索“龙虾”的时候,展现的搜索结果肯定是以用户当前定位信息展示,用户定位在成都,展示的相关搜索结果肯定是在成都地区的外卖店铺。现在很多产品都会根据用户信息来针对性地对用户进行数据展示,小伙伴们也可以细心观察下,当然,我不是说的广告。


状态四 正确


有错误就有正确,正确一般是在结果页面给予用户反馈

1.直接告诉用户结果,在用户操作完成后,给用户一个操作成功的信息

2.让用户自己确认结果,用户操作完成后,让用户自己去确认操作成功,比如说发表一条说说,发布成功后,会跳转到空间,让用户看到说说是否发表成功。

Image title


以上就是这次为大家带来的分享,还有几个状态实在懒得写了,后面有空补上吧,有疑问或者建议都可以在下方留言,笔者有空会回复大家的,么么哒。




更新:2018-07-12

收藏

5人已收藏

  • 1

    作品

  • 1

    粉丝

  • 0

    关注

    猜你喜欢

      2018-07-12 原创文章 经验/观点 举报 1436 5 5 0

      交互设计之状态设计

      0.0°

      你确定要举报交互设计之状态设计

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年07月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      5
      5
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录