网站不是炫技场,设计要为内容服务

以前经常吃公司旁边的食堂,人多,排队。夏天的时候,我们总要找一个靠窗口通风好的地方坐,没有空调只有风扇,风扇很多,开关都集中在一个地方,应该是方便操作人员统一管理,有时自己头上的风扇没开,当我要去开这个风扇时,麻烦来了,很多排的风扇开关,到底哪个是我头上的呢?

生活中有很多总让我们感觉莫名其妙,或者停下来需要思考的情况,有时不得不求助,到了互联网上,可能很多情况发生了也没什么求助的方法,只能自己猜,不猜了就只好关掉。

网页上每项内容都有可能迫使我们停下来,进行不必要的思考。比如内容信息看不懂,操作功能不明确。例如,文案。常见的罪魁祸首是那些很酷或者自以为很聪明的名字、带有营销倾向的名字、和具体公司有关的名字以及生僻的技术名词。(Don’t Make Me Think第一章)

当我们访问Web的时候,每个问号(让用户不明白的地方)都会加重我们的认知负担,把我们的注意力从要完成的任务上拉开。这种干扰也许很轻微,但它们会累积起来, 有时候这样的干扰不用太多,就足以让我们抓狂。况且,人们通常不喜欢苦苦思索背后的原理。建造网站的人没有让它们明白易懂(而且容易使用)会让我们对这个网站以及网站的发布者失去信心。

按用户心智模型去设计产品,下面列出一大堆访问者在访问网站时不应该花时间思考的事,例如:

• 我在什么位置?

• 我该从哪里开始?

• 他们把××放在什么地方了?

• 这个页面上最重要的是什么?

• 为什么他们给它取这个名字?

不让用户思考过多,原则上就是设计符合用户心智模型。大致可以从下面几个方面来讲:

1文案:需要让人容易理解,快速记忆。根据不同产品定位,找到恰当的切入点,文案过长或者使用用户不理解的情景,如技术用词,营销用词等,都会使人不知所云。

省略多余的文案,比如过分修饰,欢迎语,多余指示性语句,这些罗嗦的词语会影响用户对关键信息的阅读理解和判断,必须干掉。

2图形:好的图形表达是优于文字的,但是图形没有把内容表示明确,反而适得其反,给用户造成理解上的困扰。

很多情况下,我们好像都很喜欢做一些很炫的icon来表达某些内容,这些是会起到吸引性,但要记住一点,你的图形是不是很好的阐释了内容,如果做不到,那就去掉吧。不如放大标题来的更好。
每个网站需要有它的独特性来吸引用户,但表达这些独特性的元素,例如图形,一定不能对用户理解内容产生干扰。很重要的一点,我们设计是要表达什么,为了什么,怎样更好的帮助用户来理解这些表达,是我们一定要做到的。

网站不是炫技场,设计要为内容服务。

3信息:信息其实是文案、图形等形式的混合体。信息之间,是否建立了相应的关联度,不相关联的信息之间是否产生了干扰。

大量的信息是否进行了合理的分类,以减轻用户的寻找时间。信息分类处理上,有个深广度问题,广度站点因为层级少,可以让用户不需要点击过多就可以到达底层;深度站点需要点击更多次,但它在每一层次上可以做到让人的思考最小化。关于信息的深广度,详细见这里。
所以,有效合理的信息分类可以帮助用户快速准确浏览和完成任务。

4引导:通过菜单,导航,面包屑等手段有效引导用户行为路径,让用户方便去他想去的地方,回他想回的地方。

在路边,我们希望有路牌指示;在杂志上,我们希望前面有目录,在每页我们还希望有页码,在网站设计中,我们引导好用户需要浏览的内容;在用户需要的时候给予网站工具来方便完成任务,在这点上,很多时候我们总是希望上新功能,把功能做的突出,殊不知用户是不是也这样想,他到底在这里需要什么。

5操作方式:充分顺应用户的心理思维,来设计功能的操作,可以使用户快速上手。

