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

相关推荐

  • Axure官方教程中文版第1课:开始-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/1_1280x720.MP4 新建文件 1、创建一个蓝色按钮 2、添加一个链接 3、发布我们的云托管服务,AXURE份额 4、在本地生成HTML文件

    2014-12-29
  • 是时候聊聊具有直觉性的UI和交互设计了

    UI和交互设计中常常会强调某项设计需要足够的“直觉性”,但是直觉性的设计说来容易,实现却往往差强人意。但是不得不承认,它是目前交互和UI设计的刚需。“想象一下,如果桌面上反过来一颗球让你去转动控制,感觉应该比鼠标运作顺畅些。我们原本认为这是个好点子……可是我以前从未观潮这种触感的细节。”“当孩子们操作鼠标和遥控杆的时候,会不自觉地低头看输入装置……后来有人想到,如果操作时运动肌肉群范围较大,也许他们可以不必低头。我们做了一个大型轨迹球装置,让他们可以用手臂甚至肩膀牵动来操作,这样就把问题解决了。”“我们先是观察什么样的操作方式比较合乎自然,然后提出想法,再进行测试。”“心智模型指一个人对于事物运作的思维过程,即一个人对于周遭世界的理解。心智模型的基础是不完整的显示、过去的经验甚至直觉感知。它有助于形成人的动作和行为,影响人在复杂情况下的关注点,并确定人们如何着手解决问题。”(如果你仔细观察,会发现这个时候的设计师将纸的纹理运用到窗口上,此处的设计和Material Design 中纸的隐喻不谋而合,这又何尝不是一种潜意识的引导呢?)

    2017-05-16
  • 如何避免交互设计中的「刻板印象 」

    之所以有“刻板印象”,是因为有categorical thinking(类别型思维),它往往使我们产生对事物的固有看法和理解,是在看到某些特定人、事、物时第一时间想到的,这些就形成了“刻板印象”。那到底该如何避免它的消极作…

    2017-08-01
  • Project Flow 重新定义人机交互

    摘要 : 渡鸦科技在2015年8月6日晚上召开的Project Flow 发布会,推出了一个服务系统,旨在建设成“只一个APP”的生活场景。 2015年8月6日晚上7点钟 渡鸦科技发布了一款产品,名叫:project flow ,据渡鸦科技负责人 9…

    2015-08-06
  • 前Apple员工谈交互设计的未来

    作者:Bret Victor  |  翻译:包子,校审:Chen Jing本文长度2731字,建议阅读5分钟现在,有很多流行的有关未来交互设计的想象。机缘巧合下,设计未来的交互界面成为了我的工作。我有机会用真正能工作的原型来做设计,而不是如图所示用绿光屏和After Effects合成的特效。我对视频中的一些交互表示怀疑,因为我尝试过实现它们,而制作视频的动画师显然没有。但是,这不是这个视频真正存在的问题。我觉得这个视频真正出了问题的地...

    2018-01-30
  • 【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

    Alias工业设计点击关注 和工业设计做朋友关注作者:百度UXC随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。洞察用户让设计有的放矢视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的...

    2018-03-03
  • 【10min学交互设计精髓】做产品要有风度(9)

    图片来源于网络小伙伴萌,有一周没见了,有没有想我呀~~快来看看今天咱们讨论些什么,有任何想法和建议都可以给我留言哦。我们常常谈起情商,人与人的相处方式。作为pm,有没有想过产品和人的相处方式呢?这个课题…

    2017-08-01
  • Smartisan OS v2.0 正式发布

    本次升级坚果手机新增功能 94 项,优化细节 108 项,修复 bug 若干;Smartisan T1 新增功能 91 项,优化细节 109 项 ,修复 bug 若干。升级主要增加了系统应用“语音搜索”、“安全中心”、“游戏中心”,增加了应用启动…

    交互设计 2015-09-16
  • 交互设计与心理学的关系

    具体联系什么的大家看专业书籍吧,我从另一个角度说一下我的理解吧。 每个学科/专业的产生都是有它的历史使命的,为什么一定是这个时候,为什么一定诞生在这个领域,为什么会如此发展······类比一下其它学科/专业,…

    交互设计 2015-09-11
  • 交互设计套路之——导航设计

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放Five Hundred MilesThe Shadows - Dance With The Shadows/The Sound Of The Shadows亲爱的小伙伴们好久不见啦你们的涂涂回来啦!!不知是时间太快还是指缝太粗总是留都留不住总之感谢小伙伴们的不离不弃话不多说赶快准备好小板凳和瓜子嗑着瓜子咱们就开聊吧下面开始分享app的套路之一导航设计一、导航的分类1.标签式导航...

    2018-02-11