掌握原型走查图,让你的APP设计高质高效设计达人

在拿到原型图,首先要确定我们想要用户做什么?是否符合产品目标?

案例一:

案例二:

详情页面中需要引导用户把商品加入购物车,结算功能主要在购物车中体现。通过滑动商品详情页,加入购物车按钮消失,吸底按钮去结算,功能导向发生偏差。

优惠券列表页众所周知,电商产品优惠券页面主要功能导向就是通过抓住用户“占便宜”的心理,在界面上突出优惠券的“优惠力度”和“去使用”的功能按钮,来促使用户下单,完成最终转化。而在京东到家的优惠券界面中(如下图左边界面所示),却把“去使用”按钮使用线框进行了弱化处理,并且在界面底部使用了一个实色按钮去引导用户进入“邀友领现金”的活动页,使得用户的视觉中心发生转移,从而影响了原本界面的功能导向。

1.2核心功能/版块是否缺失

1.3功能是否符合用户预期

人的行为总是具有惯性的,当用户对一个功能有了基本的预期,我们就不要轻易的打破这个预期。

1.4外环功能是否能辅助产生粘性

大多数的互联网产品除了核心功能之外,总是会有一些别的功能。外环功能辅助核心功能产生用户粘性,提升客户留存率,对品牌产生依赖。

食谱教程详情

1.5是否有多重用户角色?角色之间体验和内容呈现是否有区别?

一个产品中大都存在多种角色,如游客、普通用户、新用户、VIP以及各种等级的用户角色,在进行产品设计时,应考虑全面不同角色的不同呈现和体验。以首页中具有不同角色体验的福利活动专区为案例分析:

02布局结构走查

2.1是否符合产品类别方向

每一个行业、产品类别都有特定的布局结构,统一的布局结构,可以让人们更容易辨识使用产品,减少用户记忆负担。为了更全面、客观分析,以购物车为案例,选取方向为相同生鲜类产品、相近的电商类、外卖类作为竞品分析对象。

(1)首先从功能框架上分析:

(2)结合用户购物流程分析:

(3)京东到家目前方案分析:

a、从用户诉求角度看,订单追踪作为核心功能,成为独立板块确实可以方便用户查看,但目前app的订单列表只有简单的混合罗列,未对各种状态做分类,没有达到很好的减步长效果。

(4)结论

布局建议遵从用户习惯和行业产品类别方向,放入“我的”中。

2.2页面布局是否一致

根据界面布局七大原则中的相似原则,不仅同一页面中相同、相似的功能和内容要保持一致性,在同一层级间的不同界面,如果在功能上具有相似性,也应在布局结构上保持一致。

2.3布局的屏幕利用率

一个良好的布局,必然要考虑到屏幕的利用率、承载率。屏幕利用率的提升在一定程度上可以提高用户的阅读效率;同时对于产品来说,在一定程度上加大了产品的曝光率以及点击率。

发现食谱列表

确认订单

03信息架构走查

3.1信息层级是否明确

先来回想一下,在界面设计中有哪些方式可以表现信息的不同层级,大小,颜色,位置,阴影,模糊,透明度。这些方式大家可能已经非常熟悉。但在原型里上,我们是如何分辨信息层级的?最熟悉的,就是距离,同一层级中距离会近一些,不同层级的距离相对远一些,若距离一样用户的认知就会发生偏差,如下图

3.2信息分类是否合理

首先要弄清楚用户是谁?什么情况下会使用什么功能?内容分类就是化繁为简,从而更好的满足用户需求。根据用户场景来对功能进行分类,由菜式、场景、食材进行分类使用户能快速找到所需入口,如下

3.3是否可以信息降噪处理?

大段文字的信息,不能直观的看到重点,会影响用户体验度,精简信息把重要的信息体现出来,减少其他不重要的信息干扰,提高阅读效率。

3.4信息视觉流是否合理

信息视觉流也就是尼尔森的F型浏览模式,即用户从左至右,从上至下的阅读浏览习惯。合理的视觉流就是依据F型浏览模式,将信息依次排布。此处在京东到家中没有找到一个较好的案例,所以选择其竞品美团买菜为例:

04交互体验走查

4.1交互逻辑是否合理、通畅

案例一(交互逻辑是否合理)

