网页重设计的7个常见误区与解决方案

“如果所有都是重点,那么就不存在重点了。——Patrick Lencioni”“用户在手机上永远用不到这些内容。”

绝大多数的网站会随着内容的增加、需求的改变和产品的演进而进行重新设计。但是,不可避免的,网站重设计会遭遇各种各样的问题,碰到误区,陷入困境。绝大多数的网站重设计所遭遇的误区都很相似,想要破解也并非难事。

1、保留全部内容

我明白,做取舍总是一件艰难的事情。现有的内容已经和你的网站一同存在了多年,要舍弃其中的某一部分对你而言,是一件艰难的事情。

但是,当你决定要重新设计网站的时候,不妨问一下你自己:现在的这数百个页面是否真的能解决你的访客所有的问题么?

网页重设计的7个常见误区与解决方案

在取舍的问题上,单纯审视内容是否需要保留并不足以做出决策——你得有足够的理由说服自己这些内容值得保留。保留全部内容是一个典型的“囤积控”的心态,对于网站的访问者而言,这样心态下重设计的网站所带来的体验可能是灾难性的。网站内容应当重新审核。同网站的实际用户和潜在用户去沟通,用实际的反馈和数据来作为重设计的支撑。同陈旧过时的内容说再见,用精炼的语言和精简的页面来构建一个新的网站吧。

很多时候,内容策略师的角色更像是婚姻关系顾问,你需要确定哪些内容是冗余、过时、琐碎的,为什么它们会造成困惑,而哪些是实际有用的。

2、重视趋势,忽略持久价值

网页重设计的7个常见误区与解决方案

视差滚动,长阴影,视频背景,粘滞式导航,全景大图背景,无限滚动,作为一名设计师你应该不会忽视这些正在流行的设计趋势,毫无疑问。

时下流行的设计趋势,总会出现在你打开的每一个网站上,它们时刻都在暗示你它们是如此的受欢迎。当你准备重新设计网站的时候,它们总会第一时刻涌入 你的大脑,毫无违和感地介入到你的设计方案中来。但是别忘了,网站重设计的首要任务并非炫技,而是重新组织内容,帮助网站访客解决问题。

这个时候,你需要记住三个原则:不要为了设计而设计;对你的品牌保持忠诚;易用性永远在第一位。

如果设计趋势真的符合用户需求,能提升整体体验,拿来使用不无不可。如果它仅仅是让网站更加炫酷,那么是否采用还值得商榷。合适的才是真的好。

3、全是重点

网页重设计的7个常见误区与解决方案

当我们被客户告知他们说的每一条信息都很重要的时候,他们所处的状况可能需要我们提供很多帮助。但是当你真正深入了解的时候,就会发现什么是真正重要的,而其他的是次重要的,甚至有些信息是不重要。

当你的利益相关方,尤其是甲方为你提供信息的时候,这种情况发生的机率相当高。当你开始网站重设计的时候,你可能会希望每一条信息都要出现在首页,紧接着,你会发现这样设计出来的首页,很可怕。

“如果所有都是重点,那么就不存在重点了。——Patrick Lencioni”

这是一个最常见的误区,它所导致的直接结果缺少层次,信息过载。所以,你应当让每个页面有一个重点,一个核心,这意味着有些信息将不会得到重视,但是用户总不会因为没有重点而无所适从——至少你所呈现出来的重点,会被用户注意到。

4、主观臆测

“用户在手机上永远用不到这些内容。”

实际上这是这个令人不安的对白出现的频率还挺高的。纵观过去十年,当人们需要针对移动端来设计网页的时候,他们会将网页原有的一部分内容直接去除掉。

网页重设计的7个常见误区与解决方案

当然,重设计过程中,减少内容通常是一件好事情。但是,当你开始基于自己的主观假设而开始针对特定内容进行删除的时候,情况就稍微有点危险了。用户在电脑上翻看网页的时候还好,结果打开手机浏览的时候,发现某些他所需要的部分没了,情形无疑是尴尬的。

一般说来,没有数据支撑的假设直接拿来做设计,并不是好主意。

