外部网店卖家中心

后台菜单纸原型专家评估报告

UED 用户研究

1

一、评估目的

• 探讨大型菜单设计的设计规范

• 探讨后台菜单两种展现形式（横、纵）的优劣；

二、评估方法

• 两种展现形式的纸原型可用性测试

• 专家评估

我要

点这里！

在哪呢？

STEP1:每张便利贴一条规范

STEP2：聚合意见、分类

STEP3：规范出炉！

信息架构清晰• 菜单项的分类逻辑层次清晰

• 菜单项的分类符合用户的认知与知识体系

命名无歧义• 菜单项的名字清晰、易懂

• 菜单项之间的命名无混淆

宽度、广度平衡 用户可有效率地定位一级与二级菜单项

可扩展 菜单可应需求进行扩展，容纳更多菜单项

符合用户使用习惯 菜单应尽量不违背用户已有的使用习惯

视觉引导充分• 视觉流流畅

• 可展开的一级菜单，应予以明确标示

• 一级菜单项之间，有清晰的视觉层次区分

信息架构清晰• 菜单项的分类逻辑层次清晰

• 菜单项的分类符合用户的认知与知识体系

命名无歧义• 菜单项的名字清晰、易懂

• 菜单项之间的命名无混淆

宽度、广度平衡 用户可有效率地定位一级与二级菜单项

可扩展 菜单可应需求进行扩展，容纳更多菜单项

符合用户使用习惯 菜单应尽量不违背用户已有的使用习惯

视觉引导充分• 视觉流流畅

• 可展开的一级菜单，应予以明确标示

• 一级菜单项之间，有清晰的视觉层次区分

后续需要

针对卖家

开展调研

本次评估

主要依据

结论：卖家后台应采用竖式菜单

宽度、广度平衡 用户可有效率地定位一级与二级菜单项

横式：1. 查看二级菜单需全页刷新，载入慢

2. 无法同时对比二级菜单项

3. 常用二级菜单项无法默认展现

竖式：1. 点击展开/收起即可查看二级菜单，

载入快

2. 一级菜单可同时全部展开，方便一

次性对比各个二级菜单项

3. 可默认展开几个最常用的一级菜单，

方便用户快速定位常用二级菜单项

可扩展 菜单可应需求进行扩展，容纳更多菜单项

横式：1. 更多菜单项只能放入“更多”

2. “更多”项，不点击无法发现，点开

后需再次做竖式搜索，视觉流又横

又竖

竖式：1. 屏幕长度扩展性远高于宽度

2. 新增项都可在无需操作的情况下展

现，且视觉流保持一致（竖式）

符合用户使用习惯 菜单应尽量不违背用户已有的使用习惯

横式：？ 竖式：1. WINDOWS采用竖式菜单

2. “我的淘宝”目前采用竖式菜单

视觉引导充分• 视觉流流畅

• 可展开的一级菜单，应予以明确标示

• 一级菜单项之间，有清晰的视觉层次区分

横式：1. 视觉流先横后竖，且要横跨页面

2. 若每个一级菜单项前加上“+”“-”,视

觉美观性较差

3. 各一级菜单项前若加ICON，视觉

美观性较差

4. 头部两条横向菜单，视觉关系复杂

竖式：1. 视觉流始终保持竖向

2. 可通过“+”“-”,有效标示一级菜单是否有二级菜单项，且保持美观

3. 各一级菜单项前可加ICON分层，且保持美观

缺陷1：店铺装修、媒体中心需全屏

补救方案：

1）用户不会迅速在主菜单及这两个一级菜单间切换

2）提供返回的头部导航

缺陷2：纵向长度过长，常用项可能处于菜单较后的位置

补救方案：

1）调整信息架构，减少一级菜单项

2）常用项自定义化，用户可自定义哪些项排在较前

15

制作人： 晓荷

分 机： 19088