产品设计系列——数据驱动设计

轻松写代码 2017-12-26 17:06:38 ⋅ 148 阅读


10个移动专题案例进行数据分析,提升对我们的产品设计、增强用户体验,研发出更高转化率的产品。

1、在只有移动资源推送的情况下,手机页面只能保持2天持续访问的热度。

手机页面上线推行访问高峰是第一天,第三天后的数据趋于平稳,访问慢慢变低,可见下面2个比如。有其他资源推送(例如PC官网固定方位放置二维码)的专题走势不一样。


2、设计的页面层级越深,蹦失率越大。

跟PC情况类似,用户触达率跟着页面层级加深而减小。下例的H5小游戏里,用户先进入一个地图主页,点击“开端游戏”会跳转到游戏页面,再进行性别挑选和操作提示,最终才抵达游戏。每一步的操作都有部分用户丢失。


按钮的点击量受页面层级影响。

下面展现的4个专题中都有一个相同功用的重要按钮,点击了会敞开游戏APP。从数据上看按钮的摆放屏数跟按钮的点击率成反比。当然,按钮的点击量还受按钮样式、按钮功能等的影响。


3、输入行为会导致用户流失。

下面的比如从数据上看第三、四、五屏的数据比较平稳,但从第二屏到第三屏的丢掉高达39%。反观专题,第三屏到第四屏、第四屏到第五屏的操作是挑选,而第二屏到第三屏的操作中还带有输入行为。


4、热门对象会带来更多关注。

巴西世界杯期间,最受重视的两个国家巴西和德国的用户挑选占一切国家挑选的48%。而摆放方位差不多的阿根廷和阿尔及利亚,重视度相差25倍。



5、用户会按照习惯操作页面,但自学能力强。

下例的H5小游戏开端前有操作方法提示,玩法是晃动手机(像操控真车方向盘一样)操控小车左右移动逃避障碍物。但是有19%的用户挑选点击消除障碍物,12.7%的用户挑选点击拖动小车,直接疏忽教程。

操作习惯.jpg

6、用户习惯滑动切换,不喜欢向左的点击。

下例H5专题页面,用户可以手势滑动切换游戏,也可以点击下面的导航切换游戏。93%的用户选择手势滑动,只有7%的用户选择点击导航。

滑动模块.jpg

下例H5专题页面,用户可以点击左右按钮或者手势滑动来360°查看新车。所有手势中,左点击只有10.1%,右点击有41.3%,手势滑动占48.6%。


7、有行为触发的icon要设计的足够醒目易懂。


PC页面用户有点击左上角logo回来主页的习气,手机页面的操作习气可能会受logo规划影响。几个专题发现,用户对单纯的logo点击愿望不大,可是添加了回来或者其他标识的logo,点击率会添加。


8、动画明显的元素容易引起用户注意并点击。

下例H5小游戏在开始前会进行一段动画,部分用户在动画过程中就开始点击页面。右图是游戏界面,点击“射门”按钮射门,但是有15%的用户会先点击移动的人头(好有趣啊- -//)。


9、有些图片不是动态的,也让人很有点击欲望。

如果有时间有心情,不妨给用户制造些小彩蛋:)。


10、控制页面文件体积以及添加loading。

据一个国外的数据调查,用户在运用手机时,如果遇到加载超越5秒的手机网站,74%的用户会挑选脱离。之前内部的一项网速测验算出拜访我们专题的手机均匀网速只要93K/s,如果忍受时间是5秒的话,我们的网页加起来需求控制在465K以内。主张首屏加载在465K以内,剩余的按需加载或许延时加载。

添加loading能给我们争取更多的加载时间。


想要了解更多实战信息请扫描下方二维码关注“IT实战联盟”哦~~~




全部评论: 0

    我有话说:

    「转载」使用DDD指导业务设计的一点思考

    领域驱动设计(DDD) 是 Eric Evans 提出的一种软件设计方法和思想,主要解决业务系统设计和建模。DDD 有大量难以理解的概念,尤其是翻译的原因,某些词汇非常生涩,例如:模型、限界上下文

    「轻阅读」聊一聊6种常用的架构设计模式(上)

      许多现代应用都需要在企业级规模上进行构建,有时甚至需要在互联网规模上进行构建。这些应用都需要满足可扩展性、可用性、安全性、可靠性和弹性需求。 在本文中,我将谈论一些设计模式,这些模式

    您应该避免的五个简单的数据库设计错误

    Anith 在他非常成功的文章 Facts and Fallacies about First Normal Form 之后,对五个常见的数据库设计错误进行了引人入胜的讨论,尽管使用它们的不幸后果

    用户体验设计干货笔记

    赵煜 前滴滴资深体验设计师 7年互联网产品设计经验,全链路体验+增长设计专家,曾负责滴滴拼车业务乘客侧效率革新工作、快车司乘评价体系优化工作、拼车新计价改革,业内首创“共乘”概念。深耕交互设计

    创业团队如何设计支撑百万并发的数据库架构?

    我们来聊一下对于一个支撑日活百万用户的高并系统,他的数据库架构应该如何设计?

    后端Coder如何做好代码设计?

    来源:http://r6d.cn/C5Ja 说明:生鲜电商属于一个软件的产品,那么如何做好代码设计呢?代码设计,是程序员做项目时,在coding之前非常重要的一个步骤,可以说关系到整个系统

    整理了一份数据库设计规范,可做模板参考

    文章就以数据库设计为主分享给大家,有更好的建议可以留言哦~~~

    数据结构

    结构,简单的理解就是关系。严格点说,结构是指各个组成部分相互搭配和排列的方式。在现实世界中,不同数据元素之间不是独立的,而是存在特定的关系,我们将这些关系成为结构。 数据结构:是相互之间存在一种

    缓存的架构设计要点

    缓存的典型应用场景和设计要点

    架构设计原则 - 高并发

    高并发设计可以从以下几方面考虑:无状态拆分服务化消息队列数据异构缓存并发化1. 无状态无状态的应用容易进行水......

    有趣的404页面设计鉴赏

    经过设计后,这个提示页面会更友好些,下面来欣赏一波404页面的设计

    面试官:如何设计数据库秒级平滑扩容架构?

    该方案能够实现n库扩2n库的秒级、平滑扩容,增加数据库服务能力,降低单库一半的数据量,其核心原理是:成倍扩容,避免数据迁移。

    Spring中的9种设计模式汇总

    Spring中的9种设计模式汇总

    「轻阅读」从MySQL高可用架构看高可用架构设计

    高可用HA(High Availability)是分布式系统架构设计中必须考虑的因素之一

    推荐一款前端数据源管理工具 algeb

    ALGEB 简介 这是一个比较抽象的库,一开始可能比较难理解。我写它的初衷,是创建可响应的数据请求管理。在传统数据请求中,我们只是把携带ajax代码的一堆函数放在一起,这样就可以调用接口。但是这种

    「轻阅读」如何设计移动端屏适配方案

    在众多的移动设备中,前端开发人员如何在不同屏幕大小,不同程度的高清屏下去百分百的还原设计稿,从来都不

    IntelliJ 平台 2020 年的路线图,项目模型将重新设计

    协同编辑、支持云执行、重新设计项目模型

    【总结】前端5大常见设计模式,代码一看你就懂!

    用代码示例来掌握前端5大设计模式

    电商实战篇:商品模型分析与设计(超级实用)

    最近在设计电商平台,那么在整个电商系统中商品模型是非常重要的模块,也可以说是整个电商的核心,那么接下来我们一起分析一下,设计出一个完整的商品模型。