首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【案例分析】薄荷健康APP设计思路深入解析

静电说:又到了APP案例复盘栏目的时间了,今天我们为大家解析的是薄荷健康这款应用。...这款应用是一款健康管理应用,可以搜索食材卡路里,奶茶,食谱等等,也可通过分析个人的健康记录,如喝水,体重,睡眠等等,给出使用者合理的健康建议。另一方面,这款应用设计风格独特美观。那么,来一起看看吧!...而是基于产品的功能和场景的考量,薄荷健康的菜单如下“首页”,“发现”,“记录”,“商店”,“我的”,除了我的这个基本所有应用都必备的栏目外,菜单布置兼顾推荐>个性化>变现(商店)+会员,这样一个顺序,也符合用户使用APP...003.首页设计 如果想凸显品牌,应用左上角放一个Logo效果很不错,也可以让你的应用更加具有品牌和设计感。薄荷健康的首页就是这样设计的。...004.发现栏目设计 发现栏目的主要功能是提供更多内容,帮助提升用户存留,让用户花更多的时间呆在应用中,所以互动就至关重要,也是app运营的必争之地。

1.4K40

APP UI 设计模式】(一)APP UI 设计原则和流程

一、基本原则 1、用户体验原则UCD,以用户为中心去设计 2、设计模式是可重用的设计规范实现 3、反模式是糟糕设计的典型,极力避免使用 4...、试验模式——超越既有理念和移动现状的设计,有望成为下一个主流UI设计模式。...二、主要内容 1、APP UI 设计模式描写叙述的对象是智能手机、平板、智能设备等设备上执行的应用程序。...d,小型平板 e,大型平板 4、原型设计方法必须考虑尺寸、交互、运动、声音、多点触控、跨界等因素 三、设计流程 1、划定范围、确定概念、做好规划...2、举行小范围的设计研讨会 3、使用便利贴进行“高速迭代測试和评估”RITE 4、进行视觉设计PS 四、參考资料 1、http://www.androiddesignpatterns.com

70710
您找到你想要的搜索结果了吗?
是的
没有找到

聊聊Web App、Hybrid App与Native App设计差异

缺点: (1)临时性的入口 (2)无法获取系统级别的通知,提醒,动效等等 (3)用户留存率低 (4)设计受限制诸多 (5)体验较差 2....三、Web App受限制因素及设计要点 相比Native App,Web App体验中受限于以上5个因素:网络环境,渲染性能,平台特性,受限于浏览器,系统限制。 1....既符合H5精简功能又达到了突出核心功能的设计原则。无疑给用户眼前一亮的气息。 正如书中《瞬间之美》的一个核心观点:重要的并不是我们提供的信息量有多大,而是我们能否给他们提供真正需要的信息。...然而,什么情况下需要跳转页面,什么情况下在当前页面展示则需要设计师细致考量。 因此,Web App基于浏览器的特性,从设计角度应该遵循以下了两点: 少用手势,避免与浏览器手势冲突。...四、小结 综述所述,在设计Web APP时,应当遵循以下几点: 1. 简化 简化不重要的动画/动效 简化复杂的图形文字样式 2. 少用 少用手势,避免与浏览器手势冲突 少用弹窗 3.

2.5K80

app界面设计流程

制定正式问卷,以下为某银行客户制定的用户需求调研问理财经理App需求调研 Step 4. 对问卷进行定量化分析,输出问卷分析报告(采样为300份有效问卷) ? Step 5....根据问卷分析报告以及客户需求进行用户需求的制定,输出用户需求报告 ? Step 6. 根据用户需求报告制定信息架构(information architecture) ? Step7....根据信息结构,结合用户样本(Persona)、竞品分析、双维度表等方法确立交互设计目标,并输出主页面交互设计提案 ? Step 8....所有页面的交互设计,同时 以交互说明的形式配合甲方PM或开发人员输出PRD ? Step 9. 用户视觉风格喜好调研 ? Step 10. 视觉风格分析与提案 ? Step 11....选定一个方案进行深化后对剩下的页面进行视觉设计 ? Step 12. 视觉规范手册(pdf 20P起)的制定 ? Step 13. 交互动效的制定(demo+文字描述),并配合开发制作实际效果 ?

1.1K50

设计优秀app的秘密

