碳酸饮料会27期 分享人：月漓（交互设计师） 晓荷（用户研究员）

1. 外部网店卖家中心后台菜单纸原型专家评估报告 UED 用户研究 1

5. 竖式菜单……

6. 纸原型测试…… 在哪呢？ 我要点这里！

7. 菜单设计规范探讨…… STEP1:每张便利贴一条规范 STEP3：规范出炉！ STEP2：聚合意见、分类

8. 菜单设计规范

9. 横式菜单or竖式菜单？ 后续需要针对卖家开展调研 本次评估 主要依据 结论：卖家后台应采用竖式菜单

10. 横式菜单 VS. 竖式菜单 横式： 查看二级菜单需全页刷新，载入慢 无法同时对比二级菜单项 常用二级菜单项无法默认展现 竖式： 点击展开/收起即可查看二级菜单，载入快 一级菜单可同时全部展开，方便一次性对比各个二级菜单项 可默认展开几个最常用的一级菜单，方便用户快速定位常用二级菜单项

11. 横式菜单or竖式菜单？ 横式： 更多菜单项只能放入“更多” “更多”项，不点击无法发现，点开后需再次做竖式搜索，视觉流又横又竖 竖式： 屏幕长度扩展性远高于宽度 新增项都可在无需操作的情况下展现，且视觉流保持一致（竖式）

12. 横式菜单or竖式菜单？ 横式：？ 竖式： WINDOWS采用竖式菜单 “我的淘宝”目前采用竖式菜单

13. 横式菜单or竖式菜单？ 横式： 视觉流先横后竖，且要横跨页面 若每个一级菜单项前加上“+”“-”,视觉美观性较差 各一级菜单项前若加ICON，视觉美观性较差 头部两条横向菜单，视觉关系复杂 竖式： 视觉流始终保持竖向 2. 可通过“+”“-”,有效标示一级菜单是否有二级菜单项，且保持美观 3. 各一级菜单项前可加ICON分层，且保持美观

14. 竖式菜单的缺陷及补救方案 缺陷1：店铺装修、媒体中心需全屏 补救方案： 1）用户不会迅速在主菜单及这两个一级菜单间切换 2）提供返回的头部导航

15. 竖式菜单的缺陷及补救方案 缺陷2：纵向长度过长，常用项可能处于菜单较后的位置 补救方案： 1）调整信息架构，减少一级菜单项 2）常用项自定义化，用户可自定义哪些项排在较前

16. 15 制作人： 晓荷 分机： 19088