移动端APP产品设计结构及专业术语

1. 启动图标

点击后可以启动 APP 的图标,如图分别是淘宝在不同场景下的启动图标。

2. 应用市场展示页

在应用市场中为了帮助用户在下载之前了解 APP 功能的页面叫应用市场展示页,也能够通过优秀的 UI 设计吸引用户下载。

如图中红框内分别是苏宁易购、设计本、当当网的应用市场展示页。

3. 启动页(闪屏)

APP 启动后加载过程中显示的页面叫启动页,如图是微信、有道云笔记、得到的启动页。一般启动页的设计都会比较简洁,只有启动图标+solgen,或是吉祥物、一张精美图片的形式。

4. 广告页

国内一些公司由于变现困难在启动页之前或之后,进入主页之前加了一张广告页,主要用来显示接的广告或自己公司的运营活动,可以跳转链接或打开其他 APP。

如图是 UC浏览器、网易云音乐、宝宝树的广告页。

5. 引导页

用户第一次打开 APP 后为用户介绍 APP 主要功能的页面,只显示一次,或是 APP 版本更新后用来介绍新版本新功能。

如图是前程无忧 APP 的引导页。

6. 首页

进入 APP 后默认显示的页面,如图是微信、澎湃新闻、淘宝的首页。

7. 一级页面

一般指通过底部标签切换的方式能够到达的页面。如:

· 微信的一级页面有微信、通讯录、发现、我的;

· 淘宝的一级页面有首页、微淘、消息、购物车、我的淘宝;

澎湃新闻的一级页面有首页、视频、问政、问吧、我的。

8. 二级页面

指通过一次反馈操作能够回到一级页面的页面,叫二级页面。

如图分别是微信聊天页面、朋友圈页面、支付宝我的余额页面,它们都是二级页面。

9. 注册登录页面

用户注册账号、登录账号的页面。如图是洪恩故事的注册登录页。

10. 个人主页/我的页面

显示用户个人信息、和用户有关的订单、收藏、优惠券、课程、商品等等信息的页面。

如图是 luckin 咖啡、家长帮、丁香医生的个人主页。

11. 菜单导航页

包含很多分类、不同栏目,可以跳转到很多个不同内容页面的页面叫做菜单导航页。一般首页大部分属于菜单导航页,如我们的 pro 小程序的首页就是一个菜单导航页。

如图是一条、新世相阅读、美图秀秀的菜单导航页。

12. 搜索页面

用于搜索的页面。有的 APP 没有单独的搜索页面只有一个输入框,有的有单独的,因为可以放一些推荐内容或广告位。

如图是喜马拉雅 FM、贝贝、搜狗阅读的搜索页。

13. 设置页面

更改 APP 设置的页面,如图是百度阅读、淘票票、夸克浏览器的设置页面。

14. 详情页面

展示内容详细信息的页面,如图分别是淘宝的商品详情页、起点学院的课程详情页、今日头像的咨询详情页。

15. 关于我们页面

介绍 APP 版本信息、功能介绍、公司信息、联系方式、版权声明的页面。

如图分别是夸克浏览器、极客时间、火辣健身的关于我们页面。

16. 意见反馈页面

一般的 APP 都会设计一个意见反馈功能来收集用户需求,对应的页面就是意见反馈页面。

如图分别是贝贝、阿里钉钉、花生地铁的意见反馈页。

APP 中的页面类型大致可以分为以上这些,上边所写的页面名称是被使用得最多的、最规范的名称。沟通时使用上面的页面名称应该 90% 的成员都能理解。

APP页面内部的标准术语

来源:千锋UI设计

原文地址:https://www.cnblogs.com/leolei/p/11460878.html

时间: 2024-08-03 22:00:08

移动端APP产品设计结构及专业术语的相关文章

说说四种不作不死的App产品设计

1.画蛇添足性产品 这种产品有个共性就是功能强大,分类精细,拿到手,一般人学不会,要仔细研究一番,因为功能太多,各种分类,各种标签,而且版本会定期更新,定期推出新功能,代表作品新浪微博,之前一直使用微博的3.15版本,显得简洁清爽,后来微博再出新版,很少更新过,不过今天手贱就更新了下,手贱的原因主要是老版本速度太慢了,性能太差,所以想更新个新版的希望速度快点,谁知道一更新,发现了好多的新功能,单独发布微博做成了一个“+”菜单,放在了屏幕最下面的中间,点击后,出来一堆分类,有文字,有图片,有拍摄,

小谈APP产品设计

据说今年1月份的数据显示,以Android系统为主的Google Play应用商店,App数量超过140万.而7月份的报道数据显示,苹果AppStore应用商店里的App数量已超过150万.加之今年又是一个互联网+高产出的一年,因此现在的APP竞争已经相当激烈了,另外有报告说移动应用App的生命周期平均只有10个月,85%的用户会在1个月内删除已下载的应用.社交类App竞争最为残酷,死亡率达35%.如何更好使自己的APP更具竞争力,将是是产品人今后的主要工作内容了. 本文不在阐述如何做好一个AP

