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

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