最近在使用Apple.com/Ebay.com/Amazon.com/shopping.yahoo.com的时候,发现一些用户使用细节的小问题.针对这些问题,网页教学网体验了前面四个网站的处理方式,觉得还是有可以借鉴的东西.针对suggestion的情感化设计细节处理:EBAY.COM当用户觉得不想使用suggestion,或认

最近在使用Apple.com/Ebay.com/Amazon.com/shopping.yahoo.com的时候,发现一些用户使用细节的小问题.针对这些问题,爱安网体验了前面四个网站的处理方式,觉得还是有可以借鉴的东西.

针对suggestion的情感化设计细节处理:

EBAY.COM

当用户觉得不想使用suggestion,或认为suggestion会给他带扰的时候,用户可以选择关闭suggestion.( suggestion有的时候可能会切断用户的心流,对用户的心智模型造成影响)

当用户想重新使用suggestion的时候,仍然可以通过搜索框内右边的按钮还原suggestion功能.此时,当鼠标移到还原按钮上面时候,为避免用户不理解按钮的意义会有一个TIP来显示按钮的作用.

YAHOO SHOPPING

在YAHOO SHOPPING橘框内,我也发现了suggestion可自由关闭的功能.

小结:表面上看,貌似这些功能是锦上添花,但是从用户情感化设计上考虑,这些功能也能为用户建立更多的信心,去大胆尝试并频繁使用搜索的新功能.

搜索框内容的一键清空细节处理:

APPLE.COM

苹果公司不愧是一家很关注用户体验设计的公司,在他们官网搜索功能的细节处理上,真是可见一斑!

当用户在搜索框输入关键词的同时,会在搜索框的下方出现产品分类的suggestion ,并且在搜索框内部右边(图中橘框内) 出现清空搜索关键词的按钮.
当用户输入关键词出错或对原有已经输入的关键词进行删除, 重新搜索的时候,都要用(backspace键).但如果增加了” 一键清空”功能.只要用鼠标轻轻一点.就解决了反复使用键盘backspace键的烦琐操作.对用户来说这个小小的细节设计,给用户带来了很大的方便.

图中绿色框内的设计十分巧妙,充分体现了苹果公司设计师的特色.用户会发现搜索框附近没有确定的按钮(为了视觉的美观性与平衡性) , 但用户可以使用回车键,或点击绿色框的文字链一样可以达到搜索按钮的作用,这种设计既了视觉的平衡,又了功能的需要.真是Perfect!

最新资讯
高通扩展5G芯片业务边界

高通扩展5G芯片业务边

美国国防部官员曾建议美国电信厂商发展本土5G时应采取
手机企业难革彩电业的命

手机企业难革彩电业的

与小米、华为跨界时引发的轰动效应相比,OPPO做电视在家
人民日报海外版:逼退“淘宝台湾”民进党打压陆资不择手段

人民日报海外版:逼退“

距离“双11”已不到一个月,正当大陆的电商、消费者都在
传Uber拟11.9亿美元收购戴姆勒和宝马旗下Free Now

传Uber拟11.9亿美元收

美国打车服务巨头Uber已经提出一项收购要约,出价逾10亿
马斯克:特斯拉有望在今年底全面推出自动驾驶功能

马斯克:特斯拉有望在今

特斯拉CEO埃隆·马斯克:未来数年,特斯拉的电池生产成本
特斯拉连续五个季度实现盈利 盘后涨超2%

特斯拉连续五个季度实

当日,特斯拉汽车股价在纳斯达克常规交易中上涨0.70美元
最新文章
网页简单布局之结构与表现原则分享

网页简单布局之结构与

一般来说html结构 css表现 javascrip行为,网页布局要考
隐藏 Web 中的元素方法及优缺点教程详解

隐藏 Web 中的元素方

这篇文章主要介绍了隐藏 Web 中的元素方法及优缺点教
白话分析自适应跟响应式的区别详解

白话分析自适应跟响应

这篇文章主要介绍了白话分析自适应跟响应式的区别详解
div与div之间有空隙的解决方法

div与div之间有空隙的

今天在制作页面的时候发现两个div之间有空隙导致两个
推荐一款酷炫闪烁的告警按钮

推荐一款酷炫闪烁的告

今天小编给大家推荐一款酷炫闪烁的告警按钮,非常不错,具
移动端开发1px线的理解与解决办法

移动端开发1px线的理

这篇文章主要给大家介绍了关于移动端开发1px线的理解