「吃货居」交互设计。10单新型手机美食APP界面设计欣赏。

次皮带开放了,吃货还会丢掉啊?用户调研应该要是开了。想到下一代孩子辈方可生哥哥妹妹们,还是蛮辛福的吗。[前提是爸爸妈妈得生的从,生之自吗…]

澳门葡京 1

无论肾抗不抗的终止,胃总是要吃东西的,人是兵,饭是钢,一间断不吃肾得生。「为保全国家第二胎政策的管事履行」,下面是笔者对一个假象美食团购
App 「吃货居」设计过程。

挪动软件时,简单下充斥美食app,动动手指,滑动几下蛋手机屏幕,即可足不有户,搜索,预定和选购各路美食。然而,对于作为手机app
UI
界面设计师的您来说,最可怜之问题并无在于怎样行使这些美食软件来便宜在,而是在乎安才能够为各项餐厅,酒店,咖啡馆,水果及饮料店设计来优美,舒适且简单好用底无绳电话机美食App,对吧?但是,已然为正值做的美食App
UI设计方案冥思苦想数时或数上,却任然毫无头绪?究竟什么样才能够得灵感设计来受丁面前同亮的美食App呢?

筹框架


筹框架

以下也大家介绍10单新型优质美食app UI
界面设计实例,希望会帮助而把美食软件设计的特点及方向的还要,获得灵感:

出品主题


华夏幅员辽阔,自然条件差别,在不同之条件中,人们各自形成了装有特色的长的餐饮传统,正所谓靠山吃山,靠水吃水。民为吃呢天之观念早已深入人心。“吃货”作为同栽对美食爱好者的戏称,也叫公众越来越接受。他们爱尝试各类美食,并且对美食有同样种植异常之景仰,追求,有程度的佳肴爱好者,同叫以肯与豪门享受各类美食经验。一款专注于美食之细分团购
App
可以满足顾客追求时尚和个性之心理。因此,笔者拟定为诸位吃货设计一个盖美食也主题的团购平台——吃货居。

1.NomNom

人物角色跟本子


Persona

属性 描述
姓名 Rachel
性别
年龄 25
学历 本科
职业 分镜师
收入 4500/月
爱好 看电影、摄影、插画、瑜伽

Scenario

序号 描述
1 一天,吃货居根据 Rachel 之前的消费记录推送了美食消息给Rachel,告诉 Rachel 最近武汉光谷开了一批新的餐厅,并详细介绍了各个餐厅食物的特色。Rachel 很心动,决定下午和闺蜜们一起去光谷逛街。
2 到了晚上吃饭的时候,姐妹们一起来到了光谷的美食广场。姐妹们逛了一圈广场,看到了一家新开的烤鱼店,询问了大家的意见,大家都觉得应该蛮好吃的,都想尝试一下。基于该店的地理位置,吃货居自动推动了该店的团购信息给 Rachel。
3 于是大家就进入烤鱼店,坐下后。Rachel 询问服务员有没有饭店有没有套餐,服务员说最近正好有三人的打折套餐,十分优惠,同时支持代金券支付。Rachel 浏览了一下团购和打折套餐的菜单,发现他们菜品她都不是很喜欢。
4 所有就询问了下服务员本店的特色菜,同时也在菜单上寻找自己比较感兴趣尝试的菜品。浏览完后,Rachel 决定还是自己点菜,最后使用团购代金券进行消费。于是姐妹了点了自己喜欢吃的菜。
5 就餐完毕后,喊服务员过来结账,一共是242元。于是 Rachel 打开了吃货居 App,直接使用了搜索功能搜到了该商家,点击团购券页面,团购代金券是一张50元的代金券43即可购得,通过下订单,支付宝转账,团购了4张代金券,同时给了服务员42元现金。
6 Rachel 将短信收到的团购码给服务员,等服务员将代金券的号码录入系统核对后。大家一起离开了饭店。回到寝室之后,吃货居发来推送消息提醒 Rachel 对商家进行评价,会获得相应的积分奖励,积分可以在下次支付中作为现金兑换。
7 Rachel 进入评价界面,根据商家的各个方面进行了评星,并附上了自己的文字评价。发表成功后,系统提示,你有新增了一条美食足迹。查看我的美食足迹。系统会收集到 Rachel 此前所有团购的美食,并自动生成连载文章的格式。
8 连载文章可以编辑,默认图片是商家图片,文字是用户评论 [未评论为系统默认文字]。图片和文字均可二次便捷。Rachel 上传了自己和好友就餐合影,和几张美食的图片,并用文字记录了自己逛街的经历。
9 保存后,软件出现分享选项,可以将其文章分享到朋友圈,QQ 空间等。Rachel 想了想,这一篇写的不是很好,等自己下次写一篇更好的再发吧。Rachel 关闭了 App,完成了整个团购过程。

