Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

菜谱App调研与重新设计——基于i pad2设备

2.455 visualizaciones

Publicado el

此报告是对目前ipad端菜谱重新设计的报告!

Publicado en: Diseño
  • Inicia sesión para ver los comentarios

菜谱App调研与重新设计——基于i pad2设备

  1. 1. 菜谱app调研与重新设计报告 基于iPad2设备 刘健
  2. 2. 目录⼀一、菜谱应用市场分析1、菜谱应用概况和市场现状2、菜谱应用模式分析3、菜谱应用的本质4、菜谱应用发展趋向分析二、菜谱应用用户分析1、菜谱应用目标用户分析2、菜谱应用用户场景分析3、菜谱应用用户需求分析三、菜谱应用产品分析(基于iPad2设备)——Cookpad和豆果美食HD1、Cookpad(1)界面总览(2)需求分析(3)信息架构(4)页面布局(5)操作方式(交互细节)2、豆果美食HD(1)界面总览(2)需求分析(3)信息架构(4)页面布局(5)操作方式(交互细节)四、菜谱应用产品重新设计(基于iPad2设备)1、产品定位和信息架构2、产品原型设计3、视觉稿4、手势操作菜谱app调研与重新设计报告 1
  3. 3. ⼀一、菜谱应用市场分析1、菜谱应用概况和市场现状            目前大多数菜谱应用都是对于web端的产品延伸,目的是为了让菜谱的发现、分享、学习更加移动化和便捷化,目前主流平台是IOS和Android。              尽管Android系统的设备在全球的市场份额继续扩大,不过人们似乎不太愿意用Android的智能手机或者平板电脑浏览网页或者购物。根据NETMARKETSHARE最新的统计数据(通过计算移动网络流量),如下图1所示:              苹果的iOS系统(包括iPad和iPhone)占据了移动网络流量的60%,其中iPad呈稳步上升的趋势,从12年3月开始到2012年7月市场份额上涨了10%,说明iPad在移动流量中图片和视频中体现了更大的使用比重;              而在数量上占据主导地位的Android系统只有20%的份额,其中多数来自Android2.3版本,这个版本从12年5月开始呈现下降趋势,而4.0版本随着最新的职能设备的销售,市场份额从12年3月开始稳步上升,但是份额仍然非常低。Month iPad iPhone Android Java ME Android Other 2.3 4.0October, 2011 28.53% 29.98% 8.48% 12.81% 0.00% 20.21%November, 2011 24.91% 26.71% 8.53% 19.69% 0.01% 20.17%December, 2011 24.53% 25.24% 8.92% 21.27% 0.05% 19.99%January, 2012 23.97% 27.37% 10.31% 19.19% 0.15% 19.01%February, 2012 29.97% 28.14% 11.55% 14.16% 0.31% 15.88%March, 2012 29.58% 27.88% 11.59% 15.10% 0.53% 15.31%April, 2012 33.74% 27.36% 11.98% 11.83% 0.94% 14.14%May, 2012 33.41% 27.29% 12.41% 12.17% 1.43% 13.29%June, 2012 36.68% 26.85% 11.95% 10.22% 2.27% 12.04%July, 2012 37.32% 26.66% 11.42% 9.11% 3.54% 11.95%August, 2012 38.37% 25.88% 10.84% 8.37% 5.16% 11.39% 图1  Mobile/Tablet  Top  Operating  System  Share  Trend                            目前国内外的菜谱应用名称、定位、商业模式如下图所示:菜谱app调研与重新设计报告 2
  4. 4. 国外应用 定位 商业模式Cookpad 菜谱分析UGC社区 广告销售、食谱出版、会员费、电子商 务All  Recipes 有趣和实用的菜谱搜索应用 高级会员服务Gojee 个性化菜谱分享社区,目前内容来自300多个 与美食博客、食品零售商的合作 独立美食博客Food  Network  In  the  Kitchen 集菜谱制作文字配方和视频的⼀一体化应用 广告、应用下载费 国内应用 定位 商业模式豆果美食 中文美食分享社区 探索中下厨房 让下厨房做菜变成⼀一件简单的事情,专注于自 食材电子商务入口、广告 己在家亲自烹饪美食杰 美食菜谱发现和分享应用 食材电子商务入口好豆菜谱 菜谱分享与本地餐饮推荐与团购 本地餐饮推荐2、菜谱应用模式分析•大众菜谱的发现、评论、分享                这部分应用(国外主要有Cookpad,国内是下厨房、豆果美食)的主要功能为大众菜谱的发现、评论和分享,他们解决大部分人对于需要菜谱指导制作美食和学习新的美食做法的需求,以及评论、分享其他人的美食制作过程与方法,同时也可以上传自己的制作方法与流程。              商业模式主要集中在广告、食材电商的引导模式、会员增值模式这几种互联网的主流商业模式,但是目前大部分产品的商业模式还处于探索阶段,并不完善(尤其在国内)。•个性化菜谱应用            这部分应用(  Gojee、All  Recipes)提供个性化的菜谱服务和制作流程,  可以根据用户的个性喜好自定义食品配方,还有很多名厨的菜谱制作。•以文字和图片为内容形式的菜谱应用              这部分应用(国内全部,国外大部分)呈现菜谱的形式表现为文字和图片,图片包括一般的图片和高清大图,这种方式的优势就是易于传播,格式相对较小,硬件设备的成本低,缺点就是不直接和生动。•以声音和视频为内容形式的菜谱应用              这部分应用(Youtube、Food  Network  In  the  Kitchen)呈现菜谱的形式表现为声音和视频,这种网站对于美食制作方法和流程表达的更加细致和生动,易于理解,更有利于美食制作的学习,但是缺点就是由于诸多硬件设施的考虑,不利于UGS的方式,相当于将垂直视频跟菜谱网站的一个结合。•资讯类菜谱应用                这部分网站(  open  food、美食杰、美食天下)呈现的菜谱美食的相关资讯信息,以健康、生活、美食、食材等话题为信息内容,有的网站资讯仅仅是网站的一个内容版块。3、菜谱应用的本质——DIY文化、厨房文化            食谱,又称菜谱,是一种教人烹饪食物的文件,记载着配方、烹调步骤、技巧等。现存最古老的食谱来自公元前15世纪的巴比伦。            菜谱应用体现的是DIY文化、厨房文化,真正的菜谱应用应该建立在这两种文化基础之上,而不是针对“吃”这个泛指的词上。            用户对于菜谱应用的地点主要集中在超市、去超市的路上、家里(厨房中)。菜谱app调研与重新设计报告 3
  5. 5. 4、菜谱应用发展趋向分析            菜谱应用发展趋向在于:(1)菜谱内容的价值性(关注健康饮食、菜谱的个性化)(2)菜谱内容的呈现方式(声音、视频)(3)通过食材电商打通O2O模式(线下提供继承食材选择、清单罗列、食材物流、食材储存、本地食材供应系统、食材微处理等服务)(4)互动方式的革命(基于线上菜谱和线下饮食活动、美食节、比赛等方式结合的O2O模式)。              不应盲目追求引入区域餐饮黄页导航、团购、点评等服务;如果是为了餐饮服务,我去大众点评等网站就可以了。菜谱应用失去了原有的基因。二、菜谱应用用户分析1、菜谱应用目标用户分析——从厨艺能力的角度进行用户分析(1)做饭零基础的用户(不知道如何做菜,渴望能做几道菜)              对菜名、烹饪制作方法、工具完全不知所云,某些时候,这类用户可能仅有个大体的想法,例如每次心理总是默念“我渴望做菜”,但是却没什么特别明确的目标。              菜谱的分类浏览对于这类用户是很好的模式,瞬间将他们带入美食的海洋,各种食材分类、各种季节分类等Roadmap模式对于这种用户有种不可抗拒的力量。(2)有点做菜常识的用户(会做一些菜,但是不知道如何把他们做的很美味)              这类用户的明显特征就是做过菜,但是次数很少,基本的厨艺知识是有的,但是对于烹饪的细节掌握的不好,就是不看菜谱也能做出吃的,但是完全无信心做好,当他们使用菜谱的时候,有下面两个场景:•冰箱里面有块牛肉可以做什么呢?点击菜谱应用的“分类浏览”中的食材选择“牛肉”,弹出相关的菜谱推荐,因此点击进入查看如何制作。•使用搜索功能,搜索“牛肉”相关内容,于是出现一系列的搜索结果,这个结果完全集中了搜索者的心理预期,这个目标性浏览的过程。(3)厨艺娴熟的达人用户(不知道如何把菜做的多有创意,但是能将很多菜做的很美味)                    这类用户使用“分类浏览”的欲望很低,本身已经有多年做菜经验的人,他们更看重如何使美食的营养搭配更合理、如何更有创意的吃、如何创新烹饪方法,这个是这类用户脑海中思考的问题。搜索是他们解决问题的一个有效途径,在搜索栏搜索“红烧肉”,会有很多不同的结果,不同的烹饪方法,拓展自己的烹饪视野,一个红烧肉可以有那么多的烹饪方式,会是一个很有趣的事情。——从用户的居住情况的角度进行用户分析(1)单身独居,或异地恋独居;              这类用户,很多时候觉得只做一个人的饭很麻烦,所以会经常和同样单身的朋友同事外出吃饭。吃饭这种事情是很害怕孤独的。(2)单身或异地恋,但合租(比如同事)菜谱app调研与重新设计报告 4
  6. 6.              这类用户就有点不同了,因为合租具备了合伙做饭的条件。是合伙做饭,还是年轻人不喜欢麻烦仍然外出用餐,这里 面就有分化了。 (3)男女朋友同居或夫妻,和父母分开住,双上班族。            这类用户,因为是双上班族,所以这里面随着工作压力、双方时间一致性、年龄又有分化。 (4)男女夫妻,和父母同住,家有老人,或者一方不上班。            这类用户,这是最具备做饭条件的。特别是家里有老人的情况下,那是特别持之以恒的,但是也有问题。就是口味问 题,常常出现老人做得饭菜不符合口味,特别是儿媳或者女婿的口味。   2、菜谱应用用户场景和需求分析            菜谱应用用户场景分析逻辑如下: 观察 思考与询问 寻找解决方案 痛点被解决 用户 生活中关 目标用户 菜谱应用 无痛点的场景 场景 于吃的痛点 针对上文的目标用户设定如下的用户场景分析:1、单身独居,或异地恋独居:小张 2、单身或异地恋,但合租(比如同事):小李                            白领小李  ,性别女  ,年龄25,  初入社会,  自己和同事租了一个                蓝领小张  ,性别女  ,年龄28,  工作五年,  刚刚按揭买了一个一 2室一厅有厨房的房子,有点做菜常识,周一至周五偶尔下厨(提前到室一厅有厨房的房子,住进了属于自己的窝了,渴望学习做菜,好抓住 家的情况下),周末自己在家做饭,遇到问题或痛点:1.周五下班回来男人的心,但是没有任何做菜基础,遇到问题:1.完全没有基础,不知 已经  8点,菜已经不新鲜了,甚至没有时间去买菜,2.很多喜欢吃的菜道向谁学习,2.到网上查找菜谱,感觉讲解得不是很懂,3.对于食材的 不会做,3.会做的菜味道做的很一般,4.上网去查看菜谱,经常要往返种类和名称不了解,4.很多做菜工具和调料需要购买,思绪很乱,5.经 于电脑和厨房之间,甚至把菜给做糊了,5.看别人的做法(文字和图过一段时间在网络美食社区的学习和沟通,但是也无法获得很大的进 片),无讲解,无法做出该有的水准,6.网上关于材料的分量过于抽步,6.对于烹饪的方法逐渐掌握,但是对于调料的分量把握还是有所欠 象,无法把握  ,7.网上关于食材的描述不准确,8.时间长了,想做点缺,7.由于自己住,自己做菜的动力不是那么足或者持续性不强,自己 有创意的美食,但是苦于找不到食谱。对于美食的沟通欲望没有人帮忙。8.  由于一个人,食材用量不好买菜、          一个人吃丰富菜式工作量大,很浪费。 •菜谱应用介入:查菜谱功能为主,需要得到称赞,激发下厨房的欲 望;需要获得食材购买的渠道;需要食材计划;需要身材方面的美食•菜谱应用介入  :需要厨艺教导功能(最好是视频);在氛围上面,仍然是一个人买菜、做饭、吃饭,需要有和网友的互动功能;需要食材购 推荐。买的渠道; •无痛点场景:  家常菜平日变得更简单,甚至不用休息日都能在上班日•无痛点场景:  通过菜谱应用学习了很多做菜技巧和烹饪方式,通过社 做做复杂的菜式。区和分享平台认识同城的同样是希望学习厨艺的姐妹,周末相邀一起学习。 菜谱app调研与重新设计报告 5
  7. 7. 4、男女夫妻,和父母同住,家有老人:小刘3、男女朋友同居或夫妻,和父母分开住,双上班族:小王              小王  ,性别女  ,年龄29,  结婚两年,  跟老公按揭购买了个二室一              小刘  ,性别女  ,年龄32,  结婚四年,  跟老公一起购买了个三室一厅有厨房的房子,做菜的达人,跟老公都是上班族,属于事业拼搏期, 厅有厨房的房子,  跟老公都是上班族,属于事业拼搏期,老公把父母接周一至周五偶尔下厨(提前到家的情况下),周末自己在家做饭或者去 来一起住,顺便帮忙照顾孩和做饭,周一至周五几乎不下厨(除非老人应酬,遇到问题或痛点:1.周五下班回来已经  8点,菜已经不新鲜了, 身体不舒服),周末自己在家做饭或者去应酬,遇到问题或痛点:1.父甚至没有时间去买菜,2.虽然会做很多菜,但是老公吃的有点乏味3.会 母做的菜过于旧,无法迎合年轻人的口味,2.老人在儿女的指点下,到到网站上寻找创意和个性化的菜谱,但是不易找到甚至没发现,4.找到 互联网上寻找菜谱,但是由于缺乏互联网的使用经验,菜谱网站和应用一些美食专家的菜谱,发现很多食材都不知道到哪买,5.去超市寻找这 使用不是很好,3.熟练菜谱学习后,为了省钱,去菜市场买食材,但是些食材,有一部分还是无法找到,即使找到了有些食材也不新鲜,6.需 贪小便宜,买了些很差的食材,4.夫妻二人没有时间去经常购买食材,要跟美食专家互动,但是却缺少渠道和平台,7.由于夫妻计划生孩子, 仅仅在周末有可能,5.由于隔阂,老人在网络上缺少分享和沟通的经考虑学习些有营养或者特殊帮助的菜谱,但是找不到。 验,甚至操作觉得麻烦,还要拍照片,导致学习菜谱兴致不高,6.孩子 才几岁,需要补充营养来长身体,但是缺乏这部分的菜谱。•菜谱应用介入:需要个性化和创意菜谱,需要食材方面的渠道,代购或 •菜谱应用介入:需要更易用易懂的操作方式,食材配送点成为网站的宣者食材送达渠道就更完美,需要特殊营养的食谱,需要跟美食达人或者 传点,美食分享互联网社区+仓储式服务式食材配送点+家庭主厨联谊式专家互动和沟通。 配送中心,倡导的简单式下厨理念和人性化厨艺文化,将给菜市场以及•无痛点场景:  为老公带来具有创意和个性化的高品质美食,家庭更加 新兴的蔬菜连锁超市造成冲击。和睦,充满美食情调,食材的购买也更加的方便,直接送货进门,身体 •无痛点场景:  每天都会有健康的食材送到家中,老人流畅地在互联网得到调理,准备积极造人。 发现、分享食谱,烹饪出了美味、紧跟时代口味的菜肴。5、男女夫妻,妻子暂时不上班做家庭主妇,照顾孩子和家庭:小胡              小胡  ,性别女  ,年龄34,  结婚7年,  老公已是企业高管,所以小胡决定暂时不上班做全职主妇,可以照顾家庭和孩子,虽然有点做菜基础,但是也需要补补做菜,希望老公除了在外面吃饭,其他时间都在家里吃,做些营养饮食,遇到问题或痛点:1.虽然菜谱很多,但是无法找到具备完善营养体系的菜谱,2.虽然小胡有很多时间去超市或者菜场购买食材,但是这些食材的安全问题还是让人担忧的,3.家庭式菜谱的匮乏,4.过于复杂的菜式导致无法分身顾及孩子,5.老公平时有应酬,容易引发身体的亚健康,所以一些降血糖降血脂的食谱是必须的,但是目前却很匮乏。•菜谱应用介入:更加功能完善的食谱,分类更加细化,增加营养体系的品类,健康食材的订购服务,搜索功能更加简便。•无痛点场景:  小胡每天都能够烹饪出营养丰富、有益于身体的美食,而且烹饪的食材剧本完善的安全保障体系。 菜谱app调研与重新设计报告 6
  8. 8. 6、跟男性大学同学一起居住,双上班族:小郭和小 7、单身女大学生,家和学校是一个城市的,一周多次回 李 家:小吴              小郭和小李  ,都是性别男  ,同是年龄24,  刚进入社              小吴,性别女  ,单身,年龄21岁,  上大2,  文艺范气质女会,目前跟大学同学一起在大城市奋斗,一起居住,  他们没有任何做菜 生,但是很传统的女性,希望以后可以相夫教子,做全职太太,提前加油学基础,仅仅是知道大概的过程,为了应对大城市的消费过高的问题,两 习做菜,但是本身也是一个小吃货,周一到周五下午没课就会回家,晚上学人决定自己做饭(只要无同事聚餐),他们一般周末把一周的菜都买 习做菜,周末一般都在家做菜,遇到问题或痛点:1.她希望的创意菜谱目前好,或者在某天提前下班后去补充一些自己爱吃的菜,下班后回来一起 还是比较少的,缺乏个性,2.她需要的食材购买找不到地方,母亲帮忙购买做菜,遇到问题或痛点:1.很多菜都不会做,需要从头开始学习,2.两 的食材往往都很一般,3.她发现目前很多美食图片都很丑,拍摄的一塌糊人熟悉互联网,在网上找菜谱,但是发现很多菜谱的描述过程都很单调 涂,4.她对于目前很多菜谱聚集的展示方式表示无语,非常乱,5.他需要一和不完整,3.很多菜谱仅仅是文字和图片的描述,并不生动,4.他们还 些减肥、塑身的菜谱,但是找不到,6.她需要跟更多有同样爱好的人互动,不爱在互联网呢上交流,觉得男人做菜(无任何基础)会被嘲笑,5.有 但是往往无人互动,或者互动不足,7.她希望他的美食分享可以影响更多的时候他们两个中的某个会下班晚些,一个人忙不过来,6.做菜的时候对 人,甚至把她当做一个职业。于调料的多少掌握不好,经常不是做的过咸要不就是过淡,7.由于自身没什么情调和品味,上传到网上自己的做菜图片拍的不好,不懂如何处理图片。 •菜谱应用介入:需要个性化和创意菜谱,需要食材方面的渠道,代购或者 食材送达渠道就更完美,需要特别减肥、塑身的食谱,需要跟美食爱好者更 好的互动,分享美食之外的一些事情,需要成为一个美食分享达人,影响更•菜谱应用介入:需要更加完整和科学的菜谱,需要更加详细的烹饪流程 多的人,希望获得经济汇报。与生动的讲解员,需要分享环境的改变、鼓励人人分享的精神,需要适 •无痛点场景:  为自己、家人、未来老公带来具有创意和个性化的高品质美合男人吃、容易制作、又能吃饱的菜谱,需要对菜谱中调料把握分量进 食,充满美食情调,食材的购买也更加的方便,直接送货进门,自己获得更行详细讲解,需要应用自身可以拍照,并处理照片。 多人的关注,走向美食达人的道路,获得了广告和渠道供给的资金。•无痛点场景:  两个奋斗青年,走上一条通往低成本、优质美食的康庄大道。 8、上班族晚期,事业平稳期,儿子上大学:黎阿 9、单身独居,大龄未婚女性,中层管理者:小印              小黎  ,性别女  ,年龄48,  事业非常平稳,  女生在              小印  ,性别女  ,年龄34,  单身独居,  公司的中层管 上大学,偶尔回家吃饭,家里就一个女儿,希望给她做更 理者,事业非常平稳,性格强势,至今未找到男友,有不多的美食,遇到问题或痛点:1.下班后有充分的时候去买菜,但是又买 想结婚的趋势,周一至周五偶尔下厨(没有应酬的情况下),周末自己不到美食需要的食材,2.但是对于互联网不熟悉,无法获得很直接的菜 在家做饭或者去应酬,遇到问题或痛点:1.没有时间去购买需要的食谱网站或者应用渠道3.对菜谱搜索与分享的操作不熟悉,4.跟网络上的 材,2.本身比较孤独,所以不喜欢跟别人分享,尤其是那些结婚女性,美食爱好者有隔阂,5.不清楚目前有哪些新潮的烹饪方式,6.在学习西 3.自己吃饭和自己做菜会感到孤独,4.对菜谱的要求很高,需要养生菜餐的时候,对一些基本的食材非常不理解和困惑, 谱。•菜谱应用介入:需要个性和新潮的菜谱,需要相应的新式的新鲜食材, •菜谱应用介入:需要养生类的菜谱,需要食材方面的渠道,代购或者食需要更为直接和方便的菜谱搜索与分享方式,需要与其他网友建立易于 材送达渠道就更完美,需要营造更多的线下美食活动。发展的关系机制,需要获得新潮烹饪方式的渠道,需要西餐一些稀有食 •无痛点场景:  下班后发现晚上需要的食材都被快递送到了家中,在家材的解释。 中独自享受烹饪美食的乐趣,并保持自己的健康和美丽,平时更多的参•无痛点场景:  当女儿回家的时候,发现母亲为自己制作一桌非常个性 与到线下美食活动中。的美食,然后将很容易的将他们进行拍照分享,并把这些分享给女儿,女儿惊喜的问母亲,这个西餐的食材在哪里购买的,太神奇了。 10、男女夫妻,都是上班族:小何——故事展开的全过程              小何,性别女  ,年龄29,  结婚3年,  夫妻两人都是上班族,她下班去超市购物,通过手机看自己晚上做菜需要的食材都有哪些,购买 食材后回家,回家后,拿出iPad放在厨房中,一边看制作方法和流程,一边处理食材,食材处理后,开始制作美食,烹饪完美食后用移动设备拍照后进行分享,遇到问题或痛点:1.在手机中记录的食材,在购买食材的工程中,缺少记录的功能,以便知道哪些是已经购买的,2.在厨房中看图片和文字显示的制作方法与流程,有些地方表达不完善,不生动3.双手在处理食材的时候,对于软件无法操作,4.总爱犯错,缺少对关键操作的主题提醒,5.最后用移动设备进行拍照,需要推出应用才能拍照,而且对于照片的处理缺乏支持。•菜谱应用介入:需要记录功能,需要视频的支持,需要声音控制的支持,需要对关键操作进行交互的提示,需要在应用中内置拍照功能,并且需要内置很多滤镜  ,进一步优化照片。•无痛点场景:  小何从超市购买食材,到回家进厨房做菜,分享成果和心得的全过程获得了充分的用户体验,感受到产品的易用性与对人的尊重。
  9. 9. 三、菜谱应用产品分析(基于iPad2设备)——Cookpad和豆果美食HD1、Cookpad(1)界面总览(2)需求分析目标用户:热爱做菜的主妇(20-39岁)。用户需求:随时随地发现和分享美食,可以搜索热门话题,也可以搜索当季菜谱,更可以按食材搜索;通过会员升级,还能获得更多的、更专业菜谱。还能在学习美食的时候,分享自己的烹饪方式,满足沟通的欲望,在烹饪的时候,活得快乐。设计目标:在提供搜索菜谱、分享菜谱功能的基础上,不断优化搜索的用户体验,美食分享的便捷,形成有效沟通,让大家愉快制作美食。(3)信息架构                Cookpad从探索菜谱、当季菜谱、话题菜谱、最近浏览菜谱、设定等五个方面对信息进行整合。菜谱app调研与重新设计报告 7
  10. 10.        “搜索菜谱”可以按照食材、料理名称等方面进行相关菜谱的搜索,也可以查看自己的历史检索,还可以查看检索排名 与排名趋势;再食材搜索之后,可以看到与之关联的搜索和具体菜谱的缩略。        “当季菜谱”可以查看当季的食材,还可以查看全部热门食材,选择食材后,可以查看具体菜谱的缩略。        “话题菜谱”可以根据不同话题来发现美食,后面出现具体菜谱的缩略。        “最近浏览菜谱”可以查看最近浏览的菜谱。        “设定”整合一些次要的信息,包括可以进行会员登陆,也可以查看应用规章,还可以进行意见的反馈。 (4)页面布局 菜谱详情页展 开按钮 主导航 菜谱详情页菜谱列表二级导航 二级导航隐藏 会员登陆提示                            与大多数基于iOS的app布局不同,Cookpad的list页采用了列表式布局,便于查找和拓展。主导航固定于屏幕左侧, 便于左手拿握的时候直接点击操作,二级导航在主导航右侧,中间是菜谱列表,菜谱列表拉倒最下部的时候,显示会员登 录提示,屏幕的右侧是菜谱详情页,菜谱详情页右上角是页面展开按钮,方便用户进行菜谱的观看。 菜谱app调研与重新设计报告 8
  11. 11. 缩小页面按钮 作者姓名 分享按钮 美食图片和文 字介绍 菜谱配方与美 食制作流程 食材列表              菜谱详情页在展开后采取了全屏的显示方式,最常用的美食图片和介绍在左上角,它的右下角是作者名字,它下面是 食材列表,右侧大部分是美食烹饪方法和流程,右上角是分享菜谱按钮,方便用户可以把自己的烹饪流程上传上来,进行 互动和学习,其中在一些关键注意事项上都加了星号。烹饪流程下拉后,还有关于这道美食的故事。 面包屑导航 菜谱详情页 平目鱼菜谱列表食材隐藏按钮 面包屑导航 面包屑导航 食材列表 菜谱app调研与重新设计报告 9
  12. 12.        “当季食材”在点击后出现各种当季的大类下分类的食材,这里加入了面包屑导航设计,便于在页面之间做切换,当详情页出现的时候是变淡的,但是当隐藏食材的时候,菜单详情页展开,显示出正常的色彩。(5)操作方式(交互细节)•在搜索食材的过程中,有个相关搜索的功能非常不错,可以让用户直接切换到可能感兴趣的链接页面。 关联搜索•在搜索界面中,Cookpad将检索进行了排名以及趋势的展现,给用户一个直观的说明:哪些食材或者料理是被多次检索的,而且他还在处于上升中。 搜索排名和 趋势菜谱app调研与重新设计报告 10
  13. 13. •在主导航中,按钮点击后,呈现凹陷的状态,代表它处于被点击的状态。 凹陷状态•菜单详情页面只有在占据屏幕大部分的时候才会呈现正常的颜色,否则他都是处于变淡的状态。 状态变淡菜谱app调研与重新设计报告 11
  14. 14. •在查看分享的时候,他的显示框会有大于一行的内容呈现出来,便于让用户知道还有未被查看的内容。 多余内容显 示•“设定”中的意见箱的设计反应出Cookpad对于用户意见的充分重视。 意见箱菜谱app调研与重新设计报告 12
  15. 15. •在菜谱所略表的下方会有对这个列表的总数量和显示数量的一个显示,便于通知用户还有内容,别漏掉。 数量显示菜谱app调研与重新设计报告 13
  16. 16. 2、豆果美食HD(1)界面总览(2)需求分析目标用户:初入社会的女性(20-35岁)。用户需求:发现、学习、分享美食菜谱,解决晚上吃什么的问题,使得“我也能做出美味的菜肴”的梦想得到实现。设计目标:在提供搜索菜谱、分享菜谱功能的基础上,设计一个美食的社区,通过建立一个以美食为兴趣点的圈子,建立一套食材百科和招牌菜库,推出个性化搭配方案。(3)信息架构菜谱app调研与重新设计报告 14
  17. 17. (4)页面布局 搜索栏二级导航 内容列表 主导航                与大多数基于iOS的app布局类似,豆果美食的list页采用了的列表式布局,便于查找和拓展。主导航固定于屏幕底 部,二级导航在左侧,中间是内容列表,右上角是菜谱和食材搜索栏,方便用户随时进行菜谱的发现。              豆果美食的界面非常简单,五个选项卡,直接点击和切换,非常直接,点击任何分类都会直接切换到瀑布式的菜谱列 表,菜谱列表的左上角是返回上页的操作选项,按住列表,向下拖动可以刷新菜谱,向上拖动可以查看更多的菜谱。 菜谱app调研与重新设计报告 15
  18. 18. 美食图片 食材分享、收藏、评论 烹饪制法              在菜谱详情页中,美食的图片放置在左上角,方便用户第一眼可以捕捉到图片,而后被吸引;图片下方是分享、收 藏、评论功能按钮;屏幕右面是食材和烹制流程。 (5)操作方式(交互细节) •屏幕右下角的设置按钮,设计以提醒消息的形式出现,为豆果节省了一个界面。 菜谱app调研与重新设计报告 16
  19. 19. •热门页面中,对于热门食材和菜谱使用了不同的颜色字体进行呈现,易于用户进行选择与区分。•菜谱列表使用瀑布流的展现方式,带给用户别样的视觉感受,在同样屏幕下呈现更多的美食图片,但是很多细节都没做(阅读次数、收藏次数、经典评论)菜谱app调研与重新设计报告 17
  20. 20. 1、iPad设备用户触控分析              首先,我们需要了解人们通常会以怎样的方式将手指停靠在设备上。拿iPad来说,普通青年们由于持机方式不同,热区的位置也有所变化。iPad的拿法在很大程度上取决于整个人的姿态。我们在站着的时候,需要一手持机一手操作;坐在桌前的时,我们往往会用一只手像支架一样从侧面架住iPad,而另外一只手用来戳戳点点;坐在椅子上的时候,我们通常会将它放在膝上进行操作;而躺着或是半卧着的时候,又会将它立在腹部,一手支撑,一手操作。            每一种持机方式几乎都对应着一种特定的热区规则,而且在每一种姿态当中,设备与我们身体的距离也有所不同。例如,站着的时候,我们会把iPad端的比较近,而躺下的时候就相对较远了。            首先,用来持机的那只手通常会握住机身的上半部分,因为这样最符合杠杆原理;相应的,拇指热区基本会位于屏幕的前三分之一部分,偏向左上角或右上角。其次,iPad的屏幕相对较大,用户很难像使用iPhone那样瞄上一眼就能看到界面当中的几乎全部内容。正像对待普通的印刷品或是Web页面那样,用户通常会首先将目光聚焦于iPad界面的顶部区域,所以我们的菜谱设计方案也要相应的在这一点上符合用户习惯。换句话说,在操作iPad的过程中,无论是目光还是手指,它们的主要活动区域都是设备的上半部分。              所以,在iPad及同类平板设备的应用当中,主要的交互控制对象应该被放置在界面的左上角或右上角,以便拇指可以很容易的触摸到。Instapaper和Twitter在这方面做的都不错:为触控体验而设计的菜谱app导航设计比较分析
  21. 21.              需要注意的是,应该尽量避免将交互元素放在屏幕顶端正中间的位置,否则用户在进行操作的时候,手掌会将很大一部分内容遮住。实际上,任何会对下方内容产生直接控制作用的交互元素都不应该被放在这个位置。在The  Daily的iPad应用当中,内容正上方有一个滑块,用户可以通过拖动它来前后切换文章页面。意图不错,不过当你执行这个操作的时候就会发现,自己的手掌会遮挡住文章内容,而手指则会挡住缩略图,体验弱爆了。单凭这一个地方的疏忽,这个设计方案就足够作为反例登场了。                    我们可以从The  Daily的失策当中了解到,对于iPad应用来说,在某些特定的情况下,控制元素还是避开顶端微妙。你可以将它们放在底部甚至侧面,只要控制元素本身及其所需的交互行为不会对内容的可读性造成影响。我们来看看Sydney  Morning  Heralds的iPad应用是怎样做的。如下图所示,在该应用的界面底部有一个页码指示器,当用户对其进行拖动操作的时候,对应页面中的文章标题就会以列表的形式出现在指示器的上方,使用户不用翻页就能大致了解其他页面当中的内容。虽然文章标题列表会将页面中的内容遮挡住,但在这个交互情景当中,用户最为关注的是列表中的文章标题,而不再是原来的主要内容区。为触控体验而设计的菜谱app导航设计比较分析
  22. 22.              对于在不同的情况下究竟应该将控制元素放在顶部还是底部的问题,我们归纳一下: • 对于那些起到界面导航作用的交互元素(例如“菜单”、“返回”、“关闭”等),以及用来完成分享、收藏、编 辑、删除等功能的按钮,通常可以将它们放置在界面顶部。 • 对于那些用于浏览或预览内容的控制元素来说,界面底部是最佳位置。所以,结合这个用户特征我们可以思考菜谱应用导航设计的模式。2、导航设计比较分析——Cookpad与豆果美食✦导航系统设计是整个交互设计中很值得推敲的地方,目前在iPad应用中的几种主流导航有几种:•Sidebars:在iPad  app中是很流行的导航方式(流行的原因可以参考上文对于平板电脑触控行为的分析)为触控体验而设计的菜谱app导航设计比较分析
  23. 23. twitter Flipboard •Buttons&Tabs 这种导航方式导航部分主要在屏幕的上部或者下部。(这种导航不推崇)Canal+ MOMA •Layered  Navigation 这种导航很好的例子就是twitter,左边是菜单栏,中间是内容目录列表,右侧显示内容。 这种导航可以跟sidebar导航进行融合设计。 为触控体验而设计的菜谱app导航设计比较分析
  24. 24. •Flexible  Pop-out  Navagation这种导航方式,用户可以拥有更多变换内容的空间,制造一种更加愉快的体验。(这种方式在菜谱应用设计中可以运用,展示出一些隐藏或者扩展的信息)•Listing&Grid  Type  Navigation为触控体验而设计的菜谱app导航设计比较分析
  25. 25. Jamie Oliver而在Cookpad中,导航设计采用了Layered导航设计(待改进),而豆果美食采用了Buttons&Tabs导航设计(不推崇)。为触控体验而设计的菜谱app导航设计比较分析
  26. 26. 应用名称 特点 优点 缺点Cookpad 1、全局导航只有⼀一行,色彩 1、全局导航悬停不动,方便 1、有的用户可能觉得这种方 使用符合品牌色彩。 用户在不同页面之间的切 式不直观,有时甚至很杂 换,降低了用户寻找信息的 乱。 2、全局导航在左侧保持不 成本。 动。 2、开发成本相对较高。 2、全局导航色彩设计的应用 3、二级导航再点击按钮后, 与网站、公司品牌的色彩匹 中间的目录列表弹出。 配,形成极好的⼀一致性。 3、更重要的是这种导航方式 便于用户在不同的目录之间 进行快速的切换,而不用通 过返回,再进⼀一步操作。豆果美食 1、全局导航也只有⼀一个。 1、全局导航悬停不动,方便 1、无品牌⼀一致性。 用户在不同页面之间的切 2、全局导航在屏幕底端悬停 2、导航设计过于粗糙,无质 换,降低了用户寻找信息的 不动。 感。 成本。 3、搜索栏⼀一直保持在屏幕右 3、页面点击进入具体菜谱内 2、页面之间切换速度很快。 上角。 容页面后,需要不断点击返 回,影响了操作的流畅,浪 费了极大的操作时间成本。              根据以上思考与比较分析,再考虑到我们真实的项目需求,我们将导航定义在屏幕左上侧的位置,其他返回、分享等操作定位在屏幕上方。            导航方式采用sidebars、  Flexible  Pop-out  、  Listing&Grid  Type融合使用的设计。为触控体验而设计的菜谱app导航设计比较分析
  27. 27. 1、信息的搜索、排序、筛选的设计模式和原则              搜索功能是菜谱应用中的核心功能,他的设计的好坏直接影响用户对于食材、料理发现的体验是否友好,既然提到搜索,就要思考下排序和筛选的问题。——搜索首先谈到搜索,我大概举出几个常用的设计模式(以iPhone为例): • 显性搜索              作为最普通和最常见的搜索模式,显性搜索依靠显性的动作行为及表现方式来执行搜索任务、展示搜索结果。在这种模式中,搜索按钮会出现在输入框的右侧,或直接嵌入虚拟键盘中  (这种情况下可以将“取消”按钮放在搜索栏中)。搜索结果通常会直接呈现在搜索栏下面的区域当中。在设计方案里,可以考虑将线性搜索与自动完成模式搭配使用。              在这种模式中,提供显性的搜索按钮,同时还可以为用户提供用来取消当前搜索行为的操作方式。当搜索正在执行时,提供明确的状态反馈。 • 自动完成              可以说,这是随着Web  2.0那波儿大潮所涌现出的一种最经典最实用的搜索模式。用户在输入关键词的同时,系统会即时提供一些根据当前已输入文字所猜测出来的搜索结果,如果用户发现其中的某个条目正是自己想要的,那么直接点击就可以完成搜索。当然,在没有恰当的候选条目或是用户觉得不手动输入完整关键词就活不下去的情况下,这仍然是一个能够正常完成搜索功能的普通模式。为触控体验而设计的菜谱app导航设计比较分析
  28. 28.            理想情况下,系统应该随着用户的输入而立刻提供搜索结果,但在实际当中,用来反馈系统工作状态的视觉提示也是必要的。上图右侧,Netflix直接将状态提示做在了关键词输入框内部靠右端的位置;另一种常见的做法是将其放置在搜索结果所要出现在的位置。              TripAdvisor提供了一种更为出色的自动完成模式,他们直接将即时呈现的搜索结果按照热门的旅行目的地、宾馆酒店等类型进行了归类。LinkedIn的做法也有几分类似,他们会优先显示那些与当前用户有直接联络关系的搜索结果。为触控体验而设计的菜谱app导航设计比较分析
  29. 29.                通过视觉提示向用户反馈系统当前的工作状态;可以考虑在搜索结果中对当前已输入的字符进行着重显示。 • 指定搜索范围              在某些情况下,可以让用户在执行搜索之前对搜索对象的类型和范围进行界定,从而得到更符合需求的搜索结果。Google和Photobucket的应用在指定搜索范围的操作形式上略有不同,但最终目的都是一致的。              采用类似做法的还有AllRecipes以及Dropbox的应用。在Dropbox中,默认的搜索范围是全部内容,但无论在搜索被执行之前,还是结束之后,用户都可以进一步选择搜索范围,例如搜文件或是文件夹。            根据产品自身的情况,合理的划分搜索类型,以便用户在执行搜索的时候进行选择。通常三到六个选项就够了,必要的时候可以通过表单来实现高级搜索功能。为触控体验而设计的菜谱app导航设计比较分析
  30. 30. • 已保存的/最近的搜索条目              优秀的移动应用界面设计都会尊崇一条最基本的可用性原则:尊重用户的付出。在搜索中,已保存的或是最近的搜索结果就是这条原则的良好体现。通过这两种模式,用户可以轻松的选择曾经搜索过的关键词,完全不必重新输入。            与这条可用性原则相关的设计模式还包括Trulia中的基于地理位置的搜索、Amazon的条码搜索、Google  Shop-per中的扫描及语音搜索,以及按照搜索日期进行分组的搜索历史记录。            在保存搜索结果的模式中,用户通常还需要花费额外的步骤为搜索结果命名,作为将来查看时的索引方式。而“最近的搜索条目”则由系统自行保存及呈现。对于自己的产品,要考虑哪种方式更加适合。为触控体验而设计的菜谱app导航设计比较分析
  31. 31. • 搜索表单              用户可以在搜索表单中使用某些高级搜索选项,例如通过某种方式选定搜索范围等。另外,搜索表单当中通常还会包含一个在视觉呈现方式上很突出的搜索按钮。              尽量控制搜索表单中的交互元素数量,并按照正确的方式使用这些交互元素。在视觉上注意细节的把握,例如元素的对齐、文字标签的布局及字号等。 • 搜索结果                            我们将搜索结果自身也看作整个搜索功能中的一个模式。搜索结果可以出现在与搜索操作相同的界面中,也可以存在于一个单独的搜索结果界面当中,看需求。搜索结果的呈现方式是多种多样的,包括表格(table)、列表(list)、缩略图等,另外还可以显示在地图当中。同一款应用可以同时使用几种不同的搜索结果表现形式,具体方式取决于搜索结果的类型及用户的设置为触控体验而设计的菜谱app导航设计比较分析
  32. 32.                      很多应用都会在搜索结果中使用延迟加载技术(lazy  loading),通过这种方式首先加载一部分搜索结果,同时另外一部分继续载入。通常有两种方式可以触发更多内容的加载,一是自动加载,二是由用户手动点击某个按钮或链接来执行。 我们可以使用延迟加载技术来代替传统的分页浏览模式,特别是在移动应用的上下文环境中,分页导航方式有悖于自然的交互模型,不符合用户直觉。另外,最好让用户了解搜索结果的条目总数,并为搜索结果提供合理的默认排序规则。——排序              为搜索结果选择一种最恰当的默认排序方式是很重要的,通常,我们可以根据自己产品的实际特性以及用户期望来对其进行设定。而改变搜索结果排序方式的设计模式大致有以下三种: • 排序切换              如果可选的排序方式不算太多,我们可以使用这种最简单的解决方案。将排序切换按钮放置在搜索结果的顶部或底部(具体位置根据界面中其他相关元素的布局而定),用户无需离开当前视图就可以轻松改变排序方式。              下图右侧的Target应用将四种排序方式整合到了三个切换按钮中,其中的“价格”是可以进一步切换成为升序或降序的。为触控体验而设计的菜谱app导航设计比较分析
  33. 33.                    排序切换要有清晰明确的视觉呈现方式来表达“当前”的状态。 • 排序选择器              选择器模式算得上是切换模式的良好替代品。很多类型的UI控件都可以在这个模式中派上用场,具体的运用方式还要参考不同系统平台所提供的设计规范。例如,在Android应用中,菜单形式比较常见,而对于iOS来说,选择器(picker)和动作表单(actionsheet)都是比较合适的控件。              相比于切换模式来说,选择器模式允许更长的文字标题以及更多的选项。上图中,Walmart的Android应用在搜索栏当中放置了一个按钮,用来打开排序弹出层。而下图中,Kayak的iPhone应用则将用于展开排序选择器的按钮放在了搜索结果的底部。此外,Android中的组合框以及iOS中的弹出覆盖菜单都可以用在这种模式当中。为触控体验而设计的菜谱app导航设计比较分析
  34. 34.              参考相关系统平台的设计规范,在排序选择器模式中使用最恰当的UI控件。对当前选中的排序方式,要以清晰的、容易辨识的视觉表现形式来突出显示。 • 排序表单                          很多应用会在同一个界面中整合运用多种排序及筛选方式,这种方法通常被称作“精炼(refine)”,它很复杂,但却能帮助用户得到最精确的搜索结果。在移动应用中,“精炼”的方式大多承载于一个表单界面中,用户需要在里面根据自己的需求做出选择,并提交这些搜索条件。——筛选              包含大量数据的内容列表需要被进一步的筛选,才能更有效的向用户传达信息。常规的筛选模式包括: • 筛选切换为触控体验而设计的菜谱app导航设计比较分析
  35. 35.              与排序切换模式类似,筛选切换同样会在搜索结果界面当中显示,例如在界面顶部或底部。通常只需一次点击,用户就可以对搜索结果进行进一步的筛选过滤。HeyZap应用使用了标准的切换按钮控件,而Google则使用了纵向tab切换。            CBS  News和ACL  Festival的应用都使用了横向可滚动的筛选栏,让用户可以在不同类型的内容列表之间迅速切换。              SXSW应用将两层筛选按钮栏合并在一起使用;而Feed  a  Fever新闻阅读器则将两个组合框以非常简约的视觉风格排列在一起,作为一套统一的筛选切换组件。为触控体验而设计的菜谱app导航设计比较分析
  36. 36. 筛选选项的文案必须清晰易懂;被选中之后,要能明确的显示出“当前”状态。 • 筛选展开列表              这同样是一种很有效的信息筛选方式。滑动或点击界面底部或侧边的某种“把手”,包含筛选选项的列表界面就会展开。在下图中我们可以看到,Audible应用的展开列表中只有一个简单的筛选切换栏,而Sam的展开列表所提供的筛选项目则复杂的多。不过对于后者,更好的设计方案是去掉“Filter”按钮,让地图可以随着用户的选择而动态更新。 • 筛选对话窗              弹出对话窗具有模态特征。用户必须选择一个筛选选项,或是取消筛选动作。TripAdvisor的iOS应用使用了自定义的筛选对话窗,而USPS的Android应用则在对话窗中使用了系统原生的控件。              对话窗模式确实可以很好的完成筛选任务,不过前两种模式当中不包含具有模态特征的控件元素,这可以使用户更加自由的在不脱离当前界面上下文环境的情况下尝试各种筛选选项。              在弹出对话窗的模式中,尽量保持选项列表的间断,避免滚动的发生。 • 筛选表单为触控体验而设计的菜谱app导航设计比较分析
  37. 37.              与前面提到的排序表单模式类似,我们可以将一些高级的数据筛选和精炼选项整合在一个表单界面中。例如,WorldMate允许用户在筛选表单中按照价格、品牌和星级来筛选某地的酒店信息。Zappos的应用也采用了类似的做法,不过他们使用的基本都是iOS原生的界面控件。            Freetime在筛选表单中使用了高度自定义化的控件元素。用户首先需要在里面选择一个主要的分类项目,然后在相应的二级筛选栏中做出选择,最后提交这些筛选选项。            不要对筛选机制进行过度的设计,通常情况下,保持在当前界面中的筛选切换模式或展开列表模式都可以胜任。如果信息结构较为复杂,必须使用表单模式,那么要严格遵守系统平台的设计规范及具有普遍意义的最佳实践模式。2、搜索设计比较分析——Cookpad与豆果美食              菜谱的搜索功能在整个应用中有着重要的作用,每个菜谱应用都必有的功能;用户可以通过搜索功能来找到自己想要的菜谱或者相关要素的菜谱。下面我来分析下这两个应用的菜谱搜索功能设计:为触控体验而设计的菜谱app导航设计比较分析
  38. 38. 应用名称 特点 优点 缺点Cookpad 1、可以搜索菜谱、食材、季 1、更多的搜索关键词。 1、可以增加更多的关键词搜 节等词汇 索能力。 2、方便用户查看自己的搜索 2、搜索后显示用户的搜索记 记录。 录。 3、查看热门搜索排名。 3、搜索后显示应用的搜索排 4、显示相关的词汇搜索结 名。 果,方便用户查看,节省了 4、搜索后显示出相关词汇的 用户的搜索成本。 搜索结果。豆果美食 1、仅仅是简单的搜索菜谱和 1、搜索功能很薄弱。 食材。            总的来说,Cookpad的搜索功能更加强大,使用了显性搜索、最近搜索、搜索表单等设计模式,而豆果美食的搜索显得很单一。为触控体验而设计的菜谱app导航设计比较分析
  39. 39.            他们没有使用任何排序或者帅选的设计模式。这个地方还有很大空间值得挖掘。            比如用户搜索牛肉,会出现很多菜谱名称、食材相关的菜谱名称,这个时候如果将搜索结果进行很好的排序和筛选,对于用户发现美食来说,迎合了用户的心智模式。                  搜索的设计模式的使用非常值得我们去研究,包括显性搜索、自动完成、搜索表单都是我们项目必须用到的搜索设计模式,而且排序和筛选功能可以仔细思考如何设计。            比如有如下场景,家中有牛肉的食材,我希望找到相关的菜谱,这时候我在搜索中搜索牛肉,出现很多结果,如果可以有筛选的功能(按照制作难度分:简单、中等、复杂),这样可以降低我的发现时间成本,迎合了用户的需求。为触控体验而设计的菜谱app导航设计比较分析
  40. 40. 应用名称 特点 优点 缺点 Cookpad 1、可以搜索菜谱、食材、季 1、更多的搜索关键词。 1、可以增加更多的关键词搜 节等词汇 索能力。 2、方便用户查看自己的搜索 2、搜索后显示用户的搜索记 记录。 录。 3、查看热门搜索排名。 3、搜索后显示应用的搜索排 4、显示相关的词汇搜索结 名。 果,方便用户查看,节省了 4、搜索后显示出相关词汇的 用户的搜索成本。 豆果美食 12:12 pm, Oct 09, 2012 搜索结果。 1、仅仅是简单的搜索菜谱和 食材。 1、搜索功能很薄弱。(3)菜谱分享功能比较分析              菜谱的分享功能使得用户实现关于美食等其他内容的沟通,获得分享的愉悦,也可以分享知识、心情、学习菜谱的心得,一个优秀的菜谱分享功能设计就显得十分必要。            菜谱app调研与重新设计报告 22
  41. 41. 应用名称 特点 优点 缺点Cookpad 1、在菜谱详情页面进行用户 1、用户对于美食的分享和评 1、缺少sns分享。 学习做菜的图片和心得分 论更加生动,制作美食互动 享。 性更强。豆果美食 1、在sns上分享菜谱。 1、可以在sns上分享。 1、分享的互动性不强。 2、在菜谱图片下面,评论控 件,进行评论。(4)菜谱内容页面设计比较分析                  菜单的内容页面是用户长时间观看的位置,这个也是值得思考和设计的部分。 应用名称 特点 优点 缺点Cookpad 1、食材和介绍信息在左侧的 1、美食烹饪流程获得了显示 1、对于某些用户而言,关键 ⼀一小部分内容,美食的烹饪 的最大化。 的图片过少,不易于学习。 流程占据大部分内容。 2、星号为用户提供了注意 2、用星号将重点注意的事项 点。 标注出来。 3、吃美食的人数建议,对用 3、说明这些食材作出的美食 户节约有帮助。 建议多少人的分量。菜谱app调研与重新设计报告 23
  42. 42. 应用名称 特点 优点 缺点豆果美食 1、介绍信息在页面的左侧部 1、重点信息显示不突出。 分,而将食材信息、烹饪、 2、仅仅是信息的堆叠,不注 故事都聚集在右侧。 意用户的体验。 3、有的菜谱没有图片。 4、食材的量无法确切知道。——Cookpad和豆果美食菜谱分类方式分析            菜谱分类是用户在发现菜谱过程中能否获得优质体验的关键,根据用户的需求进行菜谱的分类,方便用户获得自己需要的信息。菜谱app调研与重新设计报告 24
  43. 43. 应用名称 特点 优点 缺点Cookpad 1、菜谱分类在导航上就有所 1、菜谱以食材和热门话题为 1、可以增加更多细分用户的 体现。 出发点来进行分类,更加直 需求。 接,告诉用户“你今晚应该吃 2、菜谱导航分类为当季食材 2、在营养上可以做下文章。 什么?”,节省了用户的思考 和菜谱、话题菜谱。 成本。 3、食材的分类很细致(海鲜 2、将甜品或正餐等分开,为 —蛙—菜谱) 用户提供在不同时间可以选 择的菜谱。豆果美食 1、菜谱分类在导航上点击菜 1、特色菜谱比较好,满足更 1、分类总体比较⼀一般。 谱按钮才能出现。 多细分用户的现实需求。 2、用户在上面仅仅是浏览, 2、菜谱分类为:菜品(食 无法解决“我应该吃什么”的问 材)、菜系(川菜、粤菜、 题,浪费了大量的思考成 卤菜等)、特色(养生、减 本。 肥、美容)、口味(酸甜苦 辣)、烹饪方法(炒、烤、 煎、炸等)。菜谱app调研与重新设计报告 25
  44. 44. 四、菜谱应用产品重新设计(基于iPad2设备)1、产品定位和信息架构            考虑到实际项目、市场调研、用户研究、竞品分析的结果,本次菜谱应用(基于iPad设备)的重设计,定位于以烹饪视频为核心内容、功能全面、可以解决用户多种场景下需求的菜谱应用,可以发现菜谱、分享菜谱、制定个人营养计划、离线下载、定时等。              通过对现有产品的分析,信息架构层级不宜过深。从用户的需求来看,不知道晚上需要吃什么的时候,用户希望推荐给他们一些菜谱;知道吃什么,搜索和浏览菜谱的时候,用户希望快速找到菜谱和相关信息。              在重新定义产品功能时,尽量简化不必要的功能需求,围绕以视频为载体的解决吃什么的问题为定位,设计一款菜谱应用;同时希望扁平化信息架构,缩短用户操作路径。将不常使用的次要操作放在更多中,突出主要任务。以下是对信息架构进行的整理:2、产品原型设计              在对产品进行梳理后,用Mock-ups制作草图原型如下所示:菜谱app调研与重新设计报告 26
  45. 45. 菜谱app调研与重新设计报告 27
  46. 46. 菜谱app调研与重新设计报告 28
  47. 47. 菜谱app调研与重新设计报告 29
  48. 48. 菜谱app调研与重新设计报告 30
  49. 49. 用户访谈计划——Personas1、用户访谈目的 获得:• 用户与目标产品发生接触的典型情境• 用户使用目标产品时的行为表现• 行为想要达成的目的(行为背后最直接的心理动因)• 未被满足的需求(用户内心较普遍和稳定的需要)• 用户在产品使用中遇到的常见问题、麻烦,现有情况无法解决(产品创新机会所在,为用 户解决现有问题)• ⋯⋯2、邀约用户与访谈 我们邀请用户是公司内部同事(可以通过OA招募),或者身边的朋友;————要求经常使用iPad浏览发现菜谱、学习菜谱、制作美食、并分享美食和烹饪心得体验的人。 访谈过程注意事项与访谈提纲见下文; 设备:手机、纸、笔,必要时候需要摄像机; 现金或者礼物;3、设定Personas的框架 根据具体项目需要,设定Personas的框架结构。4、制作Personas 根据访谈信息记录和前期设定的框架,制作Personas传阅给团队每个成员,每个人保留⼀一份,为后续的设计与开发工作提供指导。5、访谈注意事项# 在场时完成某项任务的过程中请尽量不要打断被访者。# 尽量避免使用诱导性的问题。如“您认为这样有用吗?”或“这样做您还是挺喜欢的,对吧?”# 尽量使用开放式问题。如“能告诉我们现在您在做什么吗?”而不是“为什么您会这么做?”# 避免打断或试图帮助被访者。# 避免在解释某些内容时让被访者感觉他们是无知的。如“其实您只要点⼀一下这里就可以了。”# 避免使用专业词汇:请使用被访者习惯的词汇。# 请记住:你是学生,被访者才是专家。# 学会如何来解释/了解被访者的想法。
  50. 50. # 问自己从观察中学到了什么及如何向他人解释所学习到的内容。# 向被访者学习如何来解释/阐述他们的行为,这⼀一点也与座谈会和探访有所不同。# 访问过程可能会与你准备的问题纲要有偏差,你需要更多的准备。# 这句话大部分时候需要说:访谈的目的只是为了了解被访者的需求及该产品如何能更好的满足使用者的需求,而不是对被访者进行评估。访谈提纲:• 开发性问题——封闭性问题• 用户的行为习惯——用户产品的使用情境——共同推敲这些行为的背后心理——询 问未满足的需求——询问痛点1、请写下您的基本信息2、开放性问题:• 您喜欢做菜么?• 每天都做么?• ⼀一般喜欢做什么口味的菜?• 有没有哪个菜特别喜欢做的?3、封闭性问题: 有行为到心理最后到情境的总结——发现菜谱、学习菜谱• 每天都发现和浏览菜谱么?• 每次浏览菜谱的时间大概多少?• 书籍发现还是桌面电脑发现,或者移动设备发现?• 都用哪些菜谱网站或者菜谱app?• 你觉得他们的网站和应用的优缺点是什么?• 你浏览的菜谱图片都清晰么?你觉得高清大图如何?• 搜索菜谱经常会用到么?在什么情况下使用?基本不用就问其原因?• 搜索菜谱你输入最多的是料理名称还是食材,或者其他?• 比如你说你经常说搜索牛肉,对出现的结果满意么?更好的结果显示是如何?• 在你搜索牛肉出现菜谱后,如果有相关的菜谱推荐,你觉得如何?• 是不是每次都能找到自己想要的菜谱?• 您浏览菜谱的方式如何?是⼀一扫而过还是每个都仔细看看?• 你在发现菜谱、浏览菜谱时候的姿势是什么?坐着?躺着?站着?趴着?• 菜谱提供的信息清晰么?感觉还有什么信息是您需要的么?• 平时经常上网么?• 浏览网络上的美食么?• 过去看过电视上的美食节目么?• 喜欢看视频么?烹饪类视频呢?
  51. 51. • 如果有个视频类的烹饪网站你会去看么?学习?经常看?• 你希望在看视频的过程中获得互动么?• 给我们描述⼀一下您发现菜谱和学习菜谱的整个情景?——烹饪• ⼀一周做几次?• 周末做菜么?• 每天几点开始做菜?• 食材从哪里买的?• 整个过程的时间大概是多少?• 烹饪的时候带着手机看菜谱么?• 或者看打印出来的材料?• 在烹饪美食的时候,有没有哪些困难?比如不知道做什么?• 调料掌握不好分量?• 做菜的时候,经常需要反复看菜谱么?• 隔几天做同样的菜,会再次看菜谱么?• 对于食材的分量如何掌握?• 对于烹饪的时间您是如何把握的?• 经常在网上购物么?• 在网上购买够厨房工具或者食材么?如果购买,都买了什么?如果没购买,为什 么?• 平时晚上做菜感到疲劳么?• 是否制定了每周的饮食计划?• 是否对于每晚吃什么很犯愁?• 按照食谱上做菜,刚开始是否经常做的味道很⼀一般或者很怪异?• 如果按照视频分步骤做,是不是好些?• 做菜的时候有哪些让你痛苦的地方?• 给我们描述⼀一下您烹饪美食的整个情景?——分享菜谱• 有微博么?人人网呢?开心网呢?• 平时经常分享自己的心得给朋友,或者在网上分享给其他人看么?• 你使用菜谱应用经常分享么?• 经常看别人分享的菜谱么?为什么?• 喜欢通过哪些途径分享?新浪微博?腾讯微博?人人网?还是在菜谱网站与应用平 台上?• 您分享菜谱的时候用手机拍照?相机拍照?还是平板拍照?• 上传照片的操作还方便么?• 照片你经过美化么?美化操作方便么?滤镜都喜欢用那些?• 说说分享过程中让您痛苦的点吧?• 给我们描述下您烹饪美食的整个情境? 感谢您接受访谈,您的访谈对我们的产品非常有帮助,希望你成为我们的用户,这是给您的礼物!

×