如果把手机APP比作人的话,首页就是脸面了。首页是一款产品的大门,好的开头就是成功的一半。

调查表示,26%的手机APP的平均使用次数只有一次。对首次使用产品的用户而言,首页的好坏关乎到用户对该产品的第一印象,无法在首页取悦挑剔的用户的眼睛,提供好的用户体验,基本就宣告了产品的失败。因此,想要在移动APP首页打造优秀的用户体验,获取用户的关注,需要回答这几个问题:

问题1:你是谁?

用户第一眼看到的是界面,其次是内容。所以,在这个阶段,符合品牌的好的设计感和内容的丰富度会给用户的印象加分。因此,主页最好在顶部放置明显的产品logo,明确你的基本形象。此外,你的产品也需要放在首页显眼的位置,最好的办法就是尽可能地清空首页,让用户的目光聚焦到单一的图片或者简练并且表意清晰的文本上。

问题2:你能做什么?

进一步吸引用户使用的就是产品到底能为他解决什么问题,这就和产品所具有的功能/所提供的服务相关,只有当用户能用该产品切实解决问题并且用起来爽了,那他才会一直用。所以,在这个阶段,对首页而言,核心功能的展示和好的交互体验显的尤为重要。

此外,细分用户和服务也是有必要的,就比如,你开了家造型沙龙,需要考虑你是否同时接受男女客户?你能提供怎样的护理方案?在做完头发后顾客会不会买一些护发产品?你需要让你的产品特色直击用户眼球。

问题3:你能提供什么样的信息?

首页作用也在于引导用户,迅速的呈现内容,而本身精彩的内容和精准的分类才会激发用户的进一步使用的欲望。对于深度使用用户而言,首页是信息的集合,用户希望只要打开首页就能知晓最近的活动和通知,并且能看到好的内容推荐。所以,内容的推荐和即时更新会让用户感到满足。需要明确你的用户究竟要获取怎样的信息,他们是否想要知道你的实体店的位置?能否让客户通过推送获取每月的优惠券? 除此之外还应该在首页设置适当的Tab和按钮,能够直观展示你的APP里到底有什么东西。

问题4:如何布局?

不管是定位为内容型还是导流型应用,首页能做到以上几点都会给用户带来好的体验。当然不管在哪个阶段,当内容达到一个量级的时候,搜索和导航都可以方便用户到达想要去的页面。

首页的整体布局和方案也需要根据产品的定位来设计,最常见的入口导流型的首页采用宫格的形式,精简首页的内容呈现,不作为真正地消费场景,起到分流的作用;而把首页作为主要的消费场景的话,就适合采用瀑布流的页面方案,用户可以在首页尽可能的完成自己想要的交互和消费场景。减少层级的跳转;而社交软件当然就应该采用对话列表的方案,首页即为一个主要的交互消费场景;像Uber这样的地图导航型软件在主页就需要直观地利用LBS展示地图,与用户进行密切的交互。

问题5:你用了Mockplus吗?

怎么会有问题5?咳咳……当然,当然这里稍带一个小广告:利用合适的原型设计工具会让你的工作事半功倍,笔者为大家推荐一股清流——原型设计利器Mockplus,快速原型,快速交互,并且支持团队协作,为你带来畅快的设计体验。

官网地址:https://www.mockplus.cn