虽然我们常常号称“站在普通用户的角度”来分析,但是作为设计者和产品经理的思维方式与普通用户相去甚远,关注的点差别很大。所以,在做精简或者删 减工作的时候,不要代表实际用户来做这种假设。尽量将完整的流程,全部的模块合理的进行重新设计,呈现在小屏幕上,并且通过用户调研和反馈来进行优化和精 简。

5、忽略沟通

当你在设计网站的时候,总是期待将普通访客转化为网站的客户,对不对?

你期望自己的网站能够为客户带来某些价值,给予帮助,但是那个小小的“联系我们”链接总是在角落里面,许多普通用户打开网页之后,很少会继续往深处点击,浏览的人多,咨询的人少,真正下单购买产品和服务的就更少了。

网页重设计的7个常见误区与解决方案

所以,真正要解决这个问题,你需要让用户尽可能方便的同你开始沟通,提供注册也好,通过邮箱订阅信息也罢,提供社交帐号授权也可,鼓励用户同你和你的网站构建联系,哪怕他此刻不会购买产品,但是留下了沟通的渠道,至少让他不会忘记你的网站和产品。

另外有一点也值得注意,网站通常不会只有一个首页,用户常常会通过搜索引擎进入某个子页面或者单页,你应当在设计的时候注意让这些页面也拥有沟通的链接或者邮件订阅入口。

6、干扰用户体验

网页重设计的7个常见误区与解决方案

的确,你应当吸引用户的注意力,但是这不能以“欺骗”用户,或者辜负用户的信任为代价。

当你被一个充满噱头的新闻标题吸引了注意力,点开却发现内容完全不是你想的那样。标题党令人生厌。同样的,通过搜索引擎找到你想要的产品或者素材,打开页面之后却直接出现弹出框,要你注册,要你支付,有的甚至压根就不是相关的页面。所有的一切都是在干扰、打断用户体验。

也许在网站中采用这样的设计,短期内会有一定的效果,但是从长期来看,这种干扰性的用户体验很难让用户留存。

你的网站是在帮助用户达成目标,获得价值,千万不要打断他们正在进行的流程,破坏用户体验,尊重使用你的网站的用户,当你给予用户足够尊重之时,他们会用尊重予以回馈的。

在此之后,用更高价值的产品、服务和内容来吸引用户,而不是强迫用户注册。如果你真正在意你的用户,就不要干扰用户体验,而是让他们注意到注册之后拥有更高的附加值,有更好的服务,这样的设计才是双赢的。

7、不考虑用户的过渡

网页重设计的7个常见误区与解决方案

重设计网站无疑是一件好的事情,但是对于老用户而言,大规模的改变是好事还是坏事还值得商榷。

忽略老用户在重设计之后的过渡是许多网站重设计中的败笔。重设计对于许多老用户而言,是需要重新学习和熟悉的,毕竟以往熟悉的东西变换了位置,甚至直接没有了。意想不到的改变,会导致整个体验上的缺失和挫折。

解决方案其实也不复杂,将原本的用户流程也纳入到新网站的设计当中来,通过诸如 intro.js 这样的功能模块来提升网站的新用户引导流程。还有的网站会让旧版和新版同时存在,使用301重新定向,将用户从旧版引导到新版来帮助用户进行过渡。

 

译文来自:优设

原文地址:Medium

原文作者:Steve Luvender

译者:@陈子木

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/29201/

(0)
CatherineCatherine
上一篇 2017-05-23 12:36
下一篇 2017-05-23 14:45

