一个强大的用户体验(UX)在你的网络营销成功是有帮助的。增加参与成果转化为增加,转化为更大的收入。

在本文中,我们将具体分析影响的程度的设计原则为用户web页面执行。

页面的目标

是不够的,那你说你想要一个优秀的网站有良好的用户体验。看到用户体验和用户界面之间的区别在这里。定义你的游客是非常重要的,你的业务应该实现从web页面。它应该明白你的目标和观众的目标可能不同。访问者的目标是寻找信息或下载的电子书,而你的目标可能包括增加接触,形成充填量或下载。关键是要平衡,为用户创造一个双赢的局面,您的业务。你的目标应该帮助你建立如下:

• 目标受众是谁?
• 如何制定有效的内容吗?
• 如何组织这个网站?
• 如何衡量网站的有效性?

为了理解营销人员的视力是非常重要的关键团队成员设计团队在讨论在线目标在一个组织。

用户映射旅程

User-journey映射是一个视觉或图形表示的整个故事从用户的第一触点与你的组织,建立一个透视图在你的服务或产品或品牌,通过各种媒介,与他们沟通。这个过程在本质上是非常的叙述,需要一种基于文本的方法来描述客户体验的细微差别。

故事从客户的角度来看,而且为重视用户的期望和业务需求之间的重要的十字路口。这里有你需要的要点包括在用户映射旅程

• 视觉的旅程。
• 了解现有的网站用户行为的分析。
• 理解交互元素,这将帮助他们实现他们的目标。

视觉层次结构

来源:http://edgemm.com

上面的图片清楚地定义了视觉层次结构的目的。视觉层次覆盖几乎所有设计的注意事项;但是它会给您的web页面的重要元素重要性要吸引用户的注意力。一个健壮的视觉层次也组织类似的元素和组织成有意义的模式与观众进行一个有效的沟通过程。一个设计师如何创造良好的视觉层次?嗯,他们只需要寻找,在他们的库存!这里是关键组件:

• 大小:使用大小作为体系的工具是一个伟大的方式来指导他们网页的关键部件。
• 颜色:颜色是一个很好的组织者,也注入个性。大胆和对比色将需求的关注。
• 对比:当观众看到的网页是一个偏离,他们想知道更多关于它。你可以区分页面的一个重要组成部分的核心内容与对比色的帮助页面。
• 距离:在一个web页面,如果有多个部分如何放置相关对象的部分就是定义了一个良好的距离。这显然有助于将类似的内容。
• 密度和空格:当你网页的填充部分人口,它看起来不利的用户体验。同样,保持太多的元素之间的空间会打破链接。所以,需要被放置和分离的元素空格区分哪些元素是相关的,哪些不是。

f模式扫描

视觉符号文本标题等部分,高亮帮助用户走捷径而扫描通过web页面和他们不需要阅读一切。当他们没有发现这些信号,它们帮助自己。用户创建他们一会扫描网页,如果他们想参与。根据这项研究由尼尔森诺曼集团,这种扫描行为的模式形成字母“f”的形状

来源:季风咨询

如果你想确保你的用户的注意力被吸引到web页面的最重要元素(号角,表格,图片,视频),强烈建议遵循F模式,并将相应的元素。

响应设计

响应设计就像一个拼图!响应页面的网页设计需要运动的各种元素,改变了最初的设计。组织元素适应可能是一个巨大的挑战与反应设计更大的页面和它们的元素将不得不收缩适合在狭窄的平台手机或平板电脑。我们已经列出了一些重要的注意事项如下:

• 考虑一个移动先行”战略。
• 包括一个汉堡可折叠菜单(或相似的)多个项目。
• 优化图像的所有类型的设备(台式机、智能手机、平板电脑)。
• 为移动设备优化的内容作为桌面的内容会占据太多空间。
• 检查加载速度一旦页面是生活和检查某些设计组件是否减少加载速度。
• 实现谷歌的AMP(加速移动页),旨在优化手机内容加载时间。

号角

号角在提高你的网站转换起着至关重要的作用。单一的文字-动作被授权与责任来吸引注意力,后来被点击。这两个因素对高投资回报率将比赛你的网站。那么,文字-动作的关键原则,设计师需要考虑吗?

• 大小:决定文字-动作的大小,确保它被注意到在web页面上的其他元素。如果下面的文字-动作按钮应放置形式,大小应该等于字段的形式。
• 文本:如果营销人员决定在各个页面的文本部分,他们应该与设计师沟通。这将帮助他们在决定理想的大小。
• 颜色:色发挥70%的作用在吸引观众的注意力。确保它从其余的部分智能使用的颜色。
• 按钮形状:如果有不同的部分和较小的对象在一个网页,你潇洒地如何定义一个按钮用雕刻的形状是很重要的。确保形状从其余的对象。
• A / B测试:文字-动作的最佳实践来衡量有效性是通过创建不同变体的色彩,文字,和字体。监控哪些cta更成功。在HubMonks我们插入CTA HubSpot的因为我们所有HubSpot的营销工具的web开发项目,以便客户能够测量按钮的性能。

形式

形式和高级形式之间存在着巨大的差异,提高用户体验。甚至形式有各种设计原则,帮助用户了解其层次结构,帮助设计师包括与所有重要领域的利用更少的空间。

• 标签对齐帮助用户识别字段与相应的标签。同轴度还消耗更少的空间,最终促进form-fills心理因素。
• 占位符文本是一个伟大的创新形式,其中用户可以看到里面的标签场消失一旦用户将光标在盒子上。

认知负荷

在网页设计中认知负荷是指思维过程的一个人给他们从事买方的旅程。认知负荷理论是有区别的两种类型的用户体验:

• 内在认知负荷:它指的是最小的使用副本,这样用户不会阻碍从web页面上完成特定的任务。
• 有密切关系的认知负荷:它指的是努力致力于处理信息以及用户如何理解信息的模式由精神组织类别的信息和任何关系。

希克斯定律

来源:我的网站审计

设计师可以解释本法的市场营销人员,这样用户不会被太多的信息或选择。希克斯定律告诉我们,一个人的时间做出决定的数量取决于他或她的选择。看到更多的心理学的原则.

交互设计

来源:colossom.com

交互设计致力于创造引人入胜的接口与预测用户行为。至关重要的是了解用户和技术交流。这里有一些问题,你应该考虑在设计最好的交互:

• 用户如何互动?网站的哪些部分将与鼠标,用户互动的手指,还是笔?
• 线索将方便用户进行交互?颜色、大小、形状、文本将区分对象和帮助用户理解这些交互点。
• 一次是分成七项的信息吗?用户倾向于只保留五九”项目在他们的短期记忆。
• 是网站的各个部分分化的帮助下棱角吗?元素,如菜单需要区分这些设计上的考虑。此外,他们形成一个边界,手指或鼠标不能超越边界。

结论

用户体验的整个概念是围绕目标用户有一个清晰的理解,他们的需求,他们的价值观、能力和其局限性。