回答了这四个问题,你就可以打造最佳App首页的更多相关文章

  1. 第四百节,Django+Xadmin打造上线标准的在线教育平台—生产环境部署CentOS6.5安装python3.5.1

    第四百节,Django+Xadmin打造上线标准的在线教育平台—生产环境部署CentOS6.5安装python3.5.1 1.检查系统是否安装了python [root@192 ~]# rpm -qa ...

  2. 第三百九十四节,Django+Xadmin打造上线标准的在线教育平台—Xadmin后台进阶开发配置2,以及目录结构说明

    第三百九十四节,Django+Xadmin打造上线标准的在线教育平台—Xadmin后台进阶开发配置2,以及目录结构说明 设置后台列表页面可以直接修改字段内容 在当前APP里的adminx.py文件里的 ...

  3. 第三百八十四节,Django+Xadmin打造上线标准的在线教育平台—路由映射与静态文件配置以及会员注册

    第三百八十四节,Django+Xadmin打造上线标准的在线教育平台—路由映射与静态文件配置以及会员注册 基于类的路由映射 from django.conf.urls import url, incl ...

  4. 第三百七十四节,Django+Xadmin打造上线标准的在线教育平台—创建课程app,在models.py文件生成4张表,课程表、课程章节表、课程视频表、课程资源表

    第三百七十四节,Django+Xadmin打造上线标准的在线教育平台—创建课程app,在models.py文件生成4张表,课程表.课程章节表.课程视频表.课程资源表 创建名称为app_courses的 ...

  5. 关于HTML表格中插入背景图片的问题_百度知道 3个回答 - 提问时间: 2009年03月23日 最佳答案: <tr style="background-image:url(1.jpg)"> (这事设置背景图片) <img src="images/bbs_student1.gif" />如果是这样的就是直接插入图片。你看看,...

    关于HTML表格中插入背景图片的问题_百度知道 3个回答 - 提问时间: 2009年03月23日 最佳答案: <tr style="background-image:url(1.jpg ...

  6. 【Microsoft Azure 的1024种玩法】四. 利用Azure Virtual machines 打造个人专属云盘,速度吊打某云盘

    [简介] 1.Azure Virtual machines是Azure 提供的多种可缩放按需分配计算资源之一,Nextcloud是一款开源免费的私有云存储网盘项目,可以让你快速便捷地搭建一套属于自己或 ...

  7. 不借助第三方网站四步实现手机网站转安卓APP

    今天本来是帮朋友查看是否在APP里可以点外链的一个测试,做着做来感觉了,就把这个测试优化了一下.好了我们来进入正题. 工具:Android Studio 第一步:新建项目 第二步:拖入控件(WebVi ...

  8. 四十七 Python分布式爬虫打造搜索引擎Scrapy精讲—elasticsearch(搜索引擎)用Django实现搜索的自动补全功能

    elasticsearch(搜索引擎)提供了自动补全接口 官方说明:https://www.elastic.co/guide/en/elasticsearch/reference/current/se ...

  9. 安卓第四次作业——简单校园二手交易APP

    一.项目团队 团队成员 姓名:汤文涛 学号:1600802129 班级:计算机164班 博客地址:https://www.cnblogs.com/taotao01/ 姓名:杨圣豪 学号:1600802 ...

随机推荐

  1. 【消息队列值Beanstalk】beeanstalk初识

    Beanstalk是一个高性能.轻量级的.分布式的.内存型的消息队列系统.最初设计的目的是想通过后台异步执行耗时的任务来降低高容量Web应用系统的页面访问延迟.其实Beanstalkd是典型的类Mem ...

  2. node.js + express 初体验【hello world】

    [node.js]  一个神奇的XX 呵呵 :) 不知道怎么形容他才好! [express] 是node.js 开发web应用程序的框架 开发环境:XP 大家共同进步吧 :) 一:前期准备: 1:下载 ...

  3. equals方法和==的区别

    equals方法和==的区别   首先大家知道,String既可以作为一个对象来使用,又可以作为一个基本类型来使用.这里指的作为一个基本类型来使用只是指使用方法上的,比如String s = &quo ...

  4. win xp 环境变量PATH默认值

    %SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem

  5. [C#]反射相关

    //Type type = DataHelper.Instance.GetType(); //MethodInfo[] infos = type.GetMethods(BindingFlags.Ins ...

  6. Serv-u只开放21端口连接不上解决方案

    在Serv-U的Local Server -> Settings -> Advanced -> PASV port range里, 填入给PASV模式使用的本地端口范围,如60000 ...

  7. POI导出Excel和InputStream存储为文件

    POI导出Excel和InputStream存储为文件   本文需要说明的两个问题 InputStream如何保存到某个文件夹下 POI生成Excel POI操作utils类 代码如下.主要步骤如下: ...

  8. ubantu的下载和在虚拟机VM中的安装

    一.下载Ubuntu镜像文件 下载地址:http://www.ubuntu.com 打开上面的连接,我们来到如下页面,点击download: 下一步,到如下页面,点击Ubuntu Desktop: 然 ...

  9. 修改eclipse 代码字体大小以及文档字体大小

    1..点击[window]在弹出的窗口中选择[preferences] 2.在弹出窗口中找到依次点击General(常规)——Apprearance(外观)——Colors and Fonts(颜色和 ...

  10. leetcode119

    public class Solution { public IList<int> GetRow(int rowIndex) { List<List<int>> l ...