含重要操作且篇幅较长的页面:屏幕滚动时,主要功能入口应保持固定在可以选择的地方,可以提高用户操作效率,同时减少用户滚屏多次还要返回首屏选择功能入口的焦虑感。

4.2是否符合用户习惯和预期

用户希望所点即所想,所见即所得。而违背这一逻辑的交互,则势必会造成用户的失落感,从而影响用户的使用体验。以首页的超级品牌周板块为例:

4.3是否可以减少操作步骤(交互减步长)

在拿到原型时,也需要走查考虑当前页面包含的操作是否可以减少操作步骤,以提高用户的操作效率,达到较好的用户体验。以购物车页面为例:

4.4操作是否有容错性

4.5触发操作

对单条列表进行横向滑动显示其支持的操作选项,是一种比较常见的移动端交互方式,在页面中增加客户认知的交互操作比单击选择会更好一些。

4.6逆向流程是否合理

正向流程一般指用户日常购物时从下单付款至收货的过程,而逆向流程相反,是指商品逆向回到仓库,资金逆向回到用户手中,信息流支撑物流、资金流的过程。在进行产品设计时,大都会将精力投注在正向流程上,而对于逆向流程则会疏忽。以取消订单逆向流程为例:

05组件/控件走查

5.1是否符合用户认知

互联网发展至今,用户早已被培养出了一套成熟且具有普适性的使用习惯。我们在做控件的呈现和样式选取的时候,不能盲目的追求创新和差异化,也要慎重的考虑是否符合用户的一贯认知和习惯,否则会加大用户理解使用的成本,从而产生不好的体验。以收货地址编辑的页面为例:

5.2异常状态处理是否合理

5.3是否有统一信息组件

为什么要保持一致?一般情况主要是会对产品开发团队和用户两方面都有好处,于用户而言,对界面和功能操作的认知统一,图文列表是很好的信息展现形式,在电商app中商品列表是很庞大的信息量,统一信息模块的展现,使页面更加严谨,对设计和开发而言效率都有提升。