汽车方向盘往左打,汽车就往左开;插排电源按下去灯亮;相关内容旁边放置相关操作,操作尖头朝下说明有下拉内容,等等。这些操作方式都是要符合用户心智模型的。

6一致性:设计在同产品(甚至同类产品)中保持一致性,可以大大降低用户理解成本,使用户快速上手,增加用户的使用率。

这里的一致性包括颜色,形状,内容,操作方式。比如红绿灯如果各地都不一样,外地人来了岂不会导致交通混乱。同一个网站也应该有这样的一致性,有些都可以保持行业的一致性,比如页面上使用一样的翻页等,既可以降低制作成本,又对用户的使用有良好的认知帮助。到一定程度,也会提升一个品牌的认知,比如阿迪达斯到处使用的三道杠。

下面看个例子:这个是某期宝贝传奇的宣传页面,进来以后甚是让人看不懂!没有很好的根据用户心里预知和相关内容的合理放置来设计。这只是一个活动,如果是一个长期产品,用户接受程度可想而知。

我们都知道别让我思考最经典的页面是google首页:logo起到网站认知作用,搜索框紧跟logo并最大化使其最容易被使用,其他信息按归类放置,并根据等级高低依次减弱。虽然大多产品都有其他商业性需求考虑,但设计师不能被这些冲昏头脑,机械性的表现内容。多花心思把繁杂信息理清楚,要知道,设计师都不是很清楚信息的关系,用户就更不会明白。

时间: 2024-09-30 13:06:01

网站不是炫技场,设计要为内容服务的相关文章

网站设计技巧:网页元素设计和网页转场设计

文章描述:浅谈网页元素与页面的转场设计. 在电视作品中,段落与段落.场景与场景之间的过渡或转换,叫做转场.为了使电视片内容的条理性更强.层次的发展更清晰.在场面与场面之间的转换中,需要一定的手法. 网站也是类似的,一个完整的网站由若干页面组成,而每个页面又由若干元素组成.为了使网站内容的条理性更强.操作逻辑更清晰.用户体验更好.用户转化率更高,在不同元素与页面的转换中,也需要一定的技巧. 过渡效果 a 渐入渐出 这种方式非常常见:比如在酷狗音乐盒中关闭音乐后,声音在几秒钟内逐渐停止,而不是马上消

看不见的面孔:“炫技派”、“勒索派”之外,黑客有何新类型

这个5月,全球电脑遭受"想哭"(WannaCry)病毒攻击,政府.学校.医院等机构电脑大范围"中枪"瘫痪,黑客要求受害者缴纳300美元比特币解绑.欧洲刑警组织表示,袭击仅过去两天时,全球就有多达150个国家超20万台电脑受到感染.这一数字还在持续增加. 但熟悉黑客历史的人们,并不会对此次事件感到新奇.该事件的黑客属于"勒索派",即通过木马和后门程序挟持目标,向对方索要赎金.这是网络安全史上最常见的黑客类型,出现频率堪比以炫技为目的的黑客.不过,随

《柔软》首演孟京辉不炫技廖一梅很拉风(组图)

导演孟京辉 编辑廖一梅 廖凡到场 周笔畅到场助阵 叶锦添 演员詹瑞文 周笔畅排队入场 石康 范植伟和郝蕾 孟京辉抱起廖一梅 郝蕾 表演现场 表演现场(点击小图看大图)点击此处查看其它图片 新浪娱乐讯 11月17日晚,廖一梅编剧.孟京辉执导的新作<柔软>在保利剧院上演,带领观众从冰冷走向温暖,感受了内心的悲伤.观众和媒体的好评,终于让他俩不再忐忑.这一次,孟京辉没有故意炫技,而廖一梅的剧作大获好评更拉风.郝蕾.范植伟和詹瑞文的表演在舞台上形成鲜明对比色. 廖一梅很拉风 观众理解深层 前期宣传中,

薛啸秋专辑销量超李云迪被封最年轻炫技钢琴家

