手机视频客户端ui设计改版.ppt

UI设计改版
2010年1月
提纲
UI设计改版思路
1
经典版重点页面、流程介绍
2
渠道版本介绍
3
其他设计方案
4
UI设计改版思路
梳理用户使用流程,结合个人使用体验、手机视频发烧友俱乐部用户对界面的反馈信息,对比较为出色的同业产品(UCWeb、万花筒、浙江移动手机阅读客户端等),寻找手机视频客户端UI存在的问题并提出修改建议;
针对按键版和触屏版的用户流程差异,对所有页面进行细致调整。
延续旧版用户体验,保持使用连贯性和一致性
增加用户个性化设置
提高交互效率,增强使用便捷性
丰富页面显示信息量,增加营销触点
欢迎页
排行榜
渠道首页
多级化导航页
首页
菜单项
搜索页
帮助页
调整页面
新增页面
欢迎页
为增加展示的信息量,扩充营销触点,在登陆过程中首先弹出欢迎页;
欢迎页重点展示推荐给用户的内容或者需要用户知晓的公告信息,也可作为特定时期(如新春、世博)的专题营销页。
结合营销主题,编辑图文并茂的展示页面。
欢迎页中可以展示最新公告,热点营销内容。
左软件为进入到首页
首页
尽量保持与现网版本一致的用户体验,避免用户重新学习。
作为整个客户端内容组织的根节点,呈现给用户一个清晰的组织脉络。
围绕以自有业务为核心,突出搜索功能。
键盘版首页设计
触屏版首页设计
旧版首页
新增加一个专题版块,用以展示有一定时效性的专题内容。
沿用现网版本的搜索板块设计风格,新增了“更多…”选项,满足用户更多的关键字查找需求。
优化了自有业务和合作业务的展示区域
菜单
键盘版菜单设计
触屏版菜单设计
旧版菜单设计
旧版菜单弹出速度慢,同时展示信息量小;
新版菜单采用用户常用的弹出式设计,键盘版强调菜单项展开的快捷性;
触屏版菜单利用底部状态条闲置空间,将常用菜单项外置,增加用户使用便捷性。
多级化导航
为扩大客户端的展示容量,用以展示更多的内容,同时,适应各种新栏目对展示的灵活需求,引入多级化展现,增加九宫格形式展现一级栏目。
主界面:包括搜索区、专题区、垂直栏目、合作产品四个板块。
九宫格形式展现一级栏目;底部为业务导航条。
顶部为二级栏目导航条;下面为节目和节目集列表。
搜索页
方便用户使用搜索功能,从客户端的任何位置都可以通过菜单选项进入到分类关键字搜索页面。
搜索结果中提供相关推荐,给用户提供更多的选择。
新版搜索页保留搜索框,允许用户重新搜索;
新版搜索页增加推荐信息展示,为用户提供相关搜索关键字;
增加进度条,直观展现结果数量和目前位置。
搜索页
旧版搜索页
搜索结果页
点击首页推荐关键字“更多…”以及从菜单选项中打开搜索功能,进入到分类关键字搜索页
排行榜
排行榜
考虑到用户被动接受信息的行为特征,增加排行榜页面,以便用户(尤其是初次使用手机视频客户端的用户)更容易获得热点信息。