|
针对这个问题,我从建立产品各方面的一致性来解决,包括入口样式与位置、操作路径、操作反馈、文本提示等,以保证用户对同质信息或操作,符合其心智模型,或者能建立正确的理解模型。 2.4 考虑改版对SEO的影响 作为资讯类web产品,一定会考虑每次改版或者页面调整对SEO的影响。对于主要内容要慎用ajax,即使因为体验优化的方案或者反爬虫决定要使用,那么也要用其他页面补充上,只不过这个入口,不一定被用户发现和经常使用。实例大家可以分别点击下列红框的效果,并观察页面地址变化。
2.5 延后复杂输入操作 最简单的一层是延后登录等,将注册、登录操作延后到要将用户行为或数据与ID绑定起来的时候。 还有一些是,将原本不适合放在线上、不适合放在移动端的操作,转移到线下人工处理或是利用文件传输处理,仅保留能保证主线流程不中断的信息填写,这样可以得到更低的跳出率。 3. 打磨交互细节 3.1 使用动效来表达路径、连续性、从属关系 为了使复杂设计、新设计更易于理解,我们经常使用动效来表达功能的操作原理。 路径很好理解,典例如将商品添加到购物车后,会有图像元素从按钮处以抛物线为轨迹,移动到购物车按钮。其余还有改版后的操作引导等,可通过轨迹、次序来暗示路径或方向。 连续性是指当有元素在横向、纵向空间中被隐藏,那么可以用对应轴向的运动来表达元素的连续。例如下图中的导航,我在web端大胆借鉴了移动端的设计方式。
完成这个动效设计时候,还要注意3点: 关注初态:利用格式塔原则中的“闭合”概念,用残缺的初态来提示用户。 运动方式符合基本概念:该处导航是一个有头有尾的线条,一定不要做成循环,那样会给用户带来认知和操作的困扰。 降低对普通用户的干扰:导航点到第五个以后,才会有动效,在用户点击前面几个高频分类的时候,如果也做横向移动,会干扰正常浏览,故做起来尽量克制,不干扰正常使用。 最后讲讲动效表达从属关系的例子。还是如图的导航,只有一个一级分类有子分类,那么子分类菜单就隐藏到父级分类被选中之后吧。
3.2 通过用户的注意力焦点决定元素位置 改版设计遇到一个细节争论,“首发”和“独家”这两个重要标签,到底放在哪里,在资讯列表中,是放在资讯头图上还是资讯标题前呢?此时产品目标是让它们显示在最重要的地方。那么我需要观察或模拟用户在本产品内注意力焦点的流动,来决定元素位置。通过简单用研的最终方案如下图所示。
后来想了一想,要讲出道理的话,应该是由于垂直类资讯阅读,用户的行为偏理性,且配图的目的通常只是稀释文字密度,降低阅读压力,用户的注意力焦点,以及选择进入哪篇资讯的依据,不在图片上,都在标题上。如果有眼动图,那我有把握猜测是用户焦点大部分是在标题与标题之间移动。 3.3 将数据分析融入设计过程 数据分析会涉及改版前、中、后,前定问题,中助设计,后有反馈验证。 这里仅谈对设计的帮助。举个例子,设计内容板块时,可以先用SQL去拿到自家数据库的关键字段,再用webscraper等爬虫工具爬同类竞品,并统计分析内容的如下属性: 极值:极大、极小、空值,以及其成因、实例。 平均值、中位数 分布范围、离散度 一口能答出这些数据,那么你的设计在落地的时候就避免了绝大多数问题。并且,这些数据有时候除了二次处理,还需要结合场景目标来分析,如资讯阅读时间预估提示功能,有以下两个问题: 上万字的统计和超过一定分钟数(如15分钟)的提示是无意义的,还会吓走用户。 分布范围非常集中于某几个区间,线性的映射函数会失去分离度。 那么对分段函数的处理,不能采用直观数据,需要结合数据分布范围和离散度映射出一个“更有吸引力”的数据组合来显示。 3.4 默认规则、数据来源缺失的处理 (责任编辑:admin) |









