目錄

• 概述
• 設計階段
• • 1、Brainstorm
  • 2、用戶分析
  • • （1）用戶畫像
    • （2）競品分析
    • （3）用戶旅程地圖
    • （4）用戶需求分析
  • 3、點單APP的demo設計
  • • （1）整體布局邏輯概覽
    • （2）主要界面效果預覽
• 總結

概述

此文旨在記錄本學期課程中，運用一整套設計思維方法進行一個咖啡點單APP設計的過程。受限于時間，并且為了更好強調突出設計過程中小組成員協助合作，此次全程采用Trello的協同功能和Figma的設計功能并舉的方式進行APP的設計。本人在其中主要擔任視覺設計師的工作（主要把控設計的整體視覺感受和總體樣式，承擔APP的主要UI設計與實現）

設計階段

1、Brainstorm

針對咖啡主題，小組內進行關鍵詞聯想的頭腦風暴，旨在擴散思維，挖掘更多潛在可用信息，為后面咖啡點單APP設計提供靈感。（附：一些Brainstorm的截圖）

2、用戶分析

由于我們針對的主要群體是年輕用戶，同時根據周邊人的調研，我們初步構想出了三個具有代表性的用戶畫像。同時針對同類APP進行了競品分析，最后完成了用戶旅程地圖和用戶需求分析。

（1）用戶畫像

（2）競品分析

（3）用戶旅程地圖

（4）用戶需求分析

初步的，經分析后，主要存在以下比較突出的用戶需求和痛點需要我們重點解決：

痛點用戶需求

市面上咖啡點單APP內容冗雜，廣告植入繁多	簡潔清晰的界面
部分APP界面整體色調不夠統一，顯得很亂	色調色系統一的界面
對各個品類缺少清晰的認識，不能做出最優選擇	增強用戶選擇的導向性
缺少咖啡用戶社交探討的渠道	能夠有日常進行有關咖啡探討或分享的社群

3、點單APP的demo設計

（1）整體布局邏輯概覽

由于臨近期末，大家普遍時間匆忙，主要還是完成了對APP整體框架邏輯的設計，同時保證了一定的美觀，具體細節上做的仍舊不是很完善。

（2）主要界面效果預覽

1、首頁

2、點單界面

3、社交界面

4、用戶界面

總結

最后總體來說，我們針對主要的一些痛點和用戶需求進行了設計，盡可能優化APP，初步達成了如簡潔化界面、色系統一、用戶社群交流的目的。雖然許多細節上仍舊值得打磨，但通過這次APP的設計過程，我更能將設計思維工具熟練運用到工程設計中，在面向用戶設計，以人為本的思想這一塊有了更切實的體會。

總結

以上是生活随笔為你收集整理的figma应用——面向用户的咖啡点单APP的设计过程记录的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。