好的产品往往做好了两点:功能和细节设计。功能吸引用户使用你的产品,细节设计将你的用户留下。...优秀的细节设计能够使你的产品在众多竞品中脱颖而出,优秀的微交互设计往往能够让用户在初次使用产品时就能够留下深刻的印象。...但是有些情况下,app需要时间来等待行为处理完成后才能向用户发出反馈。因此,产品界面需要向用户指明此刻正在发生的事。...总结 用心设计,思考用户使用产品的情景,再设计这些微交互时多运用一些生活中常见的操作模式、物体的运动轨迹、常见的行为方式等。...产品的易用性来源于对细节的打磨,伟大的设计不仅仅在功能上满足用户的需求,还要在微交互的设计上打动人心。

81140

移动端APP设计趋势

首先说明,这是一篇转载的文章,原文在这 移动端APP在2017年经历了诸多的变化, 人工智能、聊天式的界面、响应式设计、虚拟现实(VR)和增强现实(AR)让设计师不断面临新的挑战。...研究表明,用户每天耗费在手机和平板上的平均时长为158分钟,其中127分钟是耗费在各类APP中,可以看出移动端APP的快速发展都是不争的事实,在我们不断吸收新的东西和掌握新的潮流的同时,还需要确认这些设计趋势是否被验证了...在较小的屏幕上灵活组织和安排内容的意义是无价的,卡片提供了文本、图像和视频等多种媒体内容的一体化解决方案,目前为止,App Store,Facebook、Google和Twitter已经完成了卡片式设计的迭代更新...比较值得一提的是宜家《家具指南》APP,早在两年宜家已经开始了AR领域的尝试,限于技术当时的体验相对不佳。...目前这款App已经能够用3D的形式较为精准地呈现宜家的各色产品了,通过用户手持手机旋转角度,即可让虚拟家具等比例的出现在家里任何角落,家具采购的体验得到了极大提升。

1.1K20

app产品设计流程_APP流程图

App设计流程 第一步、从APP产品需求入手,考虑我们到底要用什么主色调 根据产品定位和目标用户群体选择主色调 定好尺寸:设计尺寸是多大,是以640*1136设计还是750*1136 还是1242 *2208...所有APP设计尺寸大小规范:http://www.25xt.com/appsize 第二步、配色和辅助色用什么颜色 在考虑到产品气质和品牌色的同时,我们经常要考虑配合衬托产品主色调的辅助色。...第五步、如何表达情感化设计,特别是app引导页的设计和启动页的设计 总体原则参照博文 www.25xt.com/allcode/2289.html 1、引导页的设计 参照 https://www.jianshu.com...所以我们如果可以用在一些跳转页面引用动效设计,无意是对整个app加分的好方法。...第七步、宣传推广的APP 图标icon 的设计 关于app的图标设计方法,一万个人有一万个答案,那么具体怎么做,还是要考虑用户、场景、需求等细节。

65030

App启动页设计技巧

App启动页,也称闪屏页,最初是为缓解用户等待Web/iOS/Android App数据加载的焦虑情绪而出现,后被设计师巧妙用于品牌文化展示,服务特色介绍以及功能界面熟悉等平台进行设计,被赋予了更加丰富而实际的作用...以下就跟着小编的脚步,了解和分析12款最新且最具代表性的Web/iOS/Android App启动页设计实例,并结合小编最常用的一款更快,更简单的原型工具­­——Mockplus, 介绍创建此类设计案例原型...logo的app启动页设计方法。...动效”的设计方式 静态或动态logo的直接展示或转化,也会是App启动页设计的一个重要变量和切入点。...总之,希望这里分析的12款最新且最具代表性的启动页设计实例,以及对应的原型设计技巧,能对你有所帮助。

1.7K20

设计】近期发现的 APP UI 设计趋势

翻译文章,作者:AppMaster.io https://appmaster.io/blog/top-10-mobile-app-ui-design-ideas-2022 ---------------...正文 如果移动应用程序不符合最新的设计趋势,那用户可能会放弃你设计的产品。...设计师已经开始使用不寻常的字体。文字不再看起来那么无聊,也不会迷失在背景中。其目的是使设计更明亮、更新颖。...在新一年中,这种神奇的 UI 移动设计趋势趋于增长和传播。这种设计趋势的关键在于应用程序的界面让您感觉自己置身于应用程序中。引人入胜的设计元素和游戏化是这种体验的关键。...它们包括自然的真实照片,具有平静的色彩和结构简单的轻元素,很少有深色主题设计。 如果让你的UI设计更好呢? 这里有一些建议: 1. 多看别人的优秀设计 分析它们的优缺点,从他们的经验中学习。 2.

