第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

以实例讲产品改版(下):需求与设计(2)

时间:2017-11-27 10:26来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
针对这个问题,我从建立产品各方面的一致性来解决,包括入口样式与位置、操作路径、操作反馈、文本提示等,以保证用户对同质信息或操作,符合其心

  针对这个问题,我从建立产品各方面的一致性来解决,包括入口样式与位置、操作路径、操作反馈、文本提示等,以保证用户对同质信息或操作,符合其心智模型,或者能建立正确的理解模型。

  2.4 考虑改版对SEO的影响

  作为资讯类web产品,一定会考虑每次改版或者页面调整对SEO的影响。对于主要内容要慎用ajax,即使因为体验优化的方案或者反爬虫决定要使用,那么也要用其他页面补充上,只不过这个入口,不一定被用户发现和经常使用。实例大家可以分别点击下列红框的效果,并观察页面地址变化。

  

以实例讲产品改版(下):需求与设计

  2.5 延后复杂输入操作

  最简单的一层是延后登录等,将注册、登录操作延后到要将用户行为或数据与ID绑定起来的时候。

  还有一些是,将原本不适合放在线上、不适合放在移动端的操作,转移到线下人工处理或是利用文件传输处理,仅保留能保证主线流程不中断的信息填写,这样可以得到更低的跳出率。

  3. 打磨交互细节

  3.1 使用动效来表达路径、连续性、从属关系

  为了使复杂设计、新设计更易于理解,我们经常使用动效来表达功能的操作原理。

  路径很好理解,典例如将商品添加到购物车后,会有图像元素从按钮处以抛物线为轨迹,移动到购物车按钮。其余还有改版后的操作引导等,可通过轨迹、次序来暗示路径或方向。

  连续性是指当有元素在横向、纵向空间中被隐藏,那么可以用对应轴向的运动来表达元素的连续。例如下图中的导航,我在web端大胆借鉴了移动端的设计方式。

  

以实例讲产品改版(下):需求与设计

  完成这个动效设计时候,还要注意3点:

  关注初态:利用格式塔原则中的“闭合”概念,用残缺的初态来提示用户。

  运动方式符合基本概念:该处导航是一个有头有尾的线条,一定不要做成循环,那样会给用户带来认知和操作的困扰。

  降低对普通用户的干扰:导航点到第五个以后,才会有动效,在用户点击前面几个高频分类的时候,如果也做横向移动,会干扰正常浏览,故做起来尽量克制,不干扰正常使用。

  最后讲讲动效表达从属关系的例子。还是如图的导航,只有一个一级分类有子分类,那么子分类菜单就隐藏到父级分类被选中之后吧。

  

以实例讲产品改版(下):需求与设计

  3.2 通过用户的注意力焦点决定元素位置

  改版设计遇到一个细节争论,“首发”和“独家”这两个重要标签,到底放在哪里,在资讯列表中,是放在资讯头图上还是资讯标题前呢?此时产品目标是让它们显示在最重要的地方。那么我需要观察或模拟用户在本产品内注意力焦点的流动,来决定元素位置。通过简单用研的最终方案如下图所示。

  

以实例讲产品改版(下):需求与设计

  后来想了一想,要讲出道理的话,应该是由于垂直类资讯阅读,用户的行为偏理性,且配图的目的通常只是稀释文字密度,降低阅读压力,用户的注意力焦点,以及选择进入哪篇资讯的依据,不在图片上,都在标题上。如果有眼动图,那我有把握猜测是用户焦点大部分是在标题与标题之间移动。

  3.3 将数据分析融入设计过程

  数据分析会涉及改版前、中、后,前定问题,中助设计,后有反馈验证。

  这里仅谈对设计的帮助。举个例子,设计内容板块时,可以先用SQL去拿到自家数据库的关键字段,再用webscraper等爬虫工具爬同类竞品,并统计分析内容的如下属性:

  极值:极大、极小、空值,以及其成因、实例。

  平均值、中位数

  分布范围、离散度

  一口能答出这些数据,那么你的设计在落地的时候就避免了绝大多数问题。并且,这些数据有时候除了二次处理,还需要结合场景目标来分析,如资讯阅读时间预估提示功能,有以下两个问题:

  上万字的统计和超过一定分钟数(如15分钟)的提示是无意义的,还会吓走用户。

  分布范围非常集中于某几个区间,线性的映射函数会失去分离度。

  那么对分段函数的处理,不能采用直观数据,需要结合数据分布范围和离散度映射出一个“更有吸引力”的数据组合来显示。

  3.4 默认规则、数据来源缺失的处理

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