UI设计师必须了解:2015年十大移动端APP设计主流趋势

从移动端兴起,主流设计风格定型,再到Uber.Vine等现象级APP的崛起,移动端的APP设计直到现在才渐入佳境.促成这一切的影响因素很多,比如社会发展趋势的变化.共享经济的大热.新技术的积累,等等等等.这些事物的出现需要时间积累,这也是为什么这些应用到现在才火起来. 同样的,今年我们要关注的是定型了的巨屏手机和逐渐沉淀下来的可穿戴设备. 随着日常生活中所涉及到的移动端应用的增加,用户在这些东西上的所耗费的精神和脑力也越来越多.查看邮件.预订酒店.叫外卖都有赖于各种应用,而诸如Airbnb和Gr

ui界面设计公司搜集精彩设计三十例:移动端APP界面设计欣赏之二

如果您想订阅本博客内容,每天自动发到您的邮箱中,请点这里 蓝蓝设计是一家地处北京的界面设计公司,经常会接到移动端APP界面设计的项目,比如给一起海带做的海外代购APP.给词觅公司做的社交APP-词觅APP.做的人民币鉴伪的APP.给赞同科技做的银行智能网点ipad端界面设计,给快递通做的快递通自助取快递触摸屏界面设计. 在做设计的同时我们也会经常收集一些APP界面作为参考,一下就是一些APP界面的案例: APP界面欣赏案例一 APP界面欣赏案例二 APP界面欣赏案例三 APP界面欣赏案例四 AP

APP产品经理(一)

随着移动端APP的迅猛发展,每天都有大批量的APP发布到市场,从传统的APP业务,到一些社交.电商APP,近2 年移动端做APP产品的越来越旺了,那么就出现了一大批的产品经理的职位,需求一大批的优秀人才.目前的状况, 手机是肢体的延伸,和人是一体的(通过各种传感器);而PC是外物,即外部环境.移动互联网产品不是简单的PC到手 机的移植.做没有web的移动互联网产品该怎么做?这对中国IT人来说是全新的课题.可以看到一些对于APP产品设计 和推广的清醒认识.一个好的产品经理,带领出来的APP产品对公

15款优秀移动APP产品原型设计工具

一款优秀的移动APP产品原型设计工具应该具备: ①.支持移动端演示(随时随地演示给BOSS,厕所&食堂&电梯-以体现我是那么的敬业--长点工资必备) ②.组件库(高效复用,谁用谁知道) ③.可以快速生成全局流程(程序猿看不懂拆解的,给丫的看这个) ④.在线协作(多个PM狗一起用) ⑤.手势操作.转场动画.交互特效-(这些都不需要,留给专业的交互.视觉,搞那么虚的不如多想想产品流程逻辑做做减法.写写xxRD啥的) 这些年,产品狗们折腾过的原型工具: 1. POP(Prototyping on

产品原型设计5:移动App原型设计神器 - POP(Prototyping on Paper)

一般来说,苦逼的互联网产品经理们都知道 Axure 这个原型设计工具,一方面是因为它提供了足够简单的拖拽操作,易上手,且有很多模板方便复用:另一方是因为它可直接输出html,直接在浏览器里给团队成员和老板展示原型,方便做可用性测试. 移动 App 越来越多,现在你不做一两款 App 出门简直都不好意思跟人打招呼了.不能直接上手 PS 的产品经理们,又在想怎样低成本地制作移动app原型了.Axure 和 OmniGraffle Pro 当然会被容易被想到,但通过这两个制作出来原型的要在手机上直接展

Hybrid APP 架构设计思路

关于Hybrid模式开发app的好处,网络上已有很多文章阐述了,这里不展开. 本文将从以下几个方面阐述Hybrid app架构设计的一些经验和思考. 原文及讨论请到 github issue 通讯 作为一种跨语言开发模式,通讯层是Hybrid架构首先应该考虑和设计的,往后所有的逻辑都是基于通讯层展开. Native(以Android为例)和H5通讯,基本原理: Android调用H5:通过webview类的loadUrl方法可以直接执行js代码,类似浏览器地址栏输入一段js一样的效果 webvi

【转】【CDC翻客】移动端App测试实用指南

 译者注:本文从测试人员的角度出发,提出了100多个在测试移动App过程中需要考虑的问题.不管你是测试人员.开发.产品经理或是交互设计师,在进行移动App开发时,这些问题都很有参考价值.我和Queen合力译出此文,分享给大家,希望有所帮助和启发. 英文原文: http://mobile.smashingmagazine.com/2012/10/22/a-guide-to-mobile-app-testing/ -------------------------------------------