相关推荐

  • 前车之鉴:一个视觉交互设计失败的案例

    最近在做产品设计时,遇到了一个非常典型的设计失败案例。这个案例反应了一些老生常谈的问题,我觉得非常有意思。

    2017-06-01
  • 品牌基因法做图标——实战篇

    菜心的品牌基因法不知道大家有没有忘记,之前有写过两篇,今天来写第三篇——实战篇,根据真实的案例来再次讲述如何运用品牌基因法制作图标!如果你忘记了之前的品牌基因法(升级篇),可以先去回顾一下,网址如下:品牌基因法做图标(升级篇)

    2017-08-04
  • 音乐社交的本质——从云音乐引发的产品思考

    社交虽常见,但音乐真的适合社交吗?音乐社交存在哪些特殊性?如何利用音乐来社交?可能你常常使用云音乐,却不曾想过这些问题。现在来看看作者对这些问题的思考吧。

    2017-05-22
  • 如何改版一个3亿用户的神奇网站

     #交互学堂#十年后的今天,随着58的业务越来越壮大以及一些创新产品的加入,单纯的形式越来越难以承载业务含义,统一的样式也越来越难很好地满足用户的需求。  为什么要改版 58同城自2005年创立以来在APP、M、PC主…

    2016-11-03
  • 【用户体验】健康家居生活就选择稚爱儿童水漆

    我心目中的家不需要非常大,只要整洁温馨就好。快过年了,身边很多邻居都在忙着给房子装修,白天楼上楼下总是叮叮咚咚地响个不停;我想到自己家里潮湿斑驳的墙面,心里总是有个疙瘩。不止一次想给自己家翻翻新——二十几年的老房子,墙面容易潮湿发霉,自打上次我结婚家里刷了一次墙,到现在有2年多时间了,墙面很多地方起了小泡泡:有的地方开始掉灰:严重的地方还长出了黑色的霉菌,真的是惨不忍睹:不但有碍美观,而且我宝宝刚刚学会走路老是扶着墙,一不小心就摸到发霉...

    2018-02-07
  • 免费 20个设计优秀的HTML网站模板

    在这个互联网时代,很多企业或是个人都搭建有自己的网站,用于宣传营销或个人网站博客等用途。而对于小企业、个人或不懂设计网站的用户来说使用网站模板将是最好的建站方式,设计达人网致力分享高品质免费素材,所…

    2015-03-17
  • SKD独家 | 英国交互设计排名

    同学们自从上次🇺🇸美国交互设计的排名一出打算去英国🇬🇧的小伙伴纷纷表示出英国版的排名👌先以交互的分类来划分一下英国的院校:以HCI为主,偏技术研发的院校有:伦敦大学学院(UCL)Human Computer Interaction(Msc)巴斯大学(Bath)Human Computer Interaction(Msc)以UX为主,偏交互装置、技术应用院校有:伦敦传媒学院(LCC)Interaction Design Communica...

    2018-04-17
  • 清华社1月诚意书单 | 什么是交互设计?

    什么是交互设计?一、交互是个筐,啥都往里装交互(inter-action),从字面上理解,就是 A 和 B 之间的一系列动作和行为。比如,早上你出门时碰到邻居,冲 ta 喊一声“早”,ta 对你点头、微笑,说“早” —— 这就是一个完整的互动过程。当然,互动不仅限于人与人之间,还可以发生在系统和系统之间,比如人和机器,人和环境,机器和环境,等等。这可是个要命的问题:几乎在同一个次元的人和 “物”,都可能发生互动。当然,我们主要关注发生在...

    2018-01-31
  • 如何设计可交互的email,调动用户的参与感?

    Email营销通常与市场推广活动挂钩,是帮助你达到推广目标的最有效途径之一。但如何确保你的营销邮件的内容与品牌紧密相连?这一直是营销人员面临的一个挑战。用来克服这一挑战的战术多如牛毛,而可交互的email正迅速崛起为最具创新性、动态性和最流行的方式,他们让用户深深着迷、参与其中,相关设计师和开发人员都应该引以为豪哦!

    2017-05-17
  • 怎样绘制用户体验地图

    内容来自梁宁老师的《产品思维30讲》,这里是第17讲的笔记。怎么画用户体验地图1.完整的用户角色:需要对「第一只羊」有完整地了解。 (「第一只羊」的话题留在下次介绍)2.清晰的目标和预期:清晰描述用户的目标和预期,他为什么来到你的草地上?他要什么?比如,用户买钻孔机,但是他的目标不是拥有钻孔机,而是需要在墙上打个洞。比如吃饭,用户目标是吃饱?还是想要营造气氛?还是想获得一次交流机会?搞清楚用户的目标和预期到底是什么。3.服务触点:用户从...

    2018-04-01