您好!欢迎来到99网站目录! 提交网站流程-> 注册会员 -> 提交网站 -> 等待审核...
数据统计:157个主题分类,46611个优秀站点,1600个站点正在排队审核,1712篇站长资讯
【通知】 本站经过两年的运营,得到了广大站长的支持与帮助,现对网站进行前台部分修复与改版,希望大家多提宝贵意见(2019-11-21)。

引导性交互界面怎么设计才能直观有效?

来源:久久网站目录 浏览:762次 时间:2015-12-11

1. 形色引导

形状、色彩、大小等进行引导。当人们大脑接收到一定量信息时,会对相似的的信息进行分类来简化信息的处理,所以我们在设计中可以把同类型的元素使用相同的形状或色彩等。比如在选择购买电影票或宾馆时,我们所需要筛选的信息较多,如日期、位置、影院/宾馆,这时候把这些信息使用相同的样式展示,用户很自然的认为这些信息是有关联的,都是为了筛选影院/宾馆所需的条件。

使用形色引导用户筛选信息

在移动也可以采用这种方式,在信息较多时建议适当隐藏。

移动上的应用

2. 方向引导

默认情况下,我们都习惯从左往右,从上往下的扫描信息,所以我们设计时一般也是依照这个惯例。

方向性视觉线

有时候在一个任务流中或者一个页面中,难免会遇见迷惑的地方,这时候我们就要引导用户通向真正的目的地。最典型的就是iOS解锁提示。

slide to unlock

3. 运动引导

人们最容易捕捉的就是运动的物体,这个运动不是只位移,像iOS解锁提示同时也使文字有方向闪烁来产生运动,就好像你已经迷失在人海中,有人再向你招手一样。比如点击加入购物车之后商品飞到了购物车图标里、选好观影座位后座位号飞到了购票订单处等,视觉自然的就过渡到了下一步骤。

Mac OS 窗口最小化

移动端同样适用,如Path。

Path

4. 向导控件

如果一个任务需要多步操作跨越多个页面,那么可以用向导控件来引导用户完成多步操作。同时还可以告诉用户完成这个任务一共需要多少步、现在在哪个阶段、剩下多少可以完成任务等。

Amazon

豆瓣同城

End.

推荐站点

  • 奇趣屋奇趣屋

    奇趣屋收集每日最新的奇闻趣事,奇闻异事,奇闻怪事,天下奇闻,灵异恐怖,未解之谜,奇趣自然,外星奥秘,科学探索,猎奇怪事,世界之最,历史真相趣闻。探秘天下未解之谜,分享全球奇闻趣事。

    www.qiqu5.cn
  • 亿网目录亿网目录

    亿网目录(www.ywdir.com)专业的网站分类目录平台!为您提供网站分类目录索引及网址大全库的建立,是目前较为专业的网站分类目录平台,为用户打造大型正规分类目录网,提供高效便捷的网址存储和查询服务的分类目录网站。

    www.ywdir.com
  • 搜站目录搜站目录

    搜站目录(www.szdir.com)专业的网站分类目录平台!为您提供网站分类目录索引及网址大全库的建立,是目前较为专业的网站分类目录平台,为用户打造大型正规分类目录网,提供高效便捷的网址存储和查询服务的分类目录网站。

    www.szdir.com
  • 技术导航网技术导航网

    技术网址导航搜集互联网各种优秀的网站网址,(Www.Jsdhw.Cc)新技术导航网全力打造全网最实用简洁的技术网址导航基地,一站式网络技术学习起点站,用心打造最实用的技术网站导航,优秀资源分享站点技术导航网。

    www.jsdhw.cc
  • 高仿包高仿包

    竭誠精品-高仿世界名牌包包專賣網主營高仿LV包,高仿GUCCI古奇包,高仿HERMES愛馬仕,高仿CHANEL香奈兒,高仿PRADA,高仿巴黎世家等國際高仿包包、1比1高仿女包、高仿包、精仿奢侈品、世界名包、皮帶、皮具、手表、飾品等。LV新款包包同步香港LV專櫃及LV官方網站,LV行業最好品質!

    awhso.net
  • YY分类目录YY分类目录

    YY分类目录全人工编辑的开放式网站分类目录,收录国内外、各行业优秀网站,旨在为用户提供网站分类目录检索、优秀网站参考、网站推广服务。

    www.yydir.com