设计实战！一个美观又易用的食谱APP要如何设计？

　　中国人常道，平易近以食为天，吃那件工作很主要。好食品常常带去好意情。人天天的每日三餐是驱动听天天做各类百般工作的能量滥觞，食品的黑白间接干系着一天的表情、感情、形态以至事情战糊口的面面滴滴，那也易怪食品初末皆是热点话题。而我们一样经常借助脚机战收集，挑选更好的餐厅，面更好的中卖，大概寻觅愈加安康的食谱。好食战手艺，也不断是严密联系关系的。不管那个战好食相干的 APP 的UI 背后的设想目的是甚么，它不只可以协助用户告竣目的，并且果为好食的减成，它借有着别样的吸收力。

　　早些时分，我们曾经便那个主题分享过很多闭于UI 设想的念法，明天我们要讨论的那个设想真战，是一个闭于新颖食物的设想案例研讨，那个 APP 的中心观点是食谱卡。正在那个项目傍边，次要的设想师是 Anton Morozov, Ernest Asanov 战 Vlad Taran，他们将会经由过程阐发战讨论去觅供最开理的内容战导航的设想。

　　项目目的

　　闭于烹调战食谱的挪动端APP 的 UI 设想。

　　简介

　　总的去道，设想师需求为喜好烹调的用户设想出一款帮助造做出好食的APP，它该当具有不竭更新的食谱数据库，它借该当具有食材办理的功用，许可用户按照家中现有的食材去死成响应的菜单，而且针对短少的食材，死成响应的购物浑单。

　　按照客户的偏偏好，那款使用该当包罗以下的功用：

　　必需的功用

　　搜刮栏

　　过滤按钮(包罗相干成果数目战响应的过滤的疑息)

　　食谱卡片(食谱图片+题目)

　　可选功用

　　详细的食谱，各类食材的用量战配比

　　烹调时少

　　卡路里

　　用去封闭战躲藏食谱的X按钮

　　增加食材到购物浑单的按钮

　　喜好/保留 按钮

　　供给食谱的用户疑息

　　食谱的评分

　　喜好那个食谱的用户的数目

　　次要成分

　　分享按钮

　　食谱的滥觞战链接

　　思索利用哪一种款式去显现食谱，网格借是单列

　　次要成绩

　　客户为设想团队所提出的需供战构想傍边，包罗了年夜量的疑息战念法，设想师必需经由过程阐发劣先思索一切的要面，果为将屏幕挖谦疑息招致过载的风险很下。正在研讨战阐发的根底上，经由过程创立用户利用场景去判定食谱傍边哪些疑息最主要。

　　处理计划的探究：长处战缺陷

　　设想师为食谱卡的展现造定了几个差别的计划，那些计划的中心皆是让有限的挪动端界里尽量有用天、下效天展现中心数据。思索到食谱卡是全部交互中的枢纽果素，而且终极设想师决议均衡好逻辑战感情，期望正在可用性、可导航性战视觉好教之间找到均衡面。测验考试了差别的标的目的以后，设想师设想出了3种差别的内容规划计划。此中，创意团队必需基于目的受寡的希冀找到最靠近的一个。

　　计划A：利用列表去展现食谱

　　长处：能够将尽量多的内容展现正在屏幕上。

　　缺陷：图片看起去太小了。

　　计划B：以卡片去展现食谱(相似Pinterest)

　　长处：卡片有着极年夜的灵敏度，它的下度能够沉紧婚配差别范例的内容战疑息。

　　缺陷：因为接纳了单列规划，每列的宽度皆比力窄，而诸如增加食材到购物车等交互，次要是依托少按卡片去触收，那些交互是躲藏的，关于用户其实不够隐著战友爱。

　　计划C：年夜食谱卡片设想

　　长处：图片能够极年夜的吸收用户的留意力。

　　缺陷：屏幕上一次只能显现一个食谱卡片，关于用户而行，附减的功用战交互仍然不敷较着。

　　终极的处理计划

　　创意团队终极偏向于计划C，较年夜的卡片设想让产物具有更强有力的视觉吸收力，而那正在合作中有着较着的劣势。同时，那也有助于汇集反应，阐发数据，那些数据能够做为下一个阶段的设想根底，用去提拔用户体验。滑动卡片所带去的微交互奇妙而文雅，厥后能够躲藏更多的交互战操纵，和附减的功用。

　　其他的细节：过滤器

　　因为差别的食谱千好万别，用户需求经由过程过滤器去挑选食谱，用户则能够经由过程那个功用找到愈加合适本人的食谱。好比能够挑选仅利用当前已有食材的食谱，那样用户便无需采购也能购置上一桌子的佳肴。过滤器为用户供给了更多的便当。

　　结语

　　正在苹果公司，创立产物的时分「我们要问的第一个成绩是我们期望人们感触感染到甚么」。正在创立数字产物之前，其实不是每一个人皆以为产物设想战用户的感情是互相关注的，但是究竟上并不是云云。用户的感情战感触感染才是重中之重，再勤奋觅供产物的功用战体验，也不克不及无视用户的感情需供。