移动电子渠道UIUE优化建议方案.ppt

广州移动电子渠道UI/UE优化建议方案
广州短讯神州网络技术有限公司
目录
2
现状分析
1
规划背景
4
方法论与工具
3
优化方案
5
项目建设计划
项目背景——电子渠道发展趋势
随着互联/移动互联网民总数的高速增长,电子市场前景看好且竞争对手已在不断整合电子渠道以提升综合竞争能力,所以优化电子渠道势在必行,良好的渠道服务和功能有效提升可以很好提升用户体验和提高业务办理量。
2013年将有过半中国人触网
互联网
移动互联网
项目背景——电子渠道的要素
信息架构
功能设计
业务流程
视觉设计
UE
UI
电子渠道Wap的诊断分析会从UE和UI的以下几个方面分别进行:
项目背景——UE要素分解
UE,指用户访问一个网站或者使用一个产品时的全部体验。好的UE会表
现出功能强大、易用、易识别的特征。以下几点直接映射和体现UE,是
我们作为网站分析的主要线索:
信息架构
交互功能
业务流程
说明:其主要任务是为信息与用户认知之间搭建一座畅通的桥梁。它是信息直观表达的载体,负担对信息表达和传递的责任。
意义:信息架构隐性引导用户的思维逻辑,其优劣决定用户能否快速的找到想要的信息。
说明:功能设计是网站的核心,是用户服务与体验的最本质的表象化内容,是用户与网站发生交互行为的根本。
意义:功能设计决定用户在网站上的自我定位,是吸引用户、提升网站粘性的绝对要素。
说明:业务流程是基于网站产品和业务的操作使用流程
意义:优良的业务流程是提升业务办理量,降低用户跳出率的直接保障。
项目背景——UI要素分解
UI,指对网站或软件应用的人机交互、界面美观的整体设计。好的UI
设计不仅是让网站变得个性而富有品味,还会让功能的操作变得舒适、
简单、自由、充分体现网站的定位和特点。
视觉设计
说明:网站在交互、界面美观方面的整体设计。
意义:视觉设计是用户对网站的最初体验,它基于图形、色调、组合、搭配与用户发生情感交互,直接体现网站的品味和特色。
规范设计
说明:网站在字体、图片、设计元素上的运用和设计规范化。
意义:帮助形成和维持网站的风格统一,显示网站在细节上的专注,体现自己独有的特色。
现状分析—WEB体验分析
信息架构
交互功能
业务流程
信息架构维度单一,仅至上而下的将网站内容按性质进行频道划分,未从用户角度出发给予需求引导的感知。
业务的了解均需跳转到详情页面,耗费用户的时间和网速资源,信息的传达过于依赖单一的页面,。
视觉设计
页面的整体设计风格较统一,页面上的线条感很强,界面效果不够简约大气。且整体布局上未突出“广州”相关的字眼或信息栏,使区域性的特色无法体现。
网站页面上均为普通的货架式信息展示,无任何交互功能,难以引起用户兴趣,潜意识传递给用户的自我定位是——浏览者角色,导致用户参与度低下。
操
作
易
用
性
界
面
友
好
规范设计
广告位繁冗以及图片尺寸型号过多,显得界面较杂乱,统一性不够
信息架构现状分析
用户希望一站式信息推送
用户
信息之间联系零散
网厅
用户希望清晰的信息获得界面
用户
信息表述过于单调,导致大部分用户没有主动获取
网厅
用户希望信息架构组件是合理易用的
用户
各模块、搜索、导航等组件过于粗糙
网厅
web网厅整体规划主线不突出,移动业务办理只是简单的点对点。功能模块之间
逻辑性不强,以展示为主,没有更多引导用户深度体验。
现状分析—WAP体验分析
信息架构
交互功能
业务流程
信息架构维度单一,未从用户角度出发给予需求引导的感知。
一部分功能仍然在建设中,业务流程不完备,体验感不佳。
业务的展示形式过于单调贫乏
视觉设计
页面的整体设计比较简洁
视觉效果稍显单一,美观度有待加强
针对信息展示部分,热门与普通信息的区隔化不够
用户身份无辨识,信息推送和需求互动受阻
页面以展示和入口提供为主,无任何用户交互的功能流程,用户定位低下
操
作
易
用
性
界
面
友
好
规范设计
整体的设计元素统一性比较强