如果把手机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. windows下Java调用mysql的客户端备份和恢复

    这种东西没啥好聊的,其实就是Java执行dos界面下的命令,不过有些要注意就是了,真实dos下面的命令和java调用的windows系统的接口其实还是有一点不同. /** * @param hostI ...

  2. mysql中的隐式转换

    在mysql查询中,当查询条件左右两侧类型不匹配的时候会发生隐式转换,可能导致查询无法使用索引.下面分析两种隐式转换的情况 看表结构 phone为 int类型,name为 varchar EXPLAI ...

  3. 解决内部元素onMouseOver/onMouseOut事件冒泡触发父元素的相应事件

    前阵子为BS项目模板做了一个左侧滑动信息栏,效果类似于windows状态栏的自动隐藏效果,鼠标移进滑出,鼠标移出隐藏,浮动时不占用空间,也可以固定住占一块位置.做的过程中遇到一个问题,鼠标在信息栏内部 ...

  4. linux下nginx安装、配置实战

    1什么是Nginx Nginx("enginex")是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP代理服务器,在高连接并发的情况下Nginx是Apac ...

  5. H5页面获取openid,完成支付公众号(未关注公众号)支付

    一.页面授权 // 进入页面获取权限code function initAuthorizeCode() { var appid = $("#appid").val();//公众号a ...

  6. web deploy 部署到远程服务器(win server 2008 r2) 遇到的问题。。。。

    和他遇到的情况一样,最后也解决了 http://www.cnblogs.com/brucejia/archive/2012/07/30/2615416.html 安装的前提是先看下这里: http:/ ...

  7. 关于layoutparam 请铭记。。。。

    //rl_pager 是RelativeLayout findViewById(R.id.rl_pager).setLayoutParams(new RelativeLayout.LayoutPara ...

  8. Qt添加库文件和头文件目录(QCreator)

    在使用QtCreator开发图像处理程序的时候想加入Opencv库来处理图形,添加头文件,需要编辑工程文件夹下的.pro文件在文件中添加以下内容,即可包含头文件的文件夹: INCLUDEPATH += ...

  9. ThinkJava-输入和输出

    1/0流的典型使用方式   1.缓冲输入文件 package com.java.io; import java.io.BufferedReader; import java.io.File; impo ...

  10. C# CS1591 缺少对公共可见类型或成员的 XML 注释 问题解决

    最近在写web api的项目,用到微软的Web api help page组件,用于自动对生成API文档,见博文: https://www.cnblogs.com/lenmom/p/9081363.h ...