NomNom是如出一辙放缓由澳大利亚设计师Marc-Antoine
Roy设计的相同慢专业美的菜谱软件。
界面漂亮整洁,时尚舒适。为诱惑更多之美食佳肴爱好者使用此款软件,设计师添加了过多实用且持有一定互动性的软件界面元素,以便于美食爱好者们肆意搜寻,预览和上所急需菜谱,收藏和享受各类可口美味/食谱。

不如保真原型设计


Function Mindmap

Function Mindmap

Low-Fidelity Prototypes

团购1

团购2

我的1

我的2

我的3

美食1

美食2

美食3

美食4

足迹1

足迹2

如,设计师贴心的于软件的各个页导航栏都补加了查找效果,方便软件用户随时随地简单快速的觅新菜谱,尝试做各类美食。而且,其简要清洁的界面设计,易于用户更有益之翻和预览各式菜谱材料,制作步骤同流程,简单好掌握,直观清晰。

总结


  1. 计划初期需要大量调研,获取数据,用于构建虚拟的 persona, 基于
    persona 的角度去考虑 scenario .
  2. 筹时得整个集体达对 scenario 的共识,基于 scenario
    去考虑所要功能,context is mega important。
  3. Iteration, iteration & iteration.

All ideas about user research are holy shit without budget.
— 野子Joey

原文链接

另外,设计师也便于各设计师,产品经营或客户又特别层次地询问此款软件之表征与价值,还当其Behance介绍页面显示了软件原型图,这吗变成设计师了解和习就看似美食软件界面设计的重大材料。

总的说来,如果你是正才参与美食软件界面设计这等同块的设计师,这款专业都典型的菜系软件,会是你打探当下类似软件UI设计有关特点,找寻灵感的是范例。

澳门葡京 2

2.Kitchen Stories

Kitchen
Stories是平等悠悠实用且舒适的无绳电话机食谱软件。其界面利用网格模式,展示了森造精美且美味的佳肴,方便烹饪爱好者等大概地浏览这些推荐菜式,找寻到到他们爱之美味。当然,如果用户不思量尝尝推荐的各种菜式,也可径直打开软件安装的单身的觅页面,
输入关键词或点击展示的菜品分类搜寻到心仪之美食/菜谱。

以,除了通过显示各种制作地道之图纸引发用户使用和寻找美食/食谱,设计师还特地加加了视频显示模块,方便美食爱好者们越来越简约直观的就学和制美味。

总的说来,如果您正也是期计划一款实用且舒适的美食app,
你啊得品味下该款软件所祭的筹划艺术,例如直上加独立的查找页面,拓展搜索功能。或者直接长美食打的视频或者音频模块,更加简便易行直观的展示各类美食。

澳门葡京 3

3.Food Parlour

Food
Parlour是一样舒缓专为咖啡餐厅定制的表征手机美食软件。界面现代时尚,流畅易用。作为一如既往磨蹭专业的食堂在线美食App,除了有相似美食app的特性,例如强大的搜效果,精美的佳肴图片及详尽的菜式/菜谱细节介绍等,该软件还结餐厅特色服务,添加了任何对应功能,以吸引更多用户,提升餐厅营业额,比如在线预约,在线定位,菜单折扣详情,以及早餐/午餐/晚餐菜式推荐等。

