figma应用——面向用户的咖啡点单APP的设计过程记录

本文记录了使用设计思维方法进行咖啡点单APP设计的过程,包括头脑风暴、用户分析及APP原型设计等内容,重点关注用户体验与视觉设计。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

概述

此文旨在记录本学期课程中,运用一整套设计思维方法进行一个咖啡点单APP设计的过程。受限于时间,并且为了更好强调突出设计过程中小组成员协助合作,此次全程采用Trello的协同功能和Figma的设计功能并举的方式进行APP的设计。本人在其中主要担任视觉设计师的工作(主要把控设计的整体视觉感受和总体样式,承担APP的主要UI设计与实现)

设计阶段

1、Brainstorm

针对咖啡主题,小组内进行关键词联想的头脑风暴,旨在扩散思维,挖掘更多潜在可用信息,为后面咖啡点单APP设计提供灵感。(附:一些Brainstorm的截图)
组内的Brainstorm

2、用户分析

由于我们针对的主要群体是年轻用户,同时根据周边人的调研,我们初步构想出了三个具有代表性的用户画像。同时针对同类APP进行了竞品分析,最后完成了用户旅程地图和用户需求分析。

(1)用户画像

用户画像

(2)竞品分析

竞品分析

(3)用户旅程地图

在这里插入图片描述

(4)用户需求分析

在这里插入图片描述

初步的,经分析后,主要存在以下比较突出的用户需求和痛点需要我们重点解决:

痛点用户需求
市面上咖啡点单APP内容冗杂,广告植入繁多简洁清晰的界面
部分APP界面整体色调不够统一,显得很乱色调色系统一的界面
对各个品类缺少清晰的认识,不能做出最优选择增强用户选择的导向性
缺少咖啡用户社交探讨的渠道能够有日常进行有关咖啡探讨或分享的社群

3、点单APP的demo设计

(1)整体布局逻辑概览

由于临近期末,大家普遍时间匆忙,主要还是完成了对APP整体框架逻辑的设计,同时保证了一定的美观,具体细节上做的仍旧不是很完善。
在这里插入图片描述

(2)主要界面效果预览

1、首页
在这里插入图片描述
2、点单界面
在这里插入图片描述
3、社交界面
在这里插入图片描述
4、用户界面
在这里插入图片描述

总结

最后总体来说,我们针对主要的一些痛点和用户需求进行了设计,尽可能优化APP,初步达成了如简洁化界面、色系统一、用户社群交流的目的。虽然许多细节上仍旧值得打磨,但通过这次APP的设计过程,我更能将设计思维工具熟练运用到工程设计中,在面向用户设计,以人为本的思想这一块有了更切实的体会。

android开发期末大作业(项目源码,任务书,实验大报告,apk文件) 大作业的要求和内容:(包括题目选择范围、技术要求、递交时间、考核方法等) 一、实验项目名称 Android手机应用开发课程大作业 二、实验目的 1.通过本课程设计的实践及其前后的准备与总结,复习、领会、巩固和运用课堂上所学的Android手机应用开发知识。 2.为学生综合应用本专业所学习的多门课程知识(例如,软件工程、数据库、Java语言、Java Web开发等)创造实践机会。为学生提供主动学习、积极探索与大胆创新的机会。 3.掌握Android手机应用设计的方法与技巧。 三、实验内容及要求 1、设计内容 题目、设计内容自拟,工作量适中,要求学生应用课程所学知识,采用JAVA语言和Android手机应用开发技术实现一个完整的系统。 ①完成大作业报告。 ②实现各系统功能,并完成调试运行。 2、主要技术 采用Java语言并不仅限于Java语言实现系统。 开发环境与工具:Android Studio 3.2以上版本; 操作系统:Win7/Win10或其他; 4、设计成果: 材料上交:电子文档(大作业任务书+大作业报告+源代码,电子稿请刻在光盘上)、打印稿(大作业任务书+大作业报告)。 四、成绩评定: 考核标准包括: 1、选题的工作量,难度和新颖程度 2、系统架构设计是否良好,运行过程是否报错 3、界面设计的合理性和美观程度 4、基本功能的实现 分值60 (包括布局、组件、Activity、Intent等使用) 数据存储的使用 分值10 网络功能 分值10 Service、ContentProvider或BroadCastReceiver等的使用 分值10 附加分: 图形图像处理、多媒体处理等 分值10 5、考核方式为面对面答辩,在课程的后两周内集中进行。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值