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

相关推荐

  • 职业病又犯了,我从交互设计角度分析了《得到》App…

    我是《逻辑思维》的 期期都听 忠实听众,也许有很多人对老罗不置可否,但我自己是非常喜欢的,可能也是由于我知识结构和老罗相差太远,但我一点也不觉得丢脸,谁叫他比我 老 大呢。以前我们都知道,喜马拉雅是逻辑…

    2017-08-04
  • 2016年设计师必须掌握的微交互知识

    如何打造一款看起来非常惊艳的应用,我想大家应该有所了解,借助有趣的故事、流畅的流程和令人难忘的视觉设计就好。但是仅有这些并不够,你需要拿出一些真正能打动用户心灵,产生情感联系的东西,让他们感受到应用真正鲜活的一面。

    2017-06-02
  • iPhone十年,移动用户体验领域已经到达成熟阶段

    译者:Daisy全文共 3904 字 7 图,阅读需要 8 分钟———— / BEGIN / ————最开始的iPhone于2007年6月发布。2008年末,当我们开始研究第一版移动报告时,大多数人还是在使用有着最极其糟糕的用户体验的原始移动设备。在那个时候,相较于体验糟糕的移动设备和移动网站,任何稍微像样的产品都会带给用户愉悦的体验。三年前,移动报告第三版出来时,我们对移动端可用性做了严密的评估。我们很高兴移动端可用性报告不再是一种矛...

    2018-04-11
  • 交互设计前期分析(一)

    在以前还是交互设计师新手时,总会遇到这种情况,给出了一份方案,被产品经理驳回:“虽然能用,但是不够好,要不要参考其他竞品再想想。”接着再东看看西看看,接着给出第二版方案,仍然被说缺了点什么,于是一版接一版地改,最后勉强定了一个差不多的方案。为什么会导致这样的情况呢?今天我们来说第一个存在的原因。如果做交互设计,没有理解产品的业务需求,那么做出来的设计就算是美观、漂亮,也不能成为好的设计,因为没有实现业务诉求。而且,对业务诉求的分析,会影...

    2018-04-17
  • 初级交互设计师的自省:基础知识能力很重要

    在交互设计师参与的各个阶段都会有不同的挑战和着重的考察点,希望大家都能打好基础,不要让基础的知识能力的欠缺影响甚至阻碍我们综合设计能力提升。

    2017-05-16
  • VUI语音交互设计:三步打造任务导向型对话场景

    语音交互的主要能力在于开放式domain的聊天型功能与任务导向的技能型功能。如果说快捷高效、轻松自然是语音交互的独特优势,那么任务导向型功能就是这些优势的完美落点,一个量好的语音交互产品,自然是技多不压身,能够cover的domain多越好,能够get的技能越强大越好。那么,作为语音产品设计人员,如何以短平快的方式设计一个任务导向型对话场景呢?当然,和传统交互设计工作一样,前期调研是很有必要的。你想设计的这个功能是否能满足产品目标、是否...

    2018-02-15
  • 5个突破点,设计更具吸引力的圣诞节Banner及专题页面

    圣诞节即将来临,如何突破固化思维,开阔新的思维,让我们的圣诞节Banner及专题页面设计更有意思更具吸引力呢?不妨跟随作者的脚步,发散下思维,一起来寻找灵感?活动主题:惊艳圣诞Party
    大标题:够红才够女王范儿
    小标题:口红新品/限量发售
    定位分析,先理解一下这个活动要表达的几个意思:
    (1)这是圣诞节活动;
    (2)这是卖口红的圣诞节活动;
    (3)买这只口红的人是梦想自己在圣诞Party上成为最受瞩目的那位女王的人;
    (4)这只口红是新品,谁先买了谁就能抢一步体验当女王的感觉,价格多少是其次;
    (5)买这只口红的人应该是爱玩的年轻少女或少妇,内心是渴望放纵渴望变美渴望变时尚的。

    2017-05-13
  • 订单流程研究之提交订单

    在上一篇笔者有提到,平台不一定都提供货到付款服务,因此京东、唯品会和亚马逊在提交订单时需要选择支付方式,而淘宝天猫则是在提交订单之后才需要选择支付方式。提交订单之后,每种类型的订单可支持的操作也就不一样了。

    2017-05-31
  • 【炫酷动效设计】这就是为什么你的产品需要做动效设计

    随着国际大品牌苹果和谷歌的引领,最近越来越多的国内公司开始关注动效设计了,越来越多的团队已经意识到动效在产品用户体验中的重要性了,更多的射鸡师们也开始投身动效设计领域。 但是说到底,我们到底为什么需要…

    2015-08-13
  • 如何运用“交互式电子白板”,凸显英语课堂教学的“交互性”?

    今天小编带大家认识什么是交互式电子白板?以及它在教学中的应用。让我们一起来了解一下吧。 交互式电子白板整合了普通黑板这和现代多媒体教学的优势。随着社会科技的发展,多媒体技术早已进入了课堂,但传统教学中…

    2015-04-15