Deprecated: Creation of dynamic property OMAPI_Elementor_Widget::$base is deprecated in /home2/yueyingf/public_html/wp-content/plugins/optinmonster/OMAPI/Elementor/Widget.php on line 41
RICK OWENS' 网页再设计
总览
目标
背景
成果
职责
合作内容: 对原网站进行可用性测试。
个人内容: 分析、个人报告、用户界面重新设计和测试。
6名用户体验设计师团队
设计报告，重新设计的原型
硕士项目 • 7 周 • 2021
确定RickOwens网站的可用性问题并重新设计网站。
背景情况
里克-欧文斯（Rick Owens）是一个全球知名的、专门的现代哥特式设计师品牌。它的产品以极简主义的色彩方法和不对称的分层设计为特色，在摇滚美学中引领了几年的时尚。然而，该品牌的网页设计很差，用户对其网上购物体验不满意。
可用性评估
用户任务识别
零售商通常在他们的网页上提供几十种功能，以方便用户购物。我们需要确定对用户来说最重要的前三个功能，作为顶级任务。
一组学生对访问一个服装购物网站时最关键的任务进行了研究。经过投票过程，结果显示了一个明确的优先任务列表。
结果显示优先级最高的任务是图像（image quality）、搜索（search）和交付（delivery），约占总投票数的四分之一。为确保一致性和与用户需求的关联性，分配了一项测试。
可用性测试
参与者被安排在一个特定的场景中，并接受与顶级任务相关的三个独立测试。
“进入RickOwens网站，搜索一件周六晚上要穿的夹克，按尺寸筛选。”
“查看产品页面，确定该商品是否适合你。选择一个尺寸，并将该商品添加到你的购物车。”
“了解最快的交货时间以及运费是多少。”
为了研究Rick Owens网站的可用性和可访问性问题，我们将其与相同价位的奢侈品牌Gucci的网站进行了比较，并将结果用于确定Rick Owens的网站是否应该被重新设计。
该分析是通过以下技术进行的：
性能：与另一个零售网站的指标进行比较。在这个项目中，任务时间（Task time）、任务完成情况（Task completion）、出错情况（Errors made）和走失情况（Lostness）是四个指标。
满意度：使用 “大声思考（Think Aloud） “方法进行定性分析，使用SUS+NPS进行定量分析，以衡量网站的可用性。
生物统计：使用EyeQuant软件，用人工智能技术对网站进行眼球追踪和分析。
启发式方法：使用Nielsen和Molich的启发式方法。
可访问性：使用WCAG 2.1 A级要求来评估基本的在线页面。
心理学：使用三个层面的心理学原则：反省的、行为的和本能的，以及五个原则–颜色理论、格式塔原则、信息气味、双重编码理论和心理模型。
关键发现
- 使用非国际尺寸来过滤。
- 很难找到过滤栏、送货政策、送货费和类别。
- 没有合适的尺寸表。
- 网上所有的字都是大写的，难以阅读。
- 所有的文字都是黑色的，往往很难分辨出重点。
- 筛选页面没有明确的标题。
- 当把鼠标悬停在主页的图片上时，图片上的文字与内容的对比度很低。
- 错误信息显示在顶部，这很难让人注意到。
- 使用了太多不寻常的标题或缩写。
- 菜单部分缺乏清晰而简单的逻辑。
设计结果
网站主页
以前的主页被各种图案弄得杂乱无章，导航也不清楚，所以我重新组织，根据购物需求进行分割，在页面上保留了Rick Owens的单色方案。
保留了原网站的玫红色，当鼠标悬停在图片上时，会显示解释性的文字。加大的对比度有助于吸引用户对文字的注意。
导航和筛选栏
根据双重编码理论指标将图标放在地址和登录信息的旁边，并在搜索栏中添加了文字解释。
根据设计师的品牌偏好，过滤器被归为三类：当季新品、颜色和尺寸。原来的折扣公式已被删除线所取代。现在有了尺寸信息，这样访问者就能随时了解库存的服装尺寸，以便进行过滤。
商品页面
在新的页面上改变了服装的图像位置，这样就可以立即看到一件服装从不同角度的外观，而不需要做任何事情，并将尺寸单位调整为国际尺寸。
突出了 “尺寸指导图 “的文字，并点击它，使用户可以根据自己的身高和体重选择测量单位来估计自己的尺寸。为了帮助用户选择正确的尺寸，利用不同的色块来显示各种尺寸。
购物车页面
当重新制作这个页面时，增加了调整购物车中显示的产品数量和尺寸的功能，并将货币种类与用户的位置对齐。
另外，为了适应阅读偏好，我把较长的语句改为小写英语。邮政费用已经包括在内，以便用户可以在购买购物车页面上查看。
与 “送货费 “的相邻图标可以点击查看邮费说明屏幕，该屏幕可以根据要发送物品的国家进行定制。
新版可用性测试
测试者招募& 用户测试
在完成网站重新设计后，通过社交网站招募了20名用户对网站进行测试。测试者中包含交互设计师和普通用户，在道德标准的监督下，完成了和之前测试同样的任务并进行了数据收集和问卷调研。
数据收集&分析
根据用户的行为进行了记录与分析。从用户方收集到了性能（任务时间（Task time）、任务完成情况（Task completion）、出错情况（Errors made））和满意度（SUS+NPS ）的数据，并与原始版本进行了对比，进行定量分析。结果显示，各个方面的数据都有了大幅度的提高，在可用性和满意度各方面都有明显的改善。
反思
可用性使用户更有效地完成他们的目标，可及性使更多的人使用产品，我强烈支持这一点，但要实现这一点是非常艰难的，因为用户的需求和背景影响着他们的使用模式。
一个学习用户体验设计的测试人员会立即理解这项工作，努力定位任务的重要部分，并迅速完成测试。在设计领域之外，测试人员更有可能在了解目标的情况下进行不受控制的活动，特别是对于原型设计，他们会被吸引，尝试点击明显不属于任务的按钮。
这个问题在小规模的样本中会变得更加严重，可能在测试微小的样本时，比如少于20人的样本，应该强调设计从业人员和非设计专业人员的比例，以便平衡专业意见和一般用户反馈。