商家管理平台后台 后台菜单纸原型测试
Post on 13-Jul-2015
1.650 views
TRANSCRIPT
![Page 1: 商家管理平台后台 后台菜单纸原型测试](https://reader034.vdocuments.mx/reader034/viewer/2022052120/55a3d3401a28abfe698b4754/html5/thumbnails/1.jpg)
外部网店卖家中心
后台菜单纸原型专家评估报告
UED 用户研究
1
![Page 2: 商家管理平台后台 后台菜单纸原型测试](https://reader034.vdocuments.mx/reader034/viewer/2022052120/55a3d3401a28abfe698b4754/html5/thumbnails/2.jpg)
一、评估目的
• 探讨大型菜单设计的设计规范
• 探讨后台菜单两种展现形式(横、纵)的优劣;
二、评估方法
• 两种展现形式的纸原型可用性测试
• 专家评估
![Page 3: 商家管理平台后台 后台菜单纸原型测试](https://reader034.vdocuments.mx/reader034/viewer/2022052120/55a3d3401a28abfe698b4754/html5/thumbnails/3.jpg)
![Page 4: 商家管理平台后台 后台菜单纸原型测试](https://reader034.vdocuments.mx/reader034/viewer/2022052120/55a3d3401a28abfe698b4754/html5/thumbnails/4.jpg)
![Page 5: 商家管理平台后台 后台菜单纸原型测试](https://reader034.vdocuments.mx/reader034/viewer/2022052120/55a3d3401a28abfe698b4754/html5/thumbnails/5.jpg)
我要
点这里!
在哪呢?
![Page 6: 商家管理平台后台 后台菜单纸原型测试](https://reader034.vdocuments.mx/reader034/viewer/2022052120/55a3d3401a28abfe698b4754/html5/thumbnails/6.jpg)
STEP1:每张便利贴一条规范
STEP2:聚合意见、分类
STEP3:规范出炉!
![Page 7: 商家管理平台后台 后台菜单纸原型测试](https://reader034.vdocuments.mx/reader034/viewer/2022052120/55a3d3401a28abfe698b4754/html5/thumbnails/7.jpg)
信息架构清晰• 菜单项的分类逻辑层次清晰
• 菜单项的分类符合用户的认知与知识体系
命名无歧义• 菜单项的名字清晰、易懂
• 菜单项之间的命名无混淆
宽度、广度平衡 用户可有效率地定位一级与二级菜单项
可扩展 菜单可应需求进行扩展,容纳更多菜单项
符合用户使用习惯 菜单应尽量不违背用户已有的使用习惯
视觉引导充分• 视觉流流畅
• 可展开的一级菜单,应予以明确标示
• 一级菜单项之间,有清晰的视觉层次区分
![Page 8: 商家管理平台后台 后台菜单纸原型测试](https://reader034.vdocuments.mx/reader034/viewer/2022052120/55a3d3401a28abfe698b4754/html5/thumbnails/8.jpg)
信息架构清晰• 菜单项的分类逻辑层次清晰
• 菜单项的分类符合用户的认知与知识体系
命名无歧义• 菜单项的名字清晰、易懂
• 菜单项之间的命名无混淆
宽度、广度平衡 用户可有效率地定位一级与二级菜单项
可扩展 菜单可应需求进行扩展,容纳更多菜单项
符合用户使用习惯 菜单应尽量不违背用户已有的使用习惯
视觉引导充分• 视觉流流畅
• 可展开的一级菜单,应予以明确标示
• 一级菜单项之间,有清晰的视觉层次区分
后续需要
针对卖家
开展调研
本次评估
主要依据
结论:卖家后台应采用竖式菜单
![Page 9: 商家管理平台后台 后台菜单纸原型测试](https://reader034.vdocuments.mx/reader034/viewer/2022052120/55a3d3401a28abfe698b4754/html5/thumbnails/9.jpg)
宽度、广度平衡 用户可有效率地定位一级与二级菜单项
横式:1. 查看二级菜单需全页刷新,载入慢
2. 无法同时对比二级菜单项
3. 常用二级菜单项无法默认展现
竖式:1. 点击展开/收起即可查看二级菜单,
载入快
2. 一级菜单可同时全部展开,方便一
次性对比各个二级菜单项
3. 可默认展开几个最常用的一级菜单,
方便用户快速定位常用二级菜单项
![Page 10: 商家管理平台后台 后台菜单纸原型测试](https://reader034.vdocuments.mx/reader034/viewer/2022052120/55a3d3401a28abfe698b4754/html5/thumbnails/10.jpg)
可扩展 菜单可应需求进行扩展,容纳更多菜单项
横式:1. 更多菜单项只能放入“更多”
2. “更多”项,不点击无法发现,点开
后需再次做竖式搜索,视觉流又横
又竖
竖式:1. 屏幕长度扩展性远高于宽度
2. 新增项都可在无需操作的情况下展
现,且视觉流保持一致(竖式)
![Page 11: 商家管理平台后台 后台菜单纸原型测试](https://reader034.vdocuments.mx/reader034/viewer/2022052120/55a3d3401a28abfe698b4754/html5/thumbnails/11.jpg)
符合用户使用习惯 菜单应尽量不违背用户已有的使用习惯
横式:? 竖式:1. WINDOWS采用竖式菜单
2. “我的淘宝”目前采用竖式菜单
![Page 12: 商家管理平台后台 后台菜单纸原型测试](https://reader034.vdocuments.mx/reader034/viewer/2022052120/55a3d3401a28abfe698b4754/html5/thumbnails/12.jpg)
视觉引导充分• 视觉流流畅
• 可展开的一级菜单,应予以明确标示
• 一级菜单项之间,有清晰的视觉层次区分
横式:1. 视觉流先横后竖,且要横跨页面
2. 若每个一级菜单项前加上“+”“-”,视
觉美观性较差
3. 各一级菜单项前若加ICON,视觉
美观性较差
4. 头部两条横向菜单,视觉关系复杂
竖式:1. 视觉流始终保持竖向
2. 可通过“+”“-”,有效标示一级菜单是否有二级菜单项,且保持美观
3. 各一级菜单项前可加ICON分层,且保持美观
![Page 13: 商家管理平台后台 后台菜单纸原型测试](https://reader034.vdocuments.mx/reader034/viewer/2022052120/55a3d3401a28abfe698b4754/html5/thumbnails/13.jpg)
缺陷1:店铺装修、媒体中心需全屏
补救方案:
1)用户不会迅速在主菜单及这两个一级菜单间切换
2)提供返回的头部导航
![Page 14: 商家管理平台后台 后台菜单纸原型测试](https://reader034.vdocuments.mx/reader034/viewer/2022052120/55a3d3401a28abfe698b4754/html5/thumbnails/14.jpg)
缺陷2:纵向长度过长,常用项可能处于菜单较后的位置
补救方案:
1)调整信息架构,减少一级菜单项
2)常用项自定义化,用户可自定义哪些项排在较前
![Page 15: 商家管理平台后台 后台菜单纸原型测试](https://reader034.vdocuments.mx/reader034/viewer/2022052120/55a3d3401a28abfe698b4754/html5/thumbnails/15.jpg)
15
制作人: 晓荷
分 机: 19088