童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

微博UDC:浅谈用户体验的“反面模式”

11月23日 寒霜坞投稿
  作为网站的一个用户,你也许时常会发现,使用网站时,有些东西很令人厌烦。例如一个登录的表单,或是导航,或者是整个网页应用,都有可能让你难以完成一项任务。是什么原因让网站的设计产生了这些问题?
  答案是复杂的。首当其冲的问题是,设计师们可能忽略了很重要的一点:对实际用户进行测试。这个问题的原因通常是,设计师想当然的认为,他们自己知道如何处理好网站某一部分的交互细节。因为很多设计师觉得,他们已经在其他案例中看到过类似的交互,原设计者肯定已经测试过,为什么多此一举呢?拿来就好。于是,我们频繁查看别人写好的CSS开源代码库,直接复制到自己的设计中,而并没有在真实场景中测试。如此一来,我们已经在不知不觉中建立起一个由既定模板堆砌的作品。
  有些模板还比较有效,但有一些就有问题了。假如把这些模版看做车轮,那么经常你直接拿来装在汽车上的轮子可能是自行车轮,驴头不对马嘴。所以没错,你应当重新为你的汽车设计车轮,并且要把轮子装在车上试试。
  你要考虑的事情:
  你的用户未必与亚马逊,谷歌的目标用户相同,甚至与你的竞争对手的用户也不同。想弄明白究竟一个设计模板是否有效,你一定需要亲自请你的“上帝”(用户)来测试。也许你的他们是迪拜的船员(没开玩笑!这是我们公司近期的一个案例)。总而言之,你的用户和其他网站目标用户的需求是不一样的。
  可是,我们不是已经了解到人类大脑如何与信息进行互动吗?
  没错,但是我得重申,这些知识很宏观很宽泛。没有什么事情是绝对的。用哈佛大学最近的一个实验举个例子吧,在这个实验中,研究员们设计的一个游戏能够根据你点击鼠标的速率正确猜测到你的年龄(译者注:更多关于此实验的信息可参考
  http:www。dailymail。co。uksciencetecharticle2313388AgetestdrivedottyOnlinequizrevealsoldREALLYbasedreactiontime。html)。我(指原文作者)也参与了,真是很有开拓性的实验!
  处于不同年龄,不同身体条件,不同文化或其他方面不同的用户会有完全不一样的需求。这就是为什么使用大而笼统的解决办法会有适得其反的效果。
  什么是反面模式?
  反面模式(antipattern)是指在实践中明显出现但又低效或是有待优化的设计模式。你会在网页应用或网站看到这种方法,更具体地说,会出现在任何一个用户产生行为的地方,比如登录页面,输入信息或阅读信息等地方。
  如何识别反面模式?
  作为一个网页设计师,你可能很容易就察觉到设计中明显出问题的地方(比如,一个下拉菜单在你点击其中一个条目之前就收起来)。然而,反面模式中存在的设计问题会更加难以察觉。虽然一个专注于在网站上完成某个任务的用户会跳过这个问题,但依然带有些许不爽。
  为了让这些问题现出原形,你最好打开网络数据统计工具。GoogleAnalytics是不错的选择,因为它免费并且很容易安装。
  你需要从测量到的数据中寻找一些问题的“症状”(有可能是反面模式),包括:
  页面用户访问量的下降
  本来有许多用户被引到某一个页面,但突然大量的用户消失,这时你该仔细瞅瞅这个页面出了什么问题。问问自己,用户需要某一个交互行为来进行下一步吗?他们是不是不知道如何进入下一步?整个页面是否是一个动画?这些问题你必须实地调查才能知晓。把这些问题都记录下来以便于之后的用户研究和分析。
  漫无目的的点击
  如果用户在整个页面上到处乱点,说明他们根本不知道应该点击什么。
  反复的上下滚动
  如果用户在页面内不停地上下滑动滚动条,证明他们找不到自己想要的东西,或者他们压根不知道想要什么内容。
  一些常见的反面模式
  一个可用性的问题不一定等同于反面模式的症结,但是有迹可循的。许多设计中的反面模式因为低效的可用性而被当做差劲的想法,实在很可惜。以下是一些反面模式的案例:
  1。可点击的元素看起来却没有点击的暗示
投诉 评论 转载

