发布时间:2023-1-2 分类: 行业资讯
《以实例讲产品改版方法论》系列,是一个全站修订项目,时间跨度近半年。剩下的经验分为两部分:第一部分《改版的立项与推动实操经验》;本文是下一部分,主要是关于修订版本背景下的要求。规划和互动设计方法技巧。
1.重新设计需求计划:打仗,打仗,摧毁战斗
我们必须首先澄清一个概念:一个重要的修订是建立一个好的目标,掌握核心点然后点击它。项目修改后,通常开发资源充足,跨部门协调员也很有名。如果你不能打仗并打仗,就无法解决关键问题,也无法集中资源来克服困难问题。那是浪费资源而不是伤害。
那么你如何识别目标呢?
问题在主页上清晰可见。
与产品核心价值相关的问题(例如,UGC缺乏有效的生产者指导机制)。
核心体验过程存在问题(如信息媒体内容导航,搜索效率低下)。
影响业务转换的问题(例如糟糕的业务表单体验)。
技术难题,导致全身问题。
在对需求池进行分类和统计后,我们定义了原始Web终端的四个主要问题,即最高优先级和最高优先级。您可以参考上述原则来查看示例:
家庭子栏令人困惑,缺乏曝光。
主页,信息详细信息页面的持续时间较短,跳出率较高。
导航混乱且超载。在快速迭代期间,一个接一个地添加了几个重要的列和业务门户。小屏幕用户的导航栏是不够的。
业务形式的组织结构令人困惑,有用户反馈无法找到入口,有些用户填补了障碍。关于是否要求登录,页面逻辑错误以及跳转可能令人困惑,没有一致的规则。
那么为什么修改是一场湮灭战呢?
这是因为我发现通常在开发中,边缘用例引起的一些问题处于挂起状态。根据当前互联网公司的迭代和变化速度,延迟解决等于没有解决方案,那么修订是一个消除这些苍蝇的绝佳机会。每个细节的遗漏,特殊状态,像素级错误,甚至标点符号标点符号都可以在修订版中完成而不会有任何毁灭。
以上是我在规划修订要求时所做的原则。结合工作量,我们可以确定修订要求的范围和比例。
2.修复信息架构:骨科和肿胀
针对1,3和4的问题,我们重新组织了整个站的信息架构。
2.1部分/信息的分类和组织
信息架构的核心是分类法。以下是我总结的分类维度。
联系:业务中存在密切关联。例如,“投资者”和“投资和融资项目”是两个不同于同一业务线并为不同用户组提供服务的流程。
下属:信息的逻辑归属。如文章的两级分类。
类似:属于同一类别的信息的不同表现形式。由于诸如信息丰度,来源,及时性和外部属性等因素导致的信息差异,例如“信息”,“新闻”和“热门文本”都是新闻和信息,同样的事件可能出现在这三个中的任何一个中,但显示的字段与布局完全不同。应该注意区别于下属,但有时它与从属概念兼容,这取决于产品的用途。
同质性:信息的抽象概念是相同的,在这种情况下,用户通常具有相同的操作模式和期望。宏观上,根据该分类,可以将信息放置在相应的布局区域中,例如聚焦区域,热销售位置,面板窗口位置,入口按钮菜单,用户菜单等。
同等重量:信息的重要性在产品阶段是相似的。这种分类的结果将随着产品的发展而改变。例如,当刚刚启动新功能时,您需要超越重要性,为其提供更强大的排水门户。
整理后,功能块和信息布局有明确的基础和约束。
然后改进工作:
组织信息的方式(按标签,按类别,按来源等)
显示信息的规则(显示条件,排序,分页,隐藏和传输,加载方法,特殊布局位,默认/默认设置等)
2.2存储箱:处理导航过载的良好实践
老版主导航的主页,导航标记最多13个,11英寸以下的显示一直无法调整。我根据平等信息的分类将整个产品的不重要功能分类为[发现]。此时,发现公司的两个主要离线业务流程的表单输入也将被投入到在线上不重要的信息部分,并且级别将非常深。所以他们再次使用“经典”分类方法将它们放在[服务]中。将来,如果有更多的非主线部分/列,在线后期间,将考虑是否将其放入[发现]。
2.3建立统一的运营意识
原始产品的形式分为3种不同状态的菜单导航:登录,无需登录,登录。问题是我们的一些业务不能在未登记用户的菜单中公开,有时在使用中看到同一页面时没有条目,很容易被混淆,然后就不能了找到之前提交的信息。更改。
针对这个问题,我已经解决了产品各个方面的一致性,包括入口风格和位置,操作路径,操作反馈,文字提示等,以确保用户的同质信息或操作,符合要求用它的心理模型,或者可以建立对模型的正确理解。
2.4考虑修订对SEO的影响
作为一个信息网络产品,您一定会考虑每个修订或页面调整对SEO的影响。对于主要内容,应谨慎使用Ajax。即使解决方案已经优化或反驱逐者决定使用它,也应该补充其他页面,但是这个条目不一定被用户发现和经常使用。例如,您可以单击以下红色框的效果并观察页面地址更改。
2.5延迟复杂的输入操作
最简单的层是延迟登录等,以延迟注册和登录操作,直到您想要将用户行为或数据绑定到ID。
还有一些不适合在线操作,不适合移动操作,转移到离线手动处理或使用文件传输处理,只保留可确保主线处理不被中断的信息,这样你就可以获得更多跳出率低。
3.抛光交互细节
3.1使用动作表达路径,连续性和从属关系
为了使复杂的设计和新设计更容易理解,我们经常使用运动效果来表达功能的操作原理。
这条路很好理解。例如,在将商品添加到购物车之后,将有图像元素从按钮移动到购物车按钮并移动到购物车按钮。其余的在修订等之后有操作指导,并且轨迹和方向可以建议路径或方向。
连续性意味着当元素隐藏在水平和垂直空间中时,相应轴的运动可用于表示元素的连续性。例如,在下面的导航中,我大胆地借用了网络上移动端的设计。
完成此动作设计后,还应注意3点:
关注初始状态:使用格式塔原则中的“封闭”概念来提示用户具有不完整性的初始状态。
移动模式符合基本概念:这里的导航是一条头部和尾部的线,不能被制成一个循环,这将给用户带来混乱和混乱。
减少对普通用户的干扰:导航点到达第五个后,会有动画。当用户点击之前的高频分类时,如果你也进行水平移动,它会干扰正常浏览,所以尽量限制它。不妨碍正常使用。
最后,让我谈谈隶属关系的动力学表达的例子。或者如图所示,只有一个级别的分类具有子类别,则子类别菜单将被隐藏,直到选择了父类别。
3.2通过用户的注意力集中确定元素的位置
修改后的设计遇到了一个详细的争议,“愿意”和“排他性”这两个重要标签,它们放在信息列表中,是放在信息头图还是信息标题前面?该产品的目标是在最重要的地方展示它们。然后我需要观察或模拟产品中用户注意力焦点的流动以确定元素的位置。通过简单研究的最终方案如下所示。
后来,我想到了。如果我们想说明一点,那应该是由于垂直信息阅读。用户的行为是合理的,绘图的目的通常是淡化文本密度,降低阅读压力,用户的注意力集中,并选择进入。信息的基础不在图片中,它在标题中。如果有眼图,那么我确信用户焦点主要是在标题和标题之间移动。
3.3将数据分析集成到设计过程中
数据分析将涉及修订前,修改后和修订后问题,先前的设计问题以及反馈验证。
这里只谈谈设计的帮助。例如,在设计内容部分时,您可以使用SQL获取自己数据库的关键字段,然后使用爬网程序工具(如webscraper)爬上相同的竞争产品,并统计分析以下属性:
极端:极端,极小,无效及其原因,例子。
平均值,中位数
分布范围,分散
一旦您可以回答这些数据,您的设计将避免大多数问题。而且,这些数据有时需要与场景目标相结合,除了二次处理,如信息读取时间估计提示功能,还有两个问题:
成千上万个单词的统计数据以及超过一定分钟数(例如15分钟)的提示是没有意义的并且吓跑了用户。
分布范围非常集中在几个区间内,线性映射函数失去了分离程度。
然后,分割函数的处理不能使用直观数据,并且有必要结合数据分布范围和分散来绘制“更具吸引力”的数据组合。
3.4默认规则,丢失数据源的处理
修订可能会转移到一些基本功能。如果没有数据源,则需要添加馈送器功能以允许旧用户转换到新版本。例如,之前没有严格限制手机号码。现在需要手机号码,但有一个微信直接注册和电子邮件地址。注册并丢失邮箱的极端场景。我们遇到用户在注册企业邮箱后离开公司并且无法使用邮箱再次验证和绑定手机号码的情况。
4.创建产品的多功能基石
4.1填写空白并利用静态和动态变化
首页设计了一个新的填充区域,专门用于关键业务。在第一页上向上滚动到第三个屏幕的位置(右侧边栏已完成代购源码网站主要功能部分的遍历),右侧列的块级元素仍将在页面上,直到视口窗口滚动到底部或起点高度。
该区域的想法是,当用户转向第三个屏幕时,他认为它具有一定深度的内容要求。此时,动态变化的使用会引起注意,并且有针对性地推荐一些内容部分,这不会引起反感。
该地区的定位非常明显。在当前阶段重要的是什么,或者您想要解决的问题,要升级的数据以及直接放置的数据都会产生影响。
目前在这方面,放3个内容:
主要业务转换门户
新闻与报道热门文本(内容阅读扩展)
广告位(当没有广告时,增加警报数量和热门文字以填充屏幕)
这三个内容都是正确的药品,所有这些都在主页和相应的部门数据上有了很大的改进,例如提交的数量,停留时间,PV等,其中新闻部门的日平均PV有增加了78%。
而且应该注意的是,这个区域也可以在水平方向上水平延伸,如使用旋转木马,标签,恒星灯等组件,但同时要注意扩展也会分开。有了这个填充组件,如果您将在以后丰富功能或增加曝光,那么我们已经提前设置了框架。
4.2使用抽象模型使产品可扩展
我们还可以分析高频同质性的一些新要求,并设计一些高度通用的模块来提取核心内容的范例,提供标准化和组件化的需求扩展迭代方法,并为将来快速启动新列创造条件。并降低部分开发成本,从长远来看解决问题。
例如,上面的图片是用于扩展主页信息部分的标准容器。
作者:尘埃之光,注重内容,注重数据,广告,机器学习
本文最初由@尘中光发表,未经作者许可,禁止转载。