loading请求处理中...
广告位招商×
当前位置: 首页 > 威客攻略 > 开发

美食点餐外卖APP 节约时间在家享受美食

2020-02-14 18:43:13 阅读 28620次 0 标签: 开发 作者: 那年夏天8

  目前,移动互联网的飞速发展使得大部分企业意识到app开发的重要性。app开发现在已经成为企业重点研发对象,那么如何做好app开发呢?接下来一品威客网就跟大家好好聊一聊app开发那些事。

美食点餐外卖APP 节约时间在家享受美食

  一、产品定点

  这是一个线上点餐软件,为用户提供集点餐、送餐于一体的服务。在为消费者节省大量时间的同时,帮助消费者发觉更多更好的美食。

  二、项目背景

  随着都市生活节奏的加快,大大部分人忙到连给自己做一顿美食的时间都没有,对于此类非常忙碌但又想品尝到不同美食的人,线上点餐成为了他们必要的需求,我们的产品就在这种情形下产生。点餐软件非常好的解决了多数都市人群关于吃饭的难题,在帮他们节省了大量时间的同时,也帮助他们发觉更多更好的美食。

  三、目的人群

  主要目的用户是都市中忙于工作的白领,学业繁忙的学生。

  四、APP软件界面设计

  1、首页界面设计

  主要网页统一采用大标题的设计风格,此处的卡片以图片叠加文字的方法处理,为了不影响阅读,在卡片的上方加一层白色渐变突出文字。用户可以点击查看按钮,查看更多关于该店铺的内容。

  界面的背景颜色使用浅灰色,卡片的颜色使用纯白色,因为灰色在视觉上相对靠后白色在视觉上相对靠前,这样整个网页看起来有明暗对照,更富有层次感。

  操作区的图标使用线性图标,在配色上采用深黑色加高饱和度高亮度的红色,这是一组经典配色组合,形成对照又不单调,整体看起来清爽、和谐又富有趣味。

  2、详情页界面设计

  在店铺详情页上,主要信息以顶部图片加卡片的形式表现。而且在图片下方叠加一层白色渐变,达到与背景的统一结合,同时更好地与卡片自然衔接。在卡片中可以查看店铺的详情介绍、营业时间、详细地址以及评分情形。

  3、食物制作详情

  在食物制作介绍网页,可以查看食物的制作方式,同时将食材清单以十字交叉的交互形式呈现出来,节省了网页空间的同时减少用户操作成本,简单快捷。在网页下方以图标加文字的形式将食物的热量、温度等参数展示给用户,一目了然。

  4、购物车界面

  在购物车里显示之前添加过的产品,将产品的详细信息以卡片的形式呈现,视觉上简洁又便于理解。点击结算后进入订单核对网页,核对页显示消费者的个人信息以及订单详情,简洁易懂。

  5、送餐员骑行轨迹

  当用户下单后,会在送餐地图上显示送餐员的骑行轨迹,走过的路线以彩色的形式标识,未走过的路线显示灰色,同时在送餐员头像旁显示送餐状态,让用户随时熟悉送餐情形并感到这是一个可控事件,从而缓解用户等餐时的焦虑情绪。

  6、送餐员详情

  当向上滑动时会隐藏地图,以文字的形式显示配送状态。用户可以查看卡片中送餐员的详细信息、订单详情及拨打电话联系

  7、店铺推广介绍

  左边是店铺名称和店铺宣传文案,右边是店铺的整体评分,再配以图片,在视觉上达到图文融合的目标。每一个店铺为一组,组与组之间用分隔线隔开。一切的信息梳理有规律又富有节奏,易于用户浏览理解。

  8、店铺详情介绍

  店铺详情页头部以图片的形式呈现,当用户点开该网页的时候形成一定的视觉冲击。中间的内容介绍以图文融合的形式呈现,整个布局张弛有序,让用户看起来不会平淡无趣。

  9、优惠卡券网页

  在卡券设计上,左边显示详细金额,右边以文字的形式说明卡券的使用方法,再在右上角上叠加一个降低透明度的图形,这样既能达到平衡版面的作用,又不会造成视觉干扰。在颜色使用上,同种类型的卡券使用同种颜色,颜色与颜色之间的关系是相邻色,这样整体看起来即统一又对照。

  10、钱包余额设计

  余额是第一视觉,所以在字体样式上使用加大加粗的红色表示。收入支出是次要信息,在字体样式上用较小的黑色表示。形成对照,凸显重要信息。整体图标以圆形呈现,图标背景吸取主体图标的颜色并降低透明度,形成层次感。图标与图标之间的颜色使用相邻色,这样整体风格趋向统一。

  相关内容引荐

  餐饮行业APP开发解决方案

  智能点餐APP软件快捷点餐无需排队

  以上是一品威客小编通过以下几个角度多app开发进行分析,如果发如果你有app的开需求,欢迎到一品威客网平台交流,探讨,我们平台里有非常多优秀的app开发团队,他们者有着丰富的app开发经验,相信他们可以为您提供优质的服务!

扫码,回复【创业】领取

免费送您一份创业礼包!

从0到1,解锁创业全套秘籍

帮你避开创业那些坑

设计、开发、营销需求

扫描左边二维码

免费获取咨询和方案报价

APP开发公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言(0 展开评论

您需要注册登录才能发表言论

快速发任务

开发价格是多少?怎样找到合适的开发人才?

官方顾问免费为您解答

 
开发相关任务
DESIGN TASK 更多
捕鱼达人app开发(安卓 苹果)

¥40000 已有2人投标

开发信息流广告采集工具

¥1000 已有0人投标

协议脚本的开发

¥5000 已有0人投标

小型端游开发搭建

¥5000 已有1人投标

开发一款网络服务ui设计

¥5000 已有3人投标

仿随缘漂流瓶的技术开发

¥10000 已有5人投标

某东某音账号筛选软件开发

¥1000 已有0人投标