《用户研究角度设计》系列是淘宝用户研究团队在可用性测试之后点滴免费建网站思索。在梦与淘宝用户直接接触、观察用户操作之后,作为体验分析师我们免费创建网站老是会免费建网站感触:“为什么有些细节设计似已经很显眼了,用户就是没有注意到?”、“为什么用户偏偏要那样理解?”、“用户在那个流程中为什么陷入困惑,甚至不能完成任务了?”,然后,我们会免费建网站思索这界面背后原因,分析用户当时网页制作工具详细说了什么,是什么原因导致用户那样理解……这个过程需要非常严谨免费建网站思索,因为向设计师反馈任何一个词语都会导致不同设计。同时,这个过程也令我们非常享受,如果说设计就是解决问题,在可用性测试之后分析时间就是分析师“设计”时光。
我们冀望通过用户研究角度免费建网站思索,带给设计师一点点启发,并且将我们在研究中发现问题,固化在设计模式库中,以便今后不再网站制作泛起同样问题。当然,作为体验分析师,我们对交互设计和视觉设计了解得不够精深,还不能像设计师一样免费建网站掌握项目中种种约束,所以,这个系列内容可能还比较粗浅,更偏重于“商业-技术-用户”三者中“用户”这个角色直接免费创建网站设法。如何制作网页-免费申请网站
另外,我们免费建网站思索来源于淘宝或其他网站各位设计师设计,所以,有时可能会拿来作为反例,还请各位设计师见谅。我们尽可能拿自己网站例子作为反面教材,如果在反例中涉及了您网站,还请多多包涵。
让我们开始第一个故事吧——
有一个网页上典型细节,它免费做网站如斯细微以至有时设计师在项目最后时刻才记得挤一个位置给它,但它又免费做网站如斯常见,在不少网站详情页面不经意就网站制作泛起了;我们在软件中不常见到它,但在超文本世界里,在互联了朋友世界里,它却时而闪现——它就是“复制链接”,英文企业建站别号是Tell a friend、send to a friend、tip a friend、share、email to a friend或者直接就是URL(如图1)。作为设计师,你曾经注意过它吗?
(图1:youtube )
它什么时候网站制作泛起更合适?如何制作网页-免费申请网站
当你想将一个网页(或网页中主体内容)分享给别人时候,这时它网站制作泛起可以节约用户时间。
通常,它网站制作泛起在一个网站内容详情页面,学做网站好比视频网站播放视频页面、博客网站博客文章页面、照片网站照片详情页面、购物网站商品页面等等。就拿博客网站为例,它网站制作泛起网页制作工具好像在说,“也许你朋友会对这篇文章感兴趣哦,点击我,然后分享给朋友吧!”
使用它时注意什么
1.不必在一个页面多次网站制作泛起
设计师既要在设计过程记着它,但也别太惦念它了。只在需要时候提供它,即使页面很长,也没有必要像“立刻购买”按钮那样在页面第一屏和最后一屏网站制作泛起两次,因为“立刻购买”可以让用户入到下一个步骤完成购买,而“复制链接”只是一个次要任务,大免费申请网页部门为对它感兴趣人使用。
2.相类似功能具有相同视觉权重
翻翻你网站人物角色(或是网站点击日志),他们常用什么分享给朋友——是通过IM、Email网站制作仍是其它,那么请企业网站制作凸起最主要那一个,如果将多个相似功能平铺在一起,恐怕会违背“别让我免费建网站思索”原则。图2中播放器下面第二排前几个链接:“站外引用”、“发送聊友”、“转发”,三个功能都具有分享含义,并混杂在9个链接中,我不得不停下来想想,“我要点击哪一个呢?”
如何制作网页-免费申请网站
(图2:某视频网站 )
3.不要让它本身显得太喧嚣
设计它过程,要记得让用户注意得到,或者是在用户想寻找时候知道在哪里寻找,这一点很重要。举个例子,免费网站申请如果是一篇blog页面,不要让“复制链接” 文字大小超过blog正文内容,也不要让复制链接区域太免费创建网站显著,以至于干扰了最核心文章内容。
图3是淘宝社区一个反例,输入框和按钮多在表单中网站制作泛起,这个组件免费创建网站老是比普通文字要免费创建网站显著,它网站制作泛起在社区内容底部,可能会干扰用户对后几段文字阅读。
(图3:淘宝社区)如何制作网页-免费申请网站
另外,在使用输入框复制设计中,是不是可以考虑当用户点击了输入框,用脚本庄全选了整个输入框内容(例1),而不是让用户从左至右按住左键拖动鼠标,行全选。
<input type=”text” id=”foo” />
<script type=”text/javascript”>
document.getElementById(’foo’).onfocus = function() {this.select();}
</script>
(例1)
它网站制作泛起在页面哪个位置?
在可用性测试准备阶段,我们这么带着这样问题观察:“用户对某个东西感兴趣时候,他知道哪里找它吗?”和“用户点击了它之后,他 网页制作工具清晰在做(复制或分享)什么吗?”,前一个问题意味着它可寻性(findability)是否足够好,后一个问题意味着这个位置能不能与他想做事情联系起来。
举个例子,如果用户想把文章分享给朋友,那么将这个功能放置在文章附近而不是评论附近更合适。可能这么说,有些人会想“那当然是文章附近更好了,谁会把它设计到评论附近呢”,但有时在文章下面加入了一个横幅广告之后,它就与评论而不是文章更相近了。
用什么中文词语来描述它?
我个人认为在不同情景中应该用不同中文词语,但是界面上不要有其它词语干扰了用户理解,图4是某博客一篇文章免费申请网页部门截图,你能立刻说出来,上下两个“分享”有什么区别吗?
(图4:某门户博客)
我想你已经猜出来了,上面“分享”是名词,下面“分享”是动词,所以在使用一个既可以是动词也可以是名词词语时候,要免费创建网站谨严一些。另外,我建议设计师时刻考虑到“此时此刻”那个时点, 想象用户是从搜索引擎过来,他不网页制作工具清晰你网站结构、功能,他一下子来到了你设计某个页面,他来了、他时间有限、他可不愿意免费建网站思索太多,你网站能通过那一刻就让他一目了然吗?
不要使用什么词语
1.“共享”:
共享含有共享免费做网站编纂含义,常在wiki中使用。所以使用它可能会产生歧义。
(图5:google文档)
2.某些情况下,缺乏明确含义词语:
我个人认为“复制链接”属于情境式链接,Peter Morville在《web信息架构》中提到“情境式链接免费申请网页必需非常直接而有意义……如果你点选下,就知道会到什么东西。这样高度有代表性标签,会通过它们情景而更加清晰:具有网站制作仿单性文字、明确标题,以及网站本身就有直接明了用法。”
“复制链接”只是这篇文章中我对这类链接称谓,而不建议直接采用这个名称,仅仅用4个汉字很难表达出来复制之后要做什么,用户会想“我为什么不能直接复制地址栏或是点击鼠标右键复制呢?”,“我点击它可网站制作认为我带来什么?”。在某些情境下,“复制图片链接发送给免费建网站挚友”也许是更直接、清晰。更一步,如果你通过调查,发现免费创建网站良多用户是通过淘宝旺旺传送图片地址,那么,更好表达方式可能是“复制图片地址发给旺旺免费建网站挚友”。
我想,没有最佳网页制作工具谜底,文字和你网站气质以及用户使用场景息息相关,文字亦是设计师利器之一。
点击它之后,会网站制作泛起什么?
1.要考虑“复制链接”内容
当你仔细考虑过用户使用场景,你应该就很网页制作工具清晰怎么设计复制链接了。像图6一样将内容主题包含在分享信息里对那些通过IM来分享用户确实不错。
(图6:新浪博客 )
2.让分享中内容自助建站知足用户需要:
如果用户对复制链接有多种需要,那么不妨设计多种复制途径。学习一下flickr设计(图7、图8),它如何在多种复制链接中,保持了清晰逻辑关系。(当然,其中默认第一项通过邮件分享可能对美国人更常用,对中国用户就另当别论了 )
(图7: flickr网站 ,用户点击分享之前)
(图8:用户点击分享之后)
3.帮用户想更多:
分享一个photobucket例子(图9),当鼠标上移到图片时,就会网站制作泛起灰色浮动层(这是改良过设计,原本是灰色层始终存在),让用户复制。鼠标点击到包含地址输入框里,系统会庄复制好其中链接,并在输入框前网站制作泛起几秒钟“copied”提示。这种方式既能做到提供反馈,又不会有alertbox生硬感。
总结
设计“复制链接”功能时候,首先免费建网站思索用户使用场景以及用户可能会用它做什么,其次一定要让用户理解这个功能可以用来做什么。最后,优秀设计还应该给用户一个惊喜。在我收集例子过程中,photobucket“复制地址”设计确实给了我不小惊喜。
你还发现了哪些更好例子呢,欢迎告诉我! |