网页重设计的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

相关推荐

  • 2014年最佳的十款交互设计工具

    在设计之初,UI设计师所提供的视觉稿和最终的可交互原型之间,需要交互设计师借助工具来补足,让静态的视觉转化为富有生命力的可交互界面。2014年所涌现出来的这些交互设计工具,在不断迭代升级中走向了成熟,易用…

    2015-01-15
  • 这些走心的用户体验应该多学学

    不仅仅局限于互联网的设计,可能还有服务,线下的设计等。先问一下自己,到底什么是好的用户体验?我认为有以下三点:第一,无需思考,符合本能的设计。(反例,各种需要用户大量动脑的设计)第二,不打扰用户,让用户沉浸的设计。(反例,各种不必要的弹窗提示)第三,温暖的设计,细节打动人心,超出用户的心理预期。(反例,各种冰冷的缺省页面)1.网易云音乐分享提示最近发现了网易云音乐的一个小彩蛋,那就是在播放页当你点了某一首音乐喜欢后,会给你跳出来一个可爱...

    2018-02-01
  • 交互设计差异化:WebAPP和APP

    WebAPP和原生APP同为移动端,很少有研究这两项的交互区别,最近公司做了一次从原生APP到WebAPP(HTML5 )的移植,故总结一下期间遇到的问题及不同点总结。 从使用场景上,WAP用户面临比APP用户更严峻的问题: 1、页…

    2015-01-26
  • 美国交互设计综合类&艺术类院校申请侧重点有哪些?

    回复【交互】,获得专业老师一对一专业指导随着现今数字智能等高科技的发展,交互设计成为近些年众多艺术留学生的热门首选专业。但热门并不代表很多同学都对交互设计有所了解,比如,根据向汉艺咨询的学生情况分析,90% 的同学都分不清什么是到底什么是交互,只是很表面的认为交互就是各种“APP”、“UI设计”或者VR/AR。实际上,即使国外最顶级的院校,你也找不到一所专门设立“APP”的专业,“UI设计”严格上来说只能算是“平面设计”,而设立VR/A...

    2018-04-18
  • AXURE免费元件库分享-web

    分享个WEB端axure元件库下面是元件库地址:https://pan.baidu.com/s/1pLXHuf5

    2018-03-05
  • Android电视应用:Amazon Fire TV版TVPlayer设计

    设计和研发、推广一道,是移动应用的成功要诀之一。定义用户操作应用的方式,与应用的功能和高效的盈利模式同等重要。而且,当涉及到为电视这样的新交互模式设计界面,许多在智能手机和平板上有效的模式,都需要重…

    2016-10-18
  • SKETCH教学视频

    则灵君分享的是“静电的sketch设计教室”教学视频,对于新手自学来讲非常的合适,感谢静电,讲解的非常的清晰明了,视频就在这儿,剩下的就需要你付出时间去学习咯,祝大家学有所成!链接: https://pan.baidu.com/s/1iIbE-DI_yHLayj7wue49yQ 密码: mw25·—END—·

    2018-04-20
  • 广告与用户体验如何共存?

    今天给大家分享的是来自UI中国会员-海舟Ocean关于广告营销相关设计的一些经验总结。最近公司的移动端产品在优化广告投放,其中也遇到了不少的困惑,我翻看了部分APP的广告展现形式并结合了几位设计师&产品经理的想法之后,整理总结出了这篇文章。本文将结合实际案例就常见的广告形式以及它们如何合适地呈现与大家进行分享。遇到的困惑我们知道无论是自身的品牌活动宣传还是第三方的商业广告都能为公司和产品带来不小的收益,但与此同时不恰当的广告也会对用户体...

    2018-04-20
  • APP设计中便捷的单手操作

    探讨APP的手势操作前,我想先介绍两篇文章来了解用户是如何使用手机的,以及触控屏是如何来感应我们的操作的。 用户是如何使用手机的 Steven Hoober在《How Do Users Really Hold Mobile Devices?》[1]一文中指出,…

    2014-09-07
  • 高保真VS线框图,哪一种交互稿更能清晰准确地描述产品

    很多产品经常会纠结怎么把原型画得好看,哪个原型工具要彻底学会并熟练使用等等。但是团队的其他成员并不会关心你的原型画得多好看,也不关心用什么工具画,如果你能准备清晰表达出产品框架内容,也许在纸上画他们…

    2016-01-15