移动触屏的手指触发尺寸来自各移动平台的设计指导方针苹果iPhone人机界面指南推荐的最小目标大小为44px宽,44px高。微软的Windows手机用户界面设计和交互设计指南建议一个最低目标尺寸……便捷度人性化体验视频类软件横向评测闲暇之余看看视频已经成为了现代生活人最普遍的休闲娱乐方式之一,所以在iOS平台上视频类软件的竞争也百舸争流,各显神通,但是说到底用户最在意的无非三项:视频本身内容、视频耗费的流……44个酷炫的黑暗主题网页设计黑色代表神秘、黑暗、暗藏力量。它将光线全部吸收没有任何反射。黑色是一种具有多种不同文化意义的颜色。黑色是永远都不会过时的,一直都位于时尚的前沿。具有不可超越的虚幻和无限的精神,……避免设计中的违和感始于美的争论:阳春白雪与下里巴人一个广为流传的关于手机的段子:iOS:游戏拍照发微博;安卓:刷机重启换电池;诺记:开核桃摔手机摔手机;……分析卡片收集游戏《RageofBahamut》盈利机制作者:MichailKatkoff当《RageofBahamut》(推出了Mobage社区的DeNA旗下作品)成为iOS和Android平台上最畅销的一款游戏时,我真的非……写给程序猿们的交互设计编者按:看到此文时恍惚回到自己学习网页的时候,那时候只知有编程,不知有设计。各个论坛大部分时候讨论的也是如何用Frame实现页面的分区,如何做出圆角,以及写一大段javascr……微博UDC:浅谈用户体验的“反面模式”作为网站的一个用户,你也许时常会发现,使用网站时,有些东西很令人厌烦。例如一个登录的表单,或是导航,或者是整个网页应用,都有可能让你难以完成一项任务。是什么原因让网站的设计产生……跨平台字体效果浅析在对设计稿视觉还原的过程中,经常会产生一些字体还原的问题。例如对一些大号文字还原后,实际视觉效果有逊于在photoshop上的效果;在Mac上的设计稿还原后,明明用的还是……Ps改进UI设计的一些技巧UI设计不像平面设计那样随性,期间可以用点技巧来减少痛苦。1。设置网格线保持像素完美不在1:1分辨率下也能保持像素完美,可以通过创建网格线来避免虚边……浅谈用户体验的“反面模式”作为网站的一个用户,你也许时常会发现,使用网站时,有些东西很令人厌烦。例如一个登录的表单,或是导航,或者是整个网页应用,都有可能让你难以完成一项任务。是什么原因让网站的设计产生……7个网页设计新趋势随着网络技术的快速发展,页面设计也不断为之改变。2013年的网页设计趋势也将毫不例外地更新换代。同时在优秀网页设计史上,这将会是一个振奋人心和充满乐趣的一年。接下来我们将为您准……产品设计从“心“开始今天在这里,不以设计师的身份,而从一个普通用户的角度和各位聊聊设计中蕴含的那份情感,关于情感在产品设计中的意义,聊聊设计中的那份源于“心”的情感!nbsp……
Windows10通用版网易云阅读概念设计LandingPage技巧太多,我们只拿实战说话移动医疗产品设计:预约挂号的流程和原型设计设计的根本是为用户解决产品的结构问题IfDesignedLikeThis。红包口令如何再做一款社交产品MVP之上,MVPPro才是最短、最低、最好的万一“不幸”遇上产品重构,怎么办?移动应用启动页的小巧思:使用场景与如何设计产品设计方法论如何设计用户激励体系Facebook动态消息算法揭秘:它比你还了解你自己从faceu、same的爆火,谈如何做出一款梦幻般的“杀手级
绝平出线!中国国奥力压东道主晋级,冲击奥运会完成第一步我与跳棋的亲密接触小学作文700字年度工作计划产后乳房会变大吗保养不当反而会更小被标签化的创业者们有哪些必须甩掉的锅一台桌面拓展坞,掀开了显示器雪藏的神技能,后悔买晚了一株幼苗的启示鱼缸需要除油膜吗逆水寒手游官方承认自己话说太满?果然还得看实机说话!热博聚热 精选我的烦恼小学作文600字汇总十篇名将戚继光的另一面贪恋美色遭原配休夫微信查单人聊天记录(怎么样查找聊天记录微信)

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界