• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 为何前期的发现阶段是网页设计最关键的环节?

为何前期的发现阶段是网页设计最关键的环节?

作者:Justinmind 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含发现阶段,用户历程,用户画像,用户研究,用户调研,经验分享等相关知识,Justinmind希望在学习及工作中可以帮助到您

创建用户需要的网站通常需要大量的研究,想要真正理解使用你的产品和服务的用户是有针对性进行用户体验设计的关键所在。

Oriol Beda 在他的 UX Collective 中打趣地说道:“调研被视作为设计中的魔棒,可是只有在出问题的时候才会使用。”

如果你不知道你的目标用户是谁,你又怎么能够设计出符合预期和需求的产品呢?很有可能你最终得出的是一个没有人愿意使用的半成品产品。为了获得更好的设计流程,调研和研究应该是设计中的常规环节,而不是只在出问题的时候才使用。

那么,UX/UI 设计师应该通过哪些步骤来确保他们能够创造出足够成功的设计呢?

在这篇文章当中,Justinmind 将会给你一个答案。文章将会总结发现阶段的概念界定,以及如何借助发现阶段来探索更合理的设计。

一、发现阶段到底是做什么的?

顾名思义,发现阶段就是用来探索发现,并且搜集所有相关的必要的信息,用来创建出色的用户体验。

相关的信息包括但是不仅限于用户画像、用户历程、发现痛点、用户访谈和用户调研。

这些信息最终会反馈到你的设计过程当中。

二、为什么发现阶段对于网页设计如此重要?

如果你打算出去度假,那么你通常需要执行一系列的操作才能出门。

通常情况下,你会先决定去哪,然后了解那个地方。有哪些被推荐的餐厅,哪些民宿不错,当地特色咖啡馆和热门景点有哪些等等。

你甚至会学两句当地方言或者当地语言,确保在抵达之后能够更好地体会当地风情。也许你还知道一两个朋友去过那个地方,正好可以咨询一下。

你所做的这一切,就是在出发之前的研究工作。这样一来,你才能更好地享受假期,有计划地在目的地享受种种乐趣。

而这个过程,和网页设计中的发现阶段是非常相似的。通过创建用户画像、用户历程、用户调研,你逐渐可以为用户创建一个丰富、细致、有针对性的产品体验。

发现阶段之所以如此重要,是因为它提供了一个洞悉你的用户的可能性,没有这个环节,你又如何了解你的产品和策略是否能让他们买账呢?美容品牌雅芳曾经就因为糟糕的设计而导致1.25亿的亏损,而处于设计前期的发现阶段能够防止这种情况的发生。

设计机构 Robot and Pencils 发现他们借助发现阶段的优化,让他们网站的每月新用户访问量增加了120万,并且减少了100万求助电话。

发现阶段的好处很多,因为它可以:

  • 减少后续设计阶段的支出;
  • 帮助你更好理解核心的设计问题;
  • 帮你勾勒整个设计过程;
  • 使得设计更加顺畅,实现更好的用户体验。

三、如何有效地推进发现阶段?

对于目标用户考虑不足而导致后续开发成本过高的问题是很实际的,强有力的前期发现阶段能够很好的解决这个问题。为了更好的推进发现阶段,获得更好的网页设计效果,有几个常见的方法。

1. 桌面研究(Desk Research)

永远不要低估理论研究的力量,这是至关重要的第一步。桌面研究的意思并非研究桌面,而是要找到其他人已经完成的研究,通过电脑、杂志、书籍、文档、互联网等渠道获取现成的「二手资料」,将这些资料汇集到一起。

由于桌面研究获取的是现成的、已经得到验证的资料,因此它是高效而低成本的。桌面研究能够引导你找准后续的研究方向和设计方向。

尤其是当你进行到用户访谈环节的时候,桌面研究的成功能够避免你提出愚蠢和低效的问题,避免尴尬。

而桌面研究通常会关注下面的内容:

  • 你的用户是谁,他们的目标是什么?
  • 现有的业务流程是什么样的?
  • 支持当前业务流程的技术有哪些?
  • 相关的可用性分析;
  • 已有的用户互动和用户访谈。

