发布时间：2020-6-27 分类： 行业动态
对于网站，主页是外观，它直接决定用户是否可以准确地接收网站的主题，以及它是否可以产生对网站的兴趣。
我们先来看一下基于Web的主页的布局：
1.总体布局分析
除浮动导航外，网页采用左右布局，分为两列和多行。左栏是内容区，占据布局的3/4，根据导航分类推荐内容;右栏有更多的尺寸，包括好书推荐，热门文章，热门帖子等，但只要你小心，你会发现，除了热门文章。其他类别是软促销或硬促销。
恰到好处的促销不仅会消除用户，还会增加用户体验，给用户留下“有用”的印象。
接近用户的当前需求。
不要阻止用户的当前行为。
不要干扰用户的视线。
当然，如何平衡广告效果和用户体验是一个永恒的问题，具体取决于具体情况。
此时，Web主页可以抽象为以下内容：
根据人类的阅读习惯：从左到右，从上到下。
用户将首先浏览到左侧的推荐内容。当视线移动到右侧时，将看到促销内容，然后向下移动，并且将从推荐内容中看到促销内容;当用户养成习惯时，用户将厌倦正确的促销内容。当视线到达内容区域的边界时，用户可以缩回视线，并继续向下浏览;并且认为促销内容有用的用户可以直接确定右侧的位置并向下浏览。
因此，这样的布局将确保促销有效，并且不会干扰用户的行为并影响用户体验。
2.导航柱合理性分析
该网站使用导航栏，允许访问者找到所需的资源区域，并更清楚，清晰地查找资源。
主页总共有2个导航栏，一个是网站的总导航栏（浮动），另一个是主页的内容导航栏。我认为内容导航栏中有两个不合理的东西：
首先，分类的基础不统一，没有逻辑。
“最新文章”，&ndquo; &ndquo;是基于“文章的特点”，最新的，流行的，我订阅的，基本上是文章。可以合并成“文章”&rd ;; “文章”，“热门答案”，“知识体系”，“PM日报”根据“内容类型”进行分类，类型包括文章，问答，专题，日报;单靠网站导航，无法概括。
它被归类为：热带水果，紫色水果，小吃，蔬菜。当用户看到“热带水果”和“紫色水果”时，很容易根据现实生活的逻辑确定该导航是水果分类导航。当你看到“零食”，“草编蔬菜”时，你会发现与自己的逻辑不一致，找不到新的逻辑归纳，只能用作零碎的单词记忆;当用户想在下次找到“零食”时，内存无法及时与导航栏联系，会增加学习成本和用户熟悉度。
降低用户学习成本的方法
使用与大多数产品一致的符号和手势（例如：喜欢，喜欢的符号，幻灯片刷新，左右手势），
充分利用现实世界用户熟悉的逻辑（例如：微信“银行卡”;“我的钱包”中的入口;），
为用户提供新手指导
其次，导航栏内容在主页入口处不止一个
在网站的主导航栏上，还有问题和答案，每日PM，以及我订阅的入口。使用两个条目分析用户的操作路径，如图所示。
总导航栏和内容导航栏之间的区别在于，总导航栏暂停在整个网站的顶部，并且在任何页面上都很突出，也可以直接操作;并且内容导航栏仅位于主页的较低位置。基于此级别，用户更愿意使用总导航栏。
从用户的实际操作来看，Q&A，PM daily和我的订阅是不同的。
问答：大多数用户（偏向于看到答案）希望看到问题和答案是对流行的问题和答案，学习知识和发展思维的良好答案。少数用户（有偏见回答问题）希望看到引起他们回答问题的最新问题。因此，大多数用户更方便地使用内容导航栏（但是在内容导航栏下只有问题和答案等，这与用户期望看到答案不一致，这将在后面讨论）。
PM Daily：两个入口的端点是一样的，路径差别不大，但总导航栏中的PM日报隐藏在宝箱里，所以用户一般都使用日报的内容输入导航栏。
我的订阅：大多数用户订阅作者，以便查看作者喜欢的文章，而不是查看我喜欢的作者列表，然后查看他们发表的文章的单一视图;所以总导航栏（或个人中心）“我的订阅”是鸡肋，很少被用户使用。但是，我的订阅位置“rdquo;置于“个人中心”更符合用户逻辑。
一般来说，整个导航栏的入口位置更好，内容导航栏的入口更符合用户的需求;对于新用户来说，这两个入口容易混淆并降低效率，尤其是“我的订阅”。名称，进入后结果不同，用户需要适应;对于老用户来说，两个入口都不尽如人意，位置逻辑上是入口，操作路径麻烦，操作符合入口要求，位置不合理。
请参阅第四点，了解如何优化导航栏。
3.内容区域布局分析
左侧内容区域有一个奇怪的地方，如下所示。在默认类别（最新文章）的推荐内容部分中，遍历一段“学习主题”。
“学习主题”相当于内容分类导航中的“知识系统”。这是一个文章集。共有46个系列，每个系列包括5-30篇文章，其中大部分集中在13篇文章中。关于。
但是，这种设计对新用户来说非常困惑。原因如下：
含义模糊：无论是“学习主题”还是“知识”，这两个名称都不足以让用户快速联系“文章集”。当用户不确定要看什么时，用户将选择忽略跳过而不是主动尝试。
分散视觉的一致性：文章之间的布局是一致的，但它与插入的学习主题布局不一致，这将使用户感到尴尬和混乱，并在视觉上破坏用户的浏览顺畅。
弱化部分内容后：当用户浏览推荐文章时突然中断，用户对文章的兴趣和关注度将被破坏，以下文章的兴趣减少，因此以下文章推荐非常差，非常无味;同时用户可能被“学习主题”带走并完全放弃了以下文章。
那我们为什么要这样设计呢？为了弄清楚设计师的想法，这样的设计确实有意义。
首先，由于以下原因，“知识体系”的存在非常薄弱。 （对于新用户）
弱势位置：内容分类导航栏，按“ldquo;最新文章”，“七天热“rdquo;“ “热门问答”，“知识系统”，“PM每日”，“我的订阅”知识系统的顺序排名第四，而且已经是普通用户不太可能的地方探索。
弱吸引力：其他类别是用户熟悉的术语，用户自然会不假思索地尝试;而“知识系统”使用户感到困惑并降低了他们的尝试欲望。
弱功能：“知识系统”是文章的集合，“最新文章”，“7天热”，有交叉，“最新文章”，““为期七天的热门“两者都处于一个更显眼的位置。这两个类别加上搜索功能将削弱“知识系统”。
然而，设计师非常重视“知识系统”，并希望新用户能够通过该主题快速理解“知识系统”并更有效，更系统地学习。为了提高“知识系统”的存在感，在用户最有可能的浏览过程中插入“学习主题”来介绍用户。
4.内容区域重新设计
结合2点和3点的分析，我做了以下重新设计：
总体：
整合优化“ldquo;最新文章”，“七天热“rdquo;“学习系统”“我的订阅”为'ldquo;文章”
带来“最新”&“热”"对于排序（如圈2），流行的排序算法结合发布日期;
将“学习系统”纳入文章主题（如第3圈），总是建议至少一篇专题文章向用户介绍该主题;
要将“我的订阅”放在用户标记（例如圈4）上，请始终推荐“我订阅的用户”一文。
Q&A：
对该部分内容的合理添加和删除。
删除答案用户列表（… 19人参与讨论）;重复了答案的数量，用户头像列表意义不大。
添加热门答案，包括：答案作者，收藏夹数量，收藏夹数量，答案开头，这对用户更具吸引力。 （如圈1）
推送作者已回答的问题，并将订阅作者的答案放在第一位。 （如圈2）
在本节结尾处，添加“rdquo;每天都要问“页面输入，虽然总导航栏上的入口更方便，但用户在浏览推荐的问题和答案时很可能找不到感兴趣的内容，期望看到更多;然后需要在该部分的末尾进入页面。 （例如圈3）
知识体系
对主题进行排序。
共有46个知识系统，根据实际顺序列出前10个主题，如图所示。功能页面没有特殊的搜索功能。也就是说，当用户想要找到满足46个主题中没有逻辑顺序的要求的主题时，有必要从头开始浏览或跳转整个页面。
因此，我认为我们应该根据新手的学习顺序进行粗略的排序。通过这种方式，新手可以通过排序（基本到高级）来学习，非新手也可以根据排序逻辑确定他们正在寻找的主题的大致位置。
5.轮播推荐区域分析
轮播推荐区域也有一个奇怪的（与大多数网站不同），如下所示。它不是将五个推荐的物品放入一个旋转木马，而是旋转三个物品并分别显示两个物品。
这种设计有优点和缺点：
缺点
切割板太碎，在视觉上不够大气，并且具有视觉上的不一致性。
利
允许用户一目了然地看到三篇推荐文章，大大提高了推荐效果。如果您制作旋转木马5地图，用户可能会看到第三个地图并放弃。
总结
通常，优点大于缺点。我原本想进行类似下图的重新设计。我合并了右侧的两个图像空间，并将其替换为文本版本中的热门文章。设计发现空间太小，文章标题容易断线。而“Carousel””与“活动推荐”之间的两张大图片，也会造成视觉上的差异和不适。最后放弃重新设计。
总结
主页的整体布局合理，主要体现在内容的比例和分布以及推广上。
内容导航栏不合理，导航分类没有逻辑，可以组合和优化。
内容区域插入“知识主题”布局不合理，可以删除，并以文章源的形式反映在文章列表中。
问答清单是不合理的。删除不太有意义的答案用户显示，增加常用答案，并反映“我的订阅”。
学习主题排序可以根据新手学习的一般顺序进行优化，以提高主题的专业性;提供逻辑，方便用户查找定位。
旋转木马的推荐区域的布局具有优点和缺点。总体优势超过了缺点，预计没有更好的计划。
如果有问题，请纠正我。
本文最初由@蔻三发表。未经许可，禁止复制。
该地图来自unsplash，基于CC0协议