薛啸秋专辑封面 他5岁练琴,16岁便在欧美三场指标比赛中赢得冠军,目前师从"冠军教练"但昭义:他是环球唱片今年签约的最年轻古典艺术家,专辑<魔指>在台湾仅发片一周,就登上大排行榜冠军宝座,卖过师兄李云迪,受到年轻人的狂热追捧:他双手能达到1秒弹64个音的恐怖速度,被封为"史上最年轻炫技钢琴家",被国外媒体誉为继郎朗.李云迪之后,中国升起的又一颗钢琴新星--昨天,华西都市报记者获悉,这名新晋"钢琴王子".大三学生--薛啸秋,将于11月8

简单是王道 一心炫技的智能电视必将死路一条

  笔者按:大道至简是中国传统哲学理念中很重要的一条原则,但是却在社会不断向前快速发展的过程中被不断弱化,乃至遗忘.在智能电视领域,我们看到越来越多的噱头和概念,也尝试着花费更多的时间去适应,结果却是很悲催--绝大多数人被绕晕了. 智能电视近几年的迅猛发展,让业界对之寄予厚望.认为其将是对抗智能手机和平板强有力的武器,也是解决开机率低.收视率低的无上武器.但事实究竟如何,恐怕只有厂商和用户心里最清楚.现实情况是,用户已经养成买电视必买智能电视的习惯(市场上的非智能电视几乎难觅踪影),但买到家后,

网站制作流程及界面交互设计研究探讨

交互|设计 很多朋友希望,我能把我做网站的一些流程及经验跟大家分享一下,最近刚好做一次内部培训,所以稍微整理了一下,这些只是针对网页初学者,具有一定平面设计水平的人,对HTML不是很了解,他们可能只是想做一个个人主页而已,所以整体还是趋向于传统的表格布局,这里有很多都是一些我个人刚开学时自己摸索的经验,所以可能不是很专业,但是绝对是比较容易入门的,我一直有这种思想,你只有塌进来了,你才可能往更高的地方爬,我想当初如果没有这段的学习,现在我也不会明白什么W3C,什么CSS,什么ASP,什么XML,

保持网站简洁外观:简洁的网页设计衬托网站内容

文章描述:通过本文你能从中学到一些经验.本文作者迈克·埃文斯(Michael Evans)是一位热情的博客写手.他擅长Photoshop,贡献了多篇网页设计和开发的教程,并且受到了读者们的喜爱. 导语:简洁并不等于极简主义,在保持网站简洁的外观的同时,辅以其它元素的使用,同样能够达到要求.那如何做到这一点呢?通过本文你能从中学到一些经验.本文作者迈克·埃文斯(Michael Evans)是一位热情的博客写手.他擅长Photoshop,贡献了多篇网页设计和开发的教程,并且受到了读者们的喜爱. 洁净

1688网站搜索LIST页面用户体验设计

网页制作Webjx文章简介:1688网站搜索LIST页面用户体验设计. 改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台.根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标.我们搜索产品线的产品经理与用户体验设计师们进行了长达半年的准备工作. 项目组成员将对现有的功能需求,信息架构,视觉色彩,用户体验等,做多视角.多纬度的分析.力求在1688.com上线后,推出另一个电子商务垂直搜索用户体验盛宴

不用炫技就易刷屏的十大H5主题

  一.三情(亲情.爱情.友情) 首草先生的情书 主题-刷屏h5"> 扫描二维码,查看详情! 在这个H5里,首草没有选择呈现过多的互动技巧,只是静静地用大段文案和黑白影像向你诉说一段男人的心路.三情可以说是人类永恒的话题,应该是最容易激起人类心底柔软部分的情愫. 据W三水老师分享,该作品是W目前众多H5作品里活跃周期最长的;以前一个粘土动画H5反而因动效太炫喧宾夺主.三水老师同时表示,他们再不会做这种"蠢事"了.所以小伙伴们,忘掉炫技,多关注关注我们的文案策划吧! 二.