96630

淘宝APP用户行为分析

淘宝APP的功能日益复杂,但都离不开最基本的收藏、购物车和购买功能,本文利用sql对淘宝用户行为数据进行分析,通过用户行为分析业务问题。 一....提出问题 本次分析的目的是想通过对淘宝用户行为数据分析,为以下问题提供解释和改进建议: 1.分析用户使用APP过程中的常见电商分析指标,确定各个环节的流失率,找到需要改进的环节 2.研究用户在不同时间尺度下的行为规律...1.基于AARRR漏斗模型分析用户行为 本文通过常用的电商数据分析指标,采用AARRR漏斗模型拆解用户进入APP后的每一步行为。...APP的使用,重新唤起用户也需要更多的成本。...结论与建议 本文分析了淘宝APP用户行为数据共200万条,从四个不同角度提出业务问题,使用AARRR模型和RFM模型分析数据给出如下结论和建议。

8.6K20

浅谈APP的污点分析

污点分析技术是APP隐私数据安全、病毒分析(基于常用的API分析)和实现漏洞检测的重要技术手段,也是信息安全研究的热点领域,静态污点分析方法是目前APP应用中检测隐私泄露的主流方法之一。...污点分析技术可分为动态分析、静态分析和混合分析,但在APP应用中污点分析技术主要应用到静态污点分析技术。...APP静态污点分析它是在静态分析的基础上加入污点分析原理,使其结果为该分析方法所期望的可疑数据流。...(图片来源网络) APP静态污点分析:通过解析dex 文件并根据 APP的生命周期建立函数调用的模型,使用静态数据流分析的方法,静态模拟代码数据的传播,实现静态数据的跟踪,以达到精准定位漏洞的目的。...,也具备APP污点分析的能力,不过它已经没更新了,可以学习下它的思路。

28720

老外对中国式App设计趋势的分析:中国移动应用设计趋势解读

下面来看看老外对中国移动的分析 今年夏天,我收拾好所有行李,从旧金山搬到了广州工作。记不清是因为怎样的机缘巧合,我成为了微信(一款红遍中国的通讯应用)的产品经理。...Grata是一家可以为客户提供设计公众号服务的公司,它可以帮客户将服务植入进任何的App中。...大多数应用程序在设计钱包时都会采取类似的三栏式网格布局和五颜六色的图标来对功能进行集合。即使我的银行类App也是类似的界面,让界面保持平衡。 兄弟别怕!我有一个盾!...9.关于朋友圈 有必要从几个方面来着重分析微信的“朋友圈”功能。 乍一看,感觉就像是谁匆匆山寨了facebook的新动态,又糊上了Picassa的图标。但使用之后,我才惊奇地发现其独创性和颠覆性。...它们都是精心设计的,包含了独特的设计理念,但我还没来得及用我的安卓设备一一测评(也许这就是我下一篇帖子的主题)。我真心推荐观看锤子的发布会(英文字幕版),哪怕就当娱乐一下也行。

1.7K120

淘宝APP用户行为分析

淘宝APP的功能日益复杂,但都离不开最基本的收藏、购物车和购买功能,本文利用sql对淘宝用户行为数据进行分析,通过用户行为分析业务问题。 一....提出问题 本次分析的目的是想通过对淘宝用户行为数据分析,为以下问题提供解释和改进建议: 1.分析用户使用APP过程中的常见电商分析指标,确定各个环节的流失率,找到需要改进的环节 2.研究用户在不同时间尺度下的行为规律...1.基于AARRR漏斗模型分析用户行为 本文通过常用的电商数据分析指标,采用AARRR漏斗模型拆解用户进入APP后的每一步行为。...APP的使用,重新唤起用户也需要更多的成本。...结论与建议 本文分析了淘宝APP用户行为数据共200万条,从四个不同角度提出业务问题,使用AARRR模型和RFM模型分析数据给出如下结论和建议。

9.4K20
领券