优衣库加拿大版
设计挑战 ｜ 电商
Type
Personal Project
Timeframe
1周
Toolkit
Sketch, Photoshop, Principle
Year
未知
问题
世界知名的日本品牌优衣库（Uniqlo）希望为其加拿大用户重新设计电商网站的页面。原有的设计被大量用户反馈“难以使用”。我被指派负责该页面的重新设计任务，但并未被提供任何参考材料。 • 原有页面缺乏统一的 UI 设计系统，无法明确区分各类组件的用途，同时页面整体结构也不合理。（例如：主导航菜单竟然出现在页面靠下的位置。） • “颜色选择”、“尺码选择”、“数量下拉菜单”以及“价格信息”的交互都不够高效，用户在选择时体验较差。 • “最近浏览”模块占据了过多页面空间，且随着浏览商品数量的增加，整体布局也随之发生变化。 • “写评论”按钮对所有登录用户开放，未做购买验证。 • 页面中还存在多个功能重复出现的情况。
方案
为了提升优衣库加拿大电商网站的用户体验，我采用了一种整体性、以用户体验为导向的方法。首先，我对现有页面的布局和 UI 元素进行了全面审查，以识别冗余内容和使用过程中的阻力点。在没有任何参考设计限制的前提下，我从零开始重构页面架构，重点打造直观的浏览流程、清晰的层级结构，以及对移动端的良好适配。 具体优化措施包括： • 重组页面结构：我将关键组件（如主导航）移至页面顶部，符合用户习惯并遵循业界最佳实践。 • 优化选择模块：我重新设计了颜色、尺码、数量和价格的选择区域，将它们整合为紧凑且逻辑清晰的模块，降低用户认知负担，简化购买路径。 • 减少视觉干扰：我缩小了“最近浏览”区域的占比，并引入横滑轮播，使布局在不同商品数量下保持一致。 • 明确组件行为：我优化了交互逻辑，避免功能重复，并通过上下文逻辑限制“撰写评论”功能仅对已购买用户开放。 • 建立 UI 一致性：我创建了一套轻量级的设计规范，涵盖间距、字体层级及组件复用，确保视觉清晰度与品牌统一性。 通过这些改进，重新设计后的页面在使用体验上更加直观、一致，并更具转化导向，更好地契合了优衣库的品牌定位和加拿大用户的数字化期望。