用户体验策略师 David Travis 博士认为,我们需要正确理解 UI 和 UX 设计的工作范畴,没有做好用户研究是对用户和其他所有参与者的不尊重。总的来说,桌面研究能够让你的产品方向更加翔实可信。

2. 用户画像(User personas)

精心策划的用户历程,是会考虑到终端用户的行为、动机和需求的。

故事越好,用户的参与度就越高。结构是让故事吸引人的关键。——Donna Linchaw,《The User’s Journey: Storymapping Products That People Love》

用户历程和用户画像可以让网站的内容和结构更加顺畅,更加贴合真实用户的真实需求。

用户画像是理想的目标用户的说明文档,它非常详细地阐述了目标用户的特点:

  • 用户的真实欲望和期待;
  • 需求(陈述出的需求,被创造的需求,以及未陈述出的需求);
  • 用户面临的挫折;
  • 用户的姓名、年龄、关系和状态;
  • 用户的人格特质。

要知道,90%的用户画像能够让企业和产品设计师更清楚他们的用户或者买家是谁。那么用户画像还有什么功能呢?

  • 改善和提升你的价值主张;
  • 获得更高质量的参考线索;
  • 提升产品的转化率。

3. 用户历程地图(User journey mapping)

用户历程地图是用户使用产品或者服务的整个路径,这包括各种各样的过程,从购买消费到阅读内容,不一而足。

用户历程的起点是用户对你的网站产生需求的时刻,而终点则是用户停止使用你的网站或者服务的节点。

了解你的用户的整个历程,能够帮助你从他们的角度进行设计。设计师当然是可以设计出完美的解决方案的,但是如果对于用户的想法没有了解,那么一切都无从提起。

用户历程地图从诞生之日起,就开始有效的帮助设计师了解用户,它是承载用户各种元素之间关系的天然工具。

Jared Spool 指出,用户地图可以「显示出哪些设计让用户觉得质量低于他们的预期,哪些设计会造成挫折,以及这些问题是如何改变设计互动的方式。」

有了这些信息,你可以创建更为有效的解决方案,准确地定位出现问题的地方。

想要让用户地图发挥作用,还得做到下面的事情:

  • 了解不同组件之间的相互关系;
  • 了解不同组件和产品服务之间如何在目标上达成一致;
  • 了解用户的痛点,并且确定解决方案的优先级。

结语

当你将用户调研、用户画像、用户历程等功能结合起来的时候,就能够更好的理解用户,包括他们的期望,潜在的需求以及他们遭遇挫折的原因,这些重要的信息,是塑造产品的关键。

「2018年设计趋势,一个都不要错过」

  • 《2018年,这10个LOGO设计趋势值得你关注》
  • 《超全面总结!2017年UI设计领域流行过这21个设计趋势》
  • 《掌握这12个移动端UX设计趋势,你就掌控了2018年》
  • 《这款独特的紫色,是为你指引2018年设计方向的年度潘通色》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 为何前期的发现阶段是网页设计最关键的环节?

相关文章

  • 2018-08-23大盘点!互联网产品Logo 的分类及特点总结
  • 2018-08-23超全面!聊聊交互设计背后的心理学原理
  • 2018-08-23规范、方法、一致性,真有那么重要吗?
  • 2017-08-06怎样设计网页?怎样制作网页?
  • 2018-08-23入门手册!帮你快速掌握15个常见的产品设计术语
  • 2017-08-06浅谈网页颜色的搭配技巧(前端必看)
  • 2018-08-23超全UI设计规范,带你了解规范设计全流程
  • 2017-08-19Django静态文件部署
  • 2018-08-23收藏这7个在线配色神器,再也不愁配色灵感了 !
  • 2018-08-23用Keep的案例,让你轻松理解交互设计师的职责

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 网络故障场景如何提示用户?来看这篇超详细的总结!
    • 用Keep的案例,让你轻松理解交互设计师的职责
    • 关注细节!如何将视错觉运用到UI设计界面中?
    • 进阶知识!超全面的标记系统设计总结
    • 超全面!这可能是你见过最全的弹窗设计解析
    • psd切图转换为div+css格式
    • 高手经验:如何训练你的眼睛,提升设计审美?
    • React 5 生命周期
    • 收藏起来!超实用的引导页设计基础手册
    • 设计实战!专业的设计师是怎样进行着陆页设计的?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有