專案情境
Circumstances Of Project

專案內容 |

UNIQLO介面改造

專案開啟時間 |

2019/9

角色職務 |

UI/UX 設計

使用者故事
User Story
作為一名消費者
我想要珍藏分類的功能
以達到商品在穿搭上更便利的參考

作為一名消費者
我想要以圖搜圖的功能
以達到快速搜尋類似商品

作為一名消費者
我想要快速填寫訂單的功能
以達避免重複輸入資料
人物誌
Persona

形成角色方法 |

選擇經常使用網購的小資族和注重穿搭的客群,透過觀察身邊親朋好友,為假設對象

設計方法考量 |

礙於時間和人力上的考量,採用人物誌的方式初步鎖定客群

人物誌角色資訊 |

姓名、性別、職業、年齡、興趣、人格特質、經濟狀態、消費模式、穿著風格、常逛店舖、角色故事

設計影響部分 |

從角色的購物經驗和性格方面,特別著重在穿搭喜好上,並加入珍藏分類,讓使用者在單品的搭配上,能夠快速鎖定風格

介面設計
Ui Design

視覺風格 |

品牌以舒適簡約為宗旨,除去以往介面中的強調色,採用無彩色搭配品牌色,由於資訊多以照片呈現,避免過多的裝飾,視覺能更專注在產品圖示上,畫面更舒適乾淨

細節處理 |

加入圓角設計,柔化色彩的強烈、剛毅感

商品評論結合蝦皮介面,保留原始重點資料,除去消費者較不會填寫及不會特別在意的資訊

訂單資料填寫的部分特別觀察許多網購頁面,統整出較完整且清楚的資訊填寫步驟及操作的便利性,為了提升質感,信用卡以合成方式呈現

專案痛點
Pain Point

資訊爆炸 |

在資訊未分層的狀態下,一次給使用者過多資訊,而品牌色是強眼的大紅色,為了區分類別又加了三個飽和度相同的對比色,導致印入眼簾的介面視覺很衝擊

操作困難 |

原始介面設計過於複雜,過多繁冗的功能,容易誤觸其他按扭,畫面跳轉不連貫,操作時覺得混亂、手足無措

文字符號系統未統一 |

排版看不出重點,沒有系統化的文字忽大忽小,符號粗細不同,品牌不斷的強塞特價、限定資訊,沒注意使用者的感受

網頁感過重 |

整體的設計元素與網頁版相同,沒有經過細節處理,層次感不足無法聚焦重點

課題&解決辦法
Struggles & Sort Out
剛入門UI且第一次做App,不曉得有哪些限制,介面尺寸、字體大小或線條粗細,按鈕的尺寸與間隔要如何配置,在操作上才不會誤觸

由於原始介面問題過多,連產品分類都要重新來過,除了購物必須的基本功能,大致上沒有太多可參考的價值,因此花了不少時間觀察別人的設計和其他購物網站的流程,跳脫原本的框架,在原型的資訊中做整理和取捨,回歸購物的核心