除此以外,其响应式界面设计,方便用户/客户使用各活动设备简单便捷定制各式美食。

那大气时尚之配色方案也是甚值得模仿。

一言以蔽之,当您呢用也接近之餐厅,咖啡厅,水果店还是酒店定制在线手机美食App时,不要忘记在其UI
设计中融入那行特色,营业需求及那个自己的店堂文化,风格还是特色等要素,增加其独特性。

澳门葡京 4

4.Weekend Dish

Weekend
Dish是一模一样缓缓界面整洁干净之实用型订餐软件。用户可省略点击即可轻松在线定制各类套餐,咖啡,饮料及甜品等佳肴。这款手机美食App最特别的助益在主界面高达点击即会弹有的环形导航设计。其列一样围都基于点餐需求上加了位参数,简单转动导航,用户就只是轻松挑选所待餐点,价格及份量等,直观有趣。

再者,其纯白色背景加餐点图片的陪衬法,简单干净,易于用户还多之顾让软件本身所著及推介的美食佳肴,提升软件实用性。

故,在公的美食App界面设计方案面临,也可适用的统筹和增长一些近似该软件环形导航一近乎的专门元素,增加软件趣味性的以,也克升官用户愉悦体验。

澳门葡京 5

5.Tasty Burger App

Tasty Burger
App是一模一样慢慢悠悠时尚美观的汉堡订软件。其简单文字说明加高清诱人汉堡图片的界面设计,方便用户因各自需订购各类传统还是定制汉堡。其时尚之黑,白,黄的配色方案,与展示的汉堡图形相对应的还要,也要是举软件主题突出,美观舒适。

总而言之,在规划而的美食App时,也得于其配色上大都用心,使所有软件美观整洁,突出软件主题。

澳门葡京 6

6.Healthy Food App

Healthy Food App,
顾名思义,就是相同慢介绍与分享健康美食及菜单的手机App。同时,它吧是同一缓慢以用户也核心的消息类美食软件。
其界面设计中添加的各图片元素和互动呼应的配色方案,以特别直观且最好具视觉效果的点子展示了各种健康菜式以及菜单,极富有吸引力。

再者,其响应式设计,也利于有趣味的用户在不同的走装备及轻松地下载和用。

另外,其界面内添加的灵活且流畅的滑动设计,也能大的升迁用户体验。

唯独,就自我而言,对于这款软件界面的玩和习中,更多之眷顾之是那个最为有特点的主题选。当今社会,快餐和废品食品随处可见,如何才能够吃得再好,更健康,成为人们广泛关注的题目,而就款软件敏锐的引发了用户之立刻同需要,选择了正规食品就同样主题,是最最具风味的。

故而,在您的美味软件设计中,也可是分析与把握不同需要及潮流,选择一个流行还适合用户需的主题,就决定成了一半。

澳门葡京 7

7.iOS App Food Menu

严格来说,iOS App Food Menu并无是同缓完整的美食App.
它独自是设计师澳门葡京对于iOS移动端美食App菜单页面的界面及互相关设计的来得。但也异常有特点,值得大家学习。

先是,其应用了平等栽特别扎眼的标签式设计展示各类美食。然后每个主标签又下手风琴式的宏图,展开所涵盖的各具体菜式,进一步点击即可了解菜式价格,配料,用户评价等有关详情,醒目直观,逻辑清晰流畅。

同时,其迅速灵的转会设计也太富有风味。

总的说来,在完成你的UI设计时,也可是上加类似直观醒目的价签,树状或线性设计,更加炫酷的亮各类美食。
当然,添加灵活的转化与互动与清流利的逻辑,也会为而的UI 设计加分。

澳门葡京 8

8.Box8 Food Ordering & Delivery App

Box8 Food Ordering & Delivery
App是一样舒缓由17Seven工作室计划之订餐软件。其界面利用各种网格设计以软件呈现得重复美丽的又,还抢眼的用侧边菜单栏设计,突出主页美食,也有益于用户简单点击,跳反到其他页面。

