掌握原型走查图,让你的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.下厨房app功能结构图下厨房app功能结构图 这是一篇关于下厨房app功能结构图的思维导图,包含抽屉、首页、课堂、收藏、发布等,形成了一个全面且易于使用的美食应用平台。 相似推荐 大纲 立即使用 互联网9大思维 31.2k 2.2k 366 MindMaster 会员免费 立即使用 产品立项报告 7.4k 317 16 江边朝阳 免费 立即使用 产品经理如何做好https://mm.edrawsoft.cn/template/1505040
2.caloo一年前用户测试老师课程上要求做一个简单的饮食记录软件框架图,几个月前突然会看这个框架图感觉可以延伸出来很多东西,所以就做了这个项目,有什么不足还请大家多指教=。= 感谢观看,如果喜欢的话请点个赞吧~ 43 原创作品UIAPP界面界面项目GUI图标设计交互设计APP设计 https://m.zcool.com.cn/work/ZMjI5ODY0ODg=.html
3.美食食谱app界面图片免费下载美食食谱app界面素材千图网为您找到526张美食食谱app界面相关素材,千图网还提供美食食谱app界面图片,美食食谱app界面素材, 美食食谱app界面模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://www.58pic.com/tupian/meishishipuappjiemian.html
4.Android的食谱菜单平台系统的设计与实现相较于传统食谱菜单平台系统,本系统可以更方便地管理用户操作整个安卓app过程,提高了管理员工作效率和用户体验。用户可以在网上进行查看美食食谱、食材营养等,能够灵活地修改自己的个人信息,大大提高管理工作的效率。 本系统主要包括二个功能单元,管理员和用户。实现了每个单元的主要功能,本系统还提供了采用包括系统功能测https://blog.csdn.net/wx_zhuyanbishe/article/details/140762367
5.微信小程序菜谱项目的前后端架构展示图微信小程序制作菜谱香哈菜谱是一款围绕美食而成的小程序,在这里可以查看各式各样的菜谱。 一、打开微信开发者工具,新建一个项目:xhcp。如下图: 二、建立如下的一些目录: 三、将底部标签导航图标、美食轮播图片、宫格导航图标、香哈头条美食图片的素材放置于pages文件夹下的images中: https://blog.51cto.com/u_16213603/11436090
6.产品灵感设计一款记录饮食的APP首先,确定APP核心目标是帮助用户记录每日饮食,并且计算用户所摄入的营养元素。主要流程大致为:进入产品——记录饮食——查看摄入值。 1. 功能架构图 2. 使用流程图 3. 原型图 (1)逻辑跳转图 (2)交互测试 便于快速验证MVP是否解决了用户痛点,提供墨刀原型,点击链接即可进行测试: https://www.jianshu.com/p/e35765f5e6c2
7.美食菜谱数据流程图流程图模板美食菜谱数据流程图是一个直观展示美食菜谱制作全过程的文件,它涵盖了从食材准备、烹饪方法到菜品呈现的所有环节。这种流程图以图表的形式,将美食制作的各个环节和步骤进行可视化展示,使得制作过程更加清晰易懂。此外,它还包括食材的种类、数量、烹饪温度、时间等关键信息,为用户提供了详细的指导。这种文件通常以图片或https://www.processon.com/view/67176e9be62924419e3a3a3c
8.美食食谱app行业分析.pptx美食食谱app行业分析目录行业概述用户分析竞争格局分析技术创新分析商业模式分析行业风险分析未来展望01行业概述定义与分类定义美食食谱app是指提供各类菜谱、烹饪技巧和食材搭配等信息的移动应用程序。分类根据功能和特点,美食食谱app可分为基础型、增强型和社交型等类型。全球美食食谱app市场规模不断扩大,用户数量逐年增加。https://m.renrendoc.com/paper/310595393.html
9.食谱大全app哪个好?食谱大全app排行榜食谱大全app下载食谱大全app今天小编给大家带来了一些帮助大家做菜的小能,想做什么菜都可以在这些app中找寻找,涵盖了各样的菜谱,无论是煎炸烹炒样样都有。有的注重减肥,所以对于运动人来说可以选择减肥的食谱大全。还有的专门为儿童设置的健康菜谱大全app,以及有的app针对不同人群而设计,你可以根据自身来找寻合适自己的食谱大全。http://www.downcc.com/k/shipudaquanapp/
10.美食类APP产品高保真原型图–AxureShop产品原型网美食类APP产品高保真原型图 ¥ 59.90 – 立即购买 在线演示 兼容性提醒:此作品只兼容Axure RP 9.0及以上版本,低版本软件无法使用。 本产品是一款美食类APP产品界面设计,其中包括食谱,精品,圈子,我的,四大模块,共计页面50多个 产品亮点:寻求菜谱,展示厨艺,上传课程,学习厨艺,厨艺互动等等 框架图: 部分界面 https://www.axureshop.com/a/1878774.html
11.如何绘制微信点餐小程序的结构图?随着移动互联网的发展,微信小程序已经成为了一种新的移动应用形式,它可以帮助企业快速搭建移动应用,提高企业的经营效率。微信点餐小程序是一种比较流行的移动应用,它可以帮助餐饮企业更好地管理订单,提高服务质量。那么,如何绘制微信点餐小程序的结构图呢? https://www.guangli88.com/diancan/50354.html