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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
交互设计中的有效引导
0.0°
2019-11-14 原创文章 经验/观点 举报 1267 1 1 0

满足功能完整的前提下从用户体验的角度出发,利用费茨法则做到让用户便于观察和便于点击的目的,同时更重要的是设计符合希克定律的选择引导,从而完成对用户引导性设计。

开始正文之前先讲个故事,一个房子如果窗户破了,没有人去修补,隔不久,其它的窗户也会莫名其妙的被人打破;一面墙,如果出现一些涂鸦没有清洗掉,很快的,墙上就布满了乱七八糟,不堪入目的东西。一个很干净的地方,人会不好意思丢垃圾,但是一旦地上有垃圾出现之后,人就会毫不犹疑的拋,丝毫不觉羞愧。地上究竟要有多脏, 人们才会觉得反正这么脏,再脏一点无所谓,情况究竟要坏到什么程度,人们才会自暴自弃,让它烂到底。任何坏事,如果在开始时没有阻拦掉,形成风气,改也改不掉,就好象河堤,一个小缺口没有及时修补,可以崩坝,造成千百万倍的损失。

Image title

通过有一个窗户破了这样一个引导行为可能会产生一系类不好的类似的后果或者影响在不断的击溃人心中“良知”的心理防线,最终让生活过得一团糟。后续的行为和这个影响甚至可能是无意识行为,等你回过神来突然发现你的生活已经一团糟。


而这一切的来源就来自于第一个破窗户这个引导。由此可以发现一个有效的引导所带来的影响。

Image title

在UI设计中,想要用户点击的按钮我们通常使用高亮或高对比样式,而相对不想让用户操作的按钮则用灰度色或低对比度进行设计。比如电商中的详情页中的立即购买按钮和加入购物车的按钮,下单时候的确认下单和取消订单的按钮……

Image title

交互设计者在满足功能完整的前提下从用户体验的角度出发,利用费茨法则做到让用户便于观察和便于点击的目的,同时更重要的是设计符合希克定律的选择引导,从而完成对用户引导性设计。

Image title

查微信聊天记录,如何查询老公和别人的微信聊天记录... 百度认证V信誉黑客官网_www.qhxbs.cn/.黑客授权一些...怎么查询别人的微信聊天记录,被删除的微信聊天记录还能恢...
www.bluestarmash.com/

黑客查别人的微信聊天记录 十【技术员QQ:599466688】或业务详细的加他咨询,我上个月就是找他们帮我的。技术好,放心!已经帮我解决!√。

Image title

怎么做到呢?很简单,根据费茨法则的要求,我们得到点击对象尺寸要大;或者扩大交互区域;减少移动的距离,更方便触控;避免肌肉延展,避免移动手臂;优化主要像素区域,让按钮更容易被注意到……

 

但是如果一味的遵循费茨法则会发现,按钮要大、要显眼、位置要在手部热区…这与我们打造干净整洁界面的原则和我们的高容错性界面的原则都不相符合。

Image title

查微信聊天记录,如何查询老公和别人的微信聊天记录... 百度认证V信誉黑客官网_www.qhxbs.cn/.黑客授权一些...怎么查询别人的微信聊天记录,被删除的微信聊天记录还能恢...
www.bluestarmash.com/

黑客查别人的微信聊天记录 十【技术员QQ:599466688】或业务详细的加他咨询,我上个月就是找他们帮我的。技术好,放心!已经帮我解决!√。

Image title

正如上图所示,在面临多种选择和唯一选择时明确的表现出了产品设计者的目的性和指示性。


我们来研究这些的用户操作和行为习惯是为了让用户快速操作和减少用户误操作的同时来让用户更好的使用产品(如电商形成下单量、新闻实现浏览量、广告实现点击量等),这些虽然都是营销的内容,但是交互作为营销的平台,也在无时不刻用者自己的方式来诠释着营销的价值……简单的总结一下,好的引导操作需要做到以下几点:


*  按钮要突出,与其他样式要有对比


*  出现两个及两个以上的并列按钮时需要有明显的样式对比,以突出主次之分


提供简单的能取消操作的功能


*  强调某些危险控件


*  元素之间对照感要强





注:需转载请留言告知后加链接,谢谢。

Tips:部分图片来源网络,仅供学习参考若侵即删。


Image title








Powered by Froala Editor

更新:2019-11-14

收藏

1人已收藏

Haywardwang

自律,我不断完美

  • 7

    作品

  • 5

    粉丝

  • 7

    关注

  • 好快活微信小程序
  • 设计风格Ⅱ
  • 移动端标签导航
  • 平面设计风格(上篇)

    猜你喜欢

      2019-11-14 原创文章 经验/观点 举报 1267 1 1 0

      交互设计中的有效引导

      0.0°

      你确定要举报交互设计中的有效引导

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2019年07月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      1
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录