并且,其Behance介绍页面吗展示了详细的原型图和UI流程图,非常实用。

因而,在你的UI设计中,也可尝采取侧边栏菜单设计,使界面风格多样底以,也能更进一步集中之展示软件主打美食。

澳门葡京 9

9.Morning Baker

Morning
Baker是一模一样缓缓简单且充满文艺范的手机软件。用户可轻松搜索各类早餐食谱,尝试自己在家烘焙面包,
制作西式早餐。软件应用了高清全屏大图配上部分简短文字介绍的主意,更加直观的显得餐点制作流程,所欲工具及材料。所以,它更契合部分拿早餐作为艺术于“创作”的烹调爱好者等。

使于公的筹划中,也得学学这款软件之特性,选择一个破例的切入点,例如特别之受众也要是主题,来显示你的宏图意见与想法。

澳门葡京 10

10.D-Drink App

D-Drink
App是同一缓慢简单时尚的饮料订购软件。其界面采用粉色背景搭配各式白色图片及文字的法,简单直观又不失时尚。而且,其极其有人性化设计的加载页面,即粉色背景加各种诱人水果图片的统筹,有效地更换用户注意力的以,也克吃用户以无形中的状态下等待再丰富之时间,促进购买之终极上。

故而,在公的UI设计受到,也只是适当的丰富有人性化设计,增加其可用性。

澳门葡京 11

如上就是是咱所募之10款最新优质手机端美食软件界面设计实例。希望你会玩的同时,吸收及有些会用及公的UI设计里的实用因素。

概括高效的原型工具协助你设计出不错实用的美食软件

浏览上述10款美食软件之摩登界面设计后,获得部分灵感,但任然未找到同样款款会快将你的想法转化成为可视的原型图,并说明其可行性,实现设计很快迭代的原型工具?简单便捷的Mockplus会面是公的顶尖选项。它有着广大精锐的功力助你设计来优美且各具特色的佳肴软件:

1). 使用那迅速格子功能批量补加美味图片

为吸引更多之软件用户,UI设计师时以那个界面设计中添加大量劲致都诱人之美味图片。在Mockplus中,你得轻松使用该快捷格子功能,为公的美食软件略快速地批量填补加图。

澳门葡京 12

2).利用该数据填充功能自动填写大量美食图片和证明

次第填充添加的保有美食图片以及文字说明也殊费时费事?使用Mockplus,
你可轻松地使该数量填充功能,一键自动填写大量美味图片及说明。

澳门葡京 13

3).添加各类美食图标丰富而的UI 设计

为使软件界面更加简洁直观,设计师也时不时会为那个美食软件添加各式美食图标。而Mockplus封装了过3000独图标的精锐图标库,方便设计师轻松摘取以及编排各类美食图标。

4).简单拖拽快速增长转化和互

灵活多样的互动与转发为是设计师增加软件实用性以及吸引力的要害方式。而作为一如既往慢性简单快速的原型工具,Mockplus允许设计师简单地拖拽即可兑现软件原型组件之间,组件和页面中以及页面内的互。

5).其他力量

Mockplus还具有别样简易且实用的功能,例如团队合作功能,8种植演示和预览方式,各类软件类,页面模板与示范等,帮你简单快捷地升级以及周软件UI
设计。

总之,无论你品尝设计啊种档次的无绳电话机美食App,简单快捷的Mockplus都足以改为你测试想法并以那坐可视化原型呈现出的最佳工具。

结语

网络时代,越来越多的食堂/酒店/咖啡/水果店认识及网的最主要,选择定制自己专属的无绳电话机美食App以增其营业额。而当时吗日趋变成一股势不可挡的潮流。然而,这无异潮流给UI设计师们带来发展时之以,也给设计师们带了挑战,例如更加游刃有余的界面设计技能要求,以及更熟练掌握测试和迭代设计想法的原型工具使用技巧的渴求等。总之,无论是机遇还是挑战,都指望这首文章搜集的10款最新优质美食软件界面设计实例和介绍的大概快速的原型工具能对您有所启发,有所助。