导航用户体验优化项目体验
内部管理系航功能统统统统统
用体化目体告统统统统统统统统统统统1 前言
导导导导导导导导导导导导导导导导导导导导导导航是管理系中的重要部分,指示着用所在的位置,并指引着用的行方向,用通各航在系上完成各导导导导导导导导导导导导导导导导导导导导导导导任。航的清晰与否导导导导导导导导导导导导导导导导导导导烈地影响着用体。强
目前莞移内部管理系存在着航不清晰、导导导导导导导导导导导导导导导导导导导指引不正确等,所以本目的工作导导导导导导导导导导导目提高航功能使用统统统统统统统统统统的用感知,提高航功能的可用性统统统统统统统统统统统统统统,分以下的工作:导导导导导导导
1、定位航统统统统:从用使用角度出,梳理定位内部导导导导导导导导导导导导导导管理系中的航功能存在用体。导导导导导导导导导导导导导导导导
2、提出化建统统统统:各,提供化建及
。导导导导导导导导导导导导导导导导导
3、制定范统统统统:制定航功能的指引范,在系导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导有效避用体的出。
基于此目,用体提升目按照《内部管理系导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导航功能用体化目方案》中所确定的
及
程内部管理系行估,整理出的用体估告如下文。导导导导导导导导导导导导导导导导导导导导导导导导导导导导2 统统统统统统统统航用体估告
12.1 统统统体告
表1.用体估方法及程表导导导导导导导导导导导用户户户户体估户明
户的系户MSS域中E通、户合支撑平台、物户在户、上户易、流程易系户卡
户的容内系户户航功能
户方法估户家户法估
户日期估2012年11月1日至 2012年11月7日户小户成户估户莞移户,户亮
广青吴州精点,李海、侯大勇、林社津、户
导导导导导导导导导导导导导导导导导导导导导导家独立估、用体小共同后,目整理出有系的航功能存在四大,并提出化导导导导导导导导导导导导导导导导导导导导导导建,体情况如下表所示:导导导导导导导导导导导导
表2:导导导导导导导导导导导导导导导航功能用体估点及建表
户户户户
户户表户
影范户响
户化建户
建户户范信息
符合用户期望
户航有户户出用户所在的位置没清晰
全部用户
修改户航文字描述
《系户户航建户户范》没有户近用户户景
用户不能通户户航返回上一户操作
全部用户
采用面包屑户航
体户的不一致
上下文户航的名主户航名不一致称与称
全部用户
修改上文户航的名主户航保持一致称并与
界面不户美户精户
户形户道户航的布局户次不分明
部分户限用户
修改CSS户式表
22.2 用体列表及化建统统统统统统统统统统统统32.2.1 信息不符合用期望统统统
用体统统统统统1所在系统E卡通导导消E子系导
统统统明用登入导导导导“E卡通系后,入”导导导“导导消e”子系,系首提示导导导导“您当前位置:
系桌面导导导”, (如下导导框所示),但系桌面“导”导导导导导导导不属于主航中的任何一
导导导导导导导导导导导导导,所以用不清楚他当前所的位置统统反原信息符合用期望统统统->信息有效性
用体系抓统统统统统统统统统
统统化建1统化方法“”导导导导导导导导导导导导导导导您当前位置的航信息与主航保持一致,
用清晰了解目前所于的系位置导导导导导导导导导导导导导导导,导导导导导导导导导本,采用修改
导导导导导导航文字描述的方法行化。
技手段统统统通后台代修改前台导导导导导导导导导HTML导导导导导导言展文字用体化统统统统统统统统
42.1.2
5统统统统近用景
用体统统统统统2所在系统E卡通
统统统明点航条无法返回上一导导导导导导导导导导导
统统反原统统统统近用景->操作符合用统统统用体系抓统统统统统统统统统
统统化建2
统化方法导导导导导导导导导导导导导导导导导导导导导导航入具体面后,把具体的航路径示出来。
技手段统统统1、由前端人运用导导导导导导HTML+CSS导导导导导导导导导导导导式面包屑式效果,包
括:文字色,接式、鼠滑和点效果等式出。导导导导导导导导导导导导导导导导导导导导导导导导
2、由后台人面包屑行配置文件修改,面包屑航式的功能。导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导用体化统统统统统统统统
用体统统统统统3
所在系统物在导导导
统统统明点航条无法返回上一,导导导导导导导导导导导导如下描述的:导“卡件管理->卡件授状导导导->卡件已授
导”导导导导导导导导导导导导导导导导导导导导导导导导导列表,但是只是示文字,告用当前操作的路径,却无法返回上。统统反原统统统统近用景->操作符合用统统统
用体系抓统统统统统统统统统
统统化建3
统化方法导导导导导导导导导导导导导导导导导导导导导导航入具体面后,把具体的航路径示出来。
技手段统统统1、由前端人运用导导导导导导HTML+CSS导导导导导导导导导导导导式面包屑式效果,包
括:文字色,接式、鼠滑和点效果等式出。导导导导导导导导导导导导导导导导导导导导导导导导
2、由后台人面包屑行配置文件修改,面包屑航式的功能。导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导用体化统统统统统统统统
62.1.3 体的统统
7一致性
用体统统统统统4
所在系统“E卡通系消”导“导e”
统统统明点主航导导导导“供商管理导导导导”“后提示您当前位置:供商导导->供商人信息导导”,前后
名称不一致,用的理解造成影响导导导导导导导导导导
统统反原保持体的一致性统统统统统->信息内容一致
用体系抓统统统统统统统统统
统统化建4
统化方法通看后台代是否定数据源或者前台面是否与菜导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导导
技手段统统统巡系提示导导导导导
用体化统统统统统统统统
82.1.4 界面不美精统统统统统
用体统统统统统5所在系统“E卡通系禁”导“导e”
统统统明导导导导导导导导导导导导导导导导导形道航次不清晰,影响用体统统反原界面美精统统统->界面美布局密度均匀统统统统统统统用体系抓统统统统统统统统统
统统化建5统化方法美化化导导
技手段统统统导导导导导人通SQL脚本看后台数据是否与父是否正确,或者看导导导导导导导导导导导导导导导导导导导导导导导导CSS
导导导式表是否有
用体化统统统统统统统统
92.3 统化流程
系体化由系管理部、商和用体小,导导导导导导导导导导导导导导导导导导导导导导导三方共同施,化整体流程如下:导导导导导导导导导导导导导
户 系户用户户户化流程户体
3 建范统统统
本目梳理出目前常用的航形式,并参照用导导导导导导导导导导导导导导导导导导导
导导导导导导导导导导导导导导体原及,提供在将来的MSS域中建范,用于建和导导导导导导导导导导收航功能。导导导导导
3.1 系航参考统统统统统统统
表3:系航功能参考导导导导导导导导导统统统航功能明统统
全局航统统全局航位于面端,提供整个系的导导导导导导导导导导导导导导导导导
航方式,通自上而下系各个信息区域导导导导导导导导导导导导导导导
的内容,功能操作程中不易被遮导导导导导导导导
统统统道航导导导导导导导导导导导导导导导导导导道航是将全局航深的拆分到一
个子目内,是全局航的一个子集,在导导导导导导导导导导导导导导导导
特定的区域内形成一个局部的信息航,如常的航导导导导导导导导导导
即属于道航的一导导导导导导导
上下文航导导上下文航是指与面内容相合的一导导导导导导导导导导导导导导导
非构化航方式,在用到面信息内导导导导导导导导导导导导导导导导导导导
容,示信息上下文相的超接。导导导导导导导导导导导导导导导导导
上下文航一般用于面中信息内容的导导导导导导导导导导导导导导导导
引用,可以直接有效的将分布在不同面中的信息内导导导导导导导
容通上下文境系在一起,方便用高效、导导导导导导导导导导导导导导导导导导导导导导导快捷导导导助航导导导导导导导导导导导导导导导导导助航是指通站点地、索引目或
系指导导导导导导导导导导导导导导导导导导南等形式提供的助航方式。助
导导导导导导导导导导导导导导导导导航一般用于系主要航方式的充,提供
用提供导导导导导导导导导导导导导导导导导导导导导导导导导导多化的航方式,又不会破坏整体航体系的构3.2 系航功能建范统统统统统统统统统
表4:系航功能建范导导导导导导导导导
用体统统用体估统统统统统统统统统统统航功能建范统统原
1、系各面导导导导导导导导导导导导导导导导导导导导导导固定位置均提供全局航,如下所示:信息符合1、每个面提导导导导
用期望统统统供易、有导导导
要点:a、全局航在系首要能清晰示系所导导导导导导导导导导导导导导导导导效、一致的航导导
管理的内容分,与一般面内容上的要有区导导导导导导导导导导导导导导导导导导,2、导导导导导航出
b、全局航一般位于面端,避导导导导导导导导导导导导导导导导导导导导导导导导免需要面才能,用在整个导导导导
c、全局航使用,导导导导导导导导导导导导导导导导导导导就可以入,避免系中所导导导导
出式菜等操作导导导导导导导,的位置
d、全局航的信息的度和深度要合理,避导导导导导导导导导导导导导导导导导导导导导导导导免超两,
e、全局航的文字描述导导导导导导导导导导导导导导导导导准确、,建使用
不多于四个字的短,导导
f、有明的点导导导导导导导导导导导导导导导导导切效果,切的背景使用了
导导导导导导导导导导导导导导导导片背景,片背景在效果上更有立体感(根据需要也可使
用一色作导导导导导导导导背景)。
2、系流程面提供上下文航,如下所示:导导导导导导导导导导导导导导导导导导导导导导
要点:a、上下文航的超接名称当与要到导导导导导导导导导导导导导导导达的
目面的相符导导导导导导导导导,
b、上下文航要有当前面所位置提示,避导导导导导导导导导导导导导导导导导导导导导导导免用航迷失,
c、上下文航名称与全局航名称保持一致导导导导导导导导导导导导导导导导导,
d、上下文航导导导导导导导导导导导支持返回上一操作,
e、上下文航建采用面包屑航。导导导导导导导导导导导导
3、系各面能用清晰了解当前所位置,导导导导导导导导导导导导导导导导导导导
可以提供面包屑航或文字描述所位置,如下所示:导导导导导导导导导导导导导导导导导导
要点:a、采用上下文航按照上下文航要点行导导导导导导导导导导导导导导导导导,
b、采用文字描述名称与全局航保持一致。导导导导导导导导导导导导导导
1、系航导导导导导导导导导导导导导导导导导导导尽量采用片搭配文字使用,减减统统用1、系航以导导导导导
用的导导导导导导导导导导导导导担,如下所示:统统统统担导导搭配文字使
用,避免导导独
2、系航中采用的导导导导导导导导导导导导导导导导导导导导片与世界相近,与常使用文字
用系航相近,如下所示:导导导导导导导导导导导导2、系航导导导导导
与导导导导导世界
航相近
3、系航导导导导导
与常用系导导
航相近
1、系流程面提供上下文航,并导导导导导导导导导导导导导导导导导导导导导且用可导导导近用1、在流程导导导导
以通点航接返回上一操作或回导导导导导导导导导导导导导导导导导导导导退到初始景的各面内导导导导
导导导导导面,第一操作步,如下所示:提供返回上一导
操作的航。导导导要点:a、上下文航的超接名称当与要到导导导导导导导导导导导导导导导达的2、用通返导导导导目面的相符导导导导导导导导导,回操作可以一直 b、上下文航要有当前面所位置提示,避导导导导导导导导导导导导导导导导导导导导导导导免用航迷失,
回退到用的导导 c、上下文航名称与全局航名称保持一致导导导导导导导导导导导导导导导导导,初始导导面 d、上下文航导导导导导导导导导导导支持返回上一操作,
e、上下文航建采用面包屑航。导导导导导导导导导导导导
1、系航的信息名称、使用的文字、、导导导导导导导导导导导导导导导导导导导保持体导1、导航的信息名称、
色等航在系全局范内保持一致。导导导导导导导导导导导导导导导导导导的一致性使用的文字、导
导导导导导、色等
航在系导导导导导
全局范内导导导
保持一致
2、系用操导导导导导
作航的反导导导导
导导在全局范
内保持一致导导导导导
1、系航布局次分明,界面清晰美并与导导导导导导导导导导导导导导导导导导导界面美导1、导导导导航布局次
整体界面导导导导导导导导导导导导导导导导导导导导导导导导导导导格保持一致,其中道航尤其注意点,如下所示:精导分明,界面清晰
导导 范例正确范例美导
2、导导导导航模与
系的界面导导导导
导格一致
附统统统统统统统统统统统统统:航用体原及
用体估原统统统统统统统原明统统统用体估统统统统统统统信息符合用期望统统统导导导导导航信息明有效,1、每个面提供易、导导导导导导导导
能方便、快速引用导导导有效、一致的航导导
前往其需要到达的功能模导2、导导导导导导导导导导航出用在整个
系中所的位置导导导导导导导减统统统统统统统用担导导导导导导导航的、指示、1、系航以导导导导导导导导导导搭配文
使用方法与用导导导导导字使用,避免导导导导导导独使用文字
知相符合,导导导导导导导2、系航与导导导导导导导导导导导世界
减少用导导导导导思考次数航相近
3、系航与常用系导导导导导导导导导导
导航相近
统统统统近用景操作程符合用使用导导导导导导导导导导1、在流程的各面内导导导导导导导导导
导导导导导导导导提供返回上一操作的航。
2、用通返回操作可导导导导导导导导
以一直回退到用的导导导导导导初始面保持体的一致性信息内容一致统统统统统1、导航的信息名称、使用的文字、
表达形式一致导导导导导导导导导导、色等航在
交互方式一致系全局范内保持一致导导导导导导导导导导导
反提示一致导导导导导2、系用操作航的导导导导导导导导导
反在全局范内保持一致导导导导导导导导导导导导界面美精统统统界面美布局密度均匀导导导导导导导1、导导导导导导导导航布局次分明,界
面清晰美导
2、导导导导导导导导导航模与系的界面
导格一致