THE END
1.家常菜点餐基于小程序的家庭大厨家常菜点餐系统设计与实现(源码+数据四、数据库设计 五、核心代码 六、论文参考 七、最新计算机毕设选题推荐 八、源码获取: 博主介绍:大厂码农|毕设布道师,阿里云开发社区乘风者计划专家博主,CSDN平台Java领域优质创作者,专注于大学生项目实战开发、讲解和毕业答疑辅导。 主要项目:小程序、SpringBoot、SSM、Vue、Html、Jsp、Nodejs等设计与https://blog.csdn.net/m0_66468899/article/details/144337136
2.5个精美原型设计案例分享接下来,就让我们一同走进 5 个精彩纷呈的原型设计案例世界,去探寻其中的奥秘与魅力,感受它们如何以独特的方式塑造着不同的数字体验领域,为我们的生活、工作和娱乐带来全新的可能与变革。 一、美食食谱类原型设计案例 项目概述:这款应用旨在为美食爱好者打造一个交流分享美食食谱的平台。用户可以上传自己的拿手食谱,包括https://www.bilibili.com/opus/1008533526009610279
3.沉浸式体验:一口气开发一个外卖平台系统小程序#软件开发手机软件电00:10 现代牛马是怎样叫的#小程序开发 #APP开发 #软件开发 00:28 沉浸式体验:挑战快速搭建一个外卖平台系统小程序#app开发 00:15 外卖平台骑手APP全新版本适用更多场景#软件开发 #APP开发 00:38 7500元给广西客户开发了一套同城外卖平台APP#软件开发 #APP开发 00:22 沉浸式体验:一口气开发一个外卖平台系https://www.163.com/v/video/VNHQEIFKB.html
4.多功能美食菜谱APP方案设计毕业设计论文.pdf多功能美食菜谱APP方案设计毕业设计论文.pdf,摘要 本设计主要针对Android移动平台多功能美食彩票系统进行分 析和设计。设计一款基于Android的一款多功能菜谱软件,客户通过 手机能够获取美食菜谱、食材信息、健康资讯、在线社区以及线上、 线下互动服务。本次APP设计以内容https://max.book118.com/html/2021/0107/8062106036003035.shtm
5.食堂一周菜谱明细表制作软件食堂一周莱谱为了方便食堂工作人员制作一周菜谱,并为就餐者提供丰富多样的菜品选择,我们开发了一款名为“食堂一周菜谱明细表制作软件”的软件,该软件能够根据预设条件和要求,快速生成一周菜谱明细表,方便食堂工作人员进行参考和修改。 功能特点 1、自动生成一周菜谱:软件可以根据预设条件和要求,自动生成一周菜谱明细表,包括每天的菜https://www.coffee.cn/xican/post/378174.html
6.环球热议:发烧网络用语是啥意思发烧网1、10几天前还进去过的,不像改网址了。2、这个星期还没进去过,不对,http://m.cntvsp.cn/shipingnews/yaowen/2023/0607/90059.html
7.食谱类APP竞品分析(下厨房,美食杰)根据调查发现,目前食谱类app种类较多,主要使用者都为一二线城市20-35岁年轻上班族和家庭主妇,但相对于整个目标用户群来说真正使用者数量占比仍然较小,而正常上班情况往往日常饮食都是随意解决,为什么还是有一大部分人不愿意借助其达成使用目标,作为也是下厨房等食谱APP的用户,我想弄明白怎样的食谱软件更能受用户的欢迎https://www.jianshu.com/p/3a2e0c8aa597
8.美食食谱类APP开发功能需求分析5、美食社区。社交平台的搭建,让用户可以自由发布美食佳肴的制作动态,亦或者一项好玩有趣的想法都可以提出来,成立一个热爱美食的交际圈,可以研究更多的美食内容板块,提高用户的整体活跃度。 以上就是美食食谱类APP开发功能需求分析,希望可以为大家提供一定的帮助。 https://www.wandongli.com/index.php/news_detail.html?id=1749
9.商业模式设计的核心是()?吴女士,32岁。劳累后心悸、气促3年。4日前受凉后心悸、气促加重,夜间不能平卧,并咳少量粉红色泡沫痰而入院。体检:神清,精神紧张,稍烦躁,体温38.8℃.脉搏90次/分,呼吸28次/分,血压120/78mmHg,心尖部隆隆样舒张期杂音伴震颤,一天夜间巡视病房时发现该病人端坐,张口呼吸、大汗、烦躁不安、咳大量浆液泡沫https://www.shuashuati.com/ti/0551d3a648b14055819863750d01de1d.html
10.减肥食谱app排行榜免费减肥食谱app有哪些推荐理由:没烦恼厨房app是一款手机菜谱软件,软件拥有食物分类,食谱,记录等等功能板块,可以帮助用户更好的厨房做菜,更健康营养生活。 下载健身食谱大全app 2021-09-1923.7M v1.30.36 安卓版 推荐理由:健身食谱大全app是一款十分实用的美食菜谱软件。软件为用户提供了超多美食菜谱,用户可以在这里一步一步进行学习,https://www.qqtn.com/qqkey/jfsprj/
11.瘦身塑形宝典:打造专属瘦身食谱APP减肥食谱APP提供丰富的营养食谱,涵盖早餐、午餐、晚餐、零食等多种场景,满足不同人群的饮食需求。每一份食谱都经过专业营养师精心设计,科学配比,既能保证营养均衡,又能控制热量摄入。同时,APP还会根据你的身体情况和目标体重,为你量身定制个性化食谱,让瘦身事半功倍。 https://www.cibailian.com/jiangfei/22751.html
12.餐饮APP端界面设计,菜单食谱制作说明。志趣青年餐饮APP端界面设计,菜单食谱制作说明。 志趣青年 北京/艺术工作者/6年前/464浏览 版权 可能感兴趣的人 下次默认收起 直男大叔 深圳| 艺术工作者 创作62粉丝1321 ruby可可 乌鲁木齐 | 艺术工作者 创作72粉丝20009 LinLinAGI 北京| 艺术工作者 创作19粉丝7149https://www.zcool.com.cn/work/ZMjk5OTc3MDQ=.html
13.基于安卓Android家庭食谱管理系统APP的设计(Androidstudio,SQL基于安卓Android家庭食谱管理系统APP的设计(Androidstudio,SQLlite)(含录像)(论文说明书10000字,程序代码) 系统功能分析 本系统实现一个安卓家庭食谱管理系统。具体功能描述如下: 1. 用户注册/登录:实现用户的注册和登录。 2. 菜系信息:实现菜系信息的列表显示,可以按分类进行浏览,可以添加、查看或删除食谱信息,可以https://www.2bysj.cn/Article/java/202201/21767.html
14.降饮食和膳食计划者或者食谱制作做饭厨房App专为iPad 设计 4.3 ? 3 个评分 免费 提供App 内购买项目 截屏 iPad iPhone 简介 分步说明模式! “我的食谱”页面充当您的移动食谱和令人难以置信的搜索工具,可让您按任何成分或食物进行过滤! 当然,如果您喜欢烹饪和饮食,那么我们有好消息要告诉您。现在,您可以每天使用新的袖珍食谱学习新食谱。是不是很棒?!https://apps.apple.com/cn/app/id1437702503
15.app功能需求分析报告[4]戴心来,陈齐荣.网络课程的教学交互及其设计探讨[J].电化教育研究,2005,27(9). 篇5:智慧社区APP需求规格书(精) 发布各种社区公告, 及时通知业主,孕期百科为孕妇提供妊娠各个时期应具备的知识,包括生理健康、心理健康、产检报告、食谱、禁忌等内容。社交平台则是为孕妇搭建的交流渠道,方便使用者与其他孕妇https://www.360wenmi.com/f/file29nk3x8i.html
16.7个可以直接套用的原型设计案例,提效必备!通过这款美食食谱APP原型设计案例,用户可以轻松浏览、搜索、学习和分享各种美食食谱。它可以按照喜欢的美食风味来选择推荐食谱,并为每款美食提供全面的食谱指导,让用户能够掌握制作美食的技巧,成为用户在烹饪旅程中的可靠伙伴。 6.新闻APP原型设计案例 这个新闻APP原型设计案例,提供了新闻类APP所需的主要界面设计和UI组件https://pixso.cn/designskills/7-prototype-design-cases/
17.网站定制微信公众平台开发小程序定制APP定制等软件的APP 网站定制 提供定制化网站搭建服务,根据业务需求,提供专业化的网站设计、网站研发网站维护服务。整合SEO优化架构,帮助企业建立在现代互联网时代的高价值网站烧饭时也会在互联网上检索食谱,在公交车和地铁都是会刷微信朋友圈、新浪微博、今天头条等一些可以拜访信息内容的网上渠道,互联网技能可以帮助大伙儿更方便https://www.yongjiasoft.com/
18.#菜单设计制作#平板点餐系统#餐厅菜单设计,食谱定制app首页 推荐 关注 朋友 我的 直播 放映厅 知识 游戏 二次元 音乐 美食 是张派派呢 苹果手机可以吗 1年前·浙江 0 分享 回复 蓝蕾软件 作者 支持iPad或者M1后的苹果电脑,iPhone不支持的 1年前·福建 0 分享 回复 展开1条回复 展开2条回复 https://www.douyin.com/video/7169508728801201439
19.哪些APP可以制作西餐食谱?这类短视频平台,也有很多UP主会分享西餐食谱,大家可以针对性的关注一些美食博主。 以上就是我们给分享的西餐食谱APP,有了这些专业APP的帮助,大家的厨艺一定会日渐增益,祝大家早日成为理想中的西餐大厨。 -end- 有了Canva可画,不用再担心食谱设计缺乏科学指导。Canva素材?库中拥有海量的食谱模板,涵盖时令养生、健身https://www.canva.cn/learn/western-food-recipes-2/
20.降食谱app合集推荐降食谱app大全健康食谱APP合集精选了健康食谱应用,为用户提供了一系列简单易做、营养丰富的美味佳肴。这些食谱由专业的营养师和厨师团队精心设计,涵盖了各种不同的口味和饮食需求,包括素食、低脂、高蛋白、糖尿病饮食等。在这些APP中,用户可以找到各种健康菜谱,如地中海饮食、亚洲美https://www.52pk.com/zt/jkspapp/
21.美食食谱app界面图片免费下载美食食谱app界面素材千图网为您找到533张美食食谱app界面相关素材,千图网还提供美食食谱app界面图片,美食食谱app界面素材, 美食食谱app界面模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://www.58pic.com/tupian/meishishipuappjiemian.html