移动界面的设计分析

移动界面设计分析移动界面设计分析 随着手机 平板 PDA 等移动设备的日益发展 相关的移动应用也越来越引起开发商 的关注 其中 针对移动应用的界面设计也已成为人机交互技术的一个重要研究领域 移动界面指的是通过手机平板等移动终端设备呈现的用户能够体验到的图形形态 主 要表现为移动应用平台 而由于移动设备的便携性 位置不固定性和计算能力的有限性 以及无线网络的低带宽 高延迟等诸多的限制 使得移动界面设计又存在着自己的特点 首先 先谈谈移动界面存在的许多限制和特点吧 1 资源相对匮乏 由于受到成本 能耗以及移动性的要求 移动设备往往计算能力比较差 存储容量较小 显示屏幕小 分 辨率低 例如 一般网站的默认分辨率可达 1024 768 而手机的显示分辨率也不过 320 240 因此 手机只有通过设计专门的浏览器才能直接访问一般的网站 其次 移动界 面比桌面系统的用户界面更加简单 桌面系统用户界面采用的一般是并行展示 各种选择 可以在一个大小可调的屏幕中同时显示出来 而在移动界面中 用户需要逐屏逐页寻找合 适的选择 当选择过多 就会给用户带来不便 从而引发用户不满意 因此 移动界面设 计的难题就是如何在有限的资源条件下有效地为用户提供信息服务 提供的选择必须根据 重要性排列 2 移动设备的种类繁多 由于移动设备的种类多 软硬件平台规范不同 不 容易兼容 使得开发移动应用时 需要专门地针对某一设备开发 增加工作的复杂性 3 连接方式复杂 由于移动应用运行于移动互联网环境中 而移动设备的位置具有很强的移 动性 如 GPRS 等无线网络连接时可能会时断时续 连接可靠性低 这大大增加了移动应用 和移动界面设计的难度 除了考虑目标设备的计算 存储 显示资源外 网络连接也要视 为一种资源 在设计时制定相应的策略 通过上述分析可以看到 移动界面设计中的最终 问题和最大问题是界面的定制 即根据需求定制合适的移动应用界面 其次 由于移动界面存在以上的特点 为了达到用户满意 设计移动界面时要尊重以 下的设计原则 1 简易性 界面的简洁是要让用户便于使用 便于了解 并能减少用户发生错误选择的可 能性 2 易于检索 可以通过排列 一个有序的界面能让用户轻松的使用 3 界面风格一致性 是每一个优秀界面都具备的特点 界面的结构必须清晰且一致 风格 必须与内容相一致 4 避免不必要的文字输入 而采用选择列表或模糊查询 即输入一部分查询关键词就可以 获得检索目标或包含目标的列表可供用户选择 这样可以降低对于用户进行关键字文字输 入的麻烦 5 根据用户的要求使服务个性化 即通过人性化设计 来提高效率和增加用户满意度 用 户可依据自己的习惯定制界面 并能保存设置 6 最大限度地避免用户出错 预测用户可能出现的错误 提供相应的机制尽可能避免 7 文本信息应当本地化 要根据应用所使用的地域特点 使应用本地化 用词得当与否也 可以决定某种应用可用性的好坏 词义表达清楚是关键 要避免使用含混不清的用语 8 记忆负担最小化 人脑不是电脑 在设计界面时必须要考虑人类大脑处理信息的限度 人类的短期记忆极不稳定 有限 24 小时内存在 25 的遗忘率 所以对用户来说 浏览信 息要比记忆更容易 9 安全性 用户能自由的作出选择 且所有选择都是可逆的 在用户作出危险的选择时有 信息介入系统的提示 10 灵活性 简单来说就是要让用户方便的使用 即互动多重性 不局限于单一的工具 包 括鼠标 键盘或手柄 再者 结合以下案例来对以上的原则以及交互技术 功能性 易用性等进行更具体的分析 关于新浪微博应用软件在安卓手机平台 IOS 手机平台以及 IPAD 平台的界面对比 安卓手机平台IOS 手机平台 IPHONE IPAD 平台 HD 布局上中下模式 上面部 分为状态栏 在首页 具体的功能有写微博 地理定位 微博用户 分类显示 以及刷新 中间部分为主要功能 区 即阅读微博 评 论等 下面为主菜单 和操作栏 并且具备 页面转换功能 用户 选择查看消息 好友 以及搜索其他微博 上中下模式 上面部 分为状态栏 在首页 具体的功能有写微博 地理定位 微博用户 分类显示 以及刷新 中间部分为主要功能 区 即阅读微博 评 论等 下面为主菜单 和操作栏 并且具备 页面转换功能 用户 选择查看消息 好友 以及搜索其他微博 左中右模式 左边为 主菜单和操作栏 如 首页 评论 广场等 中间为主要功能区 即博文 评论等 右 边为推荐应用区 如 微博图览 微群等 还有天气预报的提示 用户可以一目了然地 选择自己想要的操作 布局十分直观方便 色彩配置登陆界面以本季度以 蓝色为主 会根据四 季的变化更换登陆主 题 进入微博后 系 统默认为白色主调 状态栏为灰白色 字 体为浅蓝色 主要功 能区为纯白色 字体 为黑色 操作栏为黑 色 字体为白色 用 户亦可根据自己的喜 好下载不同颜色的皮 肤 浏览时可分为日 间模式和夜间模式 应用的五个界面均 显示一致的界面风格 方便用户的使用 登陆界面以本季度以 蓝色为主 会根据四 季的变化更换登陆主 题 进入微博后 系 统默认为白色主调 状态栏为灰白色 字 体为浅蓝色 主要功 能区为纯白色 字体 为黑色 操作栏为黑 色 字体为白色 用 户亦可根据自己的喜 好下载不同颜色的皮 肤 浏览时可分为日 间模式和夜间模式 应用的五个界面均 显示一致的界面风格 方便用户的使用 登陆界面以本季度以 蓝色为主 会根据四 季的变化更换登陆主 题 进入微博后 系 统默认为白色主调 状态栏为灰白色 字 体为浅蓝色 主要功 能区为纯白色 字体 为黑色 操作栏为黑 色 字体为白色 浏 览时可分为日间模式 和夜间模式 应用 的五个界面均显示一 致的界面风格 方便 用户的使用 按钮使用为最流行的矩形 颜 色以淡蓝灰色及浅灰 色为主 为最流行的矩形 颜 色以淡蓝灰色及浅灰 色为主 若退出微博 可直接按 HOME 键 为最流行的矩形 颜 色以淡蓝灰色及浅灰 色为主 若退出微博 可直接按 HOME 键 文字显示可以设置字号的大小 可选择 15 20 号字体 字号大小的选择为大 中 小 字号大小的选择为大 中 小 图标和图像在首页 分为三种阅 读模式 有预览图模 具有三种阅读模式 分别为预览图模式 iPad 屏幕大 带图 片的内容 直接显示 式 经典模式 文字 模式 预览模式是可 显示用户头像 博文 为文字加缩略图的形 式 经典模式 可显 示用户头像 只显示 文字 进入博文界面 才可以看到图片 文 字模式 不显示用户 图像 只显示文字 进入博文界面才可以 看到图片 经典模式 文字模式 等 与安卓平台不同 的是 阅读模式可以 选择显示备注或者显 示昵称 亦可以选择 是否缩略微博 更加 贴近用户的个性化服 务 提高用户体验满 意度 缩略图 方便直观 导航设计首页 消息 好友 广场 更多 首页 消息 好友 广场 更多 左上方有首页 提到 我的 评论 资料 搜索等 5 项功能 左 下方有刷新 发微博 皮肤 更多等三项功 能 登录界面登录名 密码 注册 登录 找回密码等 若不想注册 还可以 点击微博广场 随便 看看 名人堂 热门 微博等 再决定是否 注册使用微博 登录名 密码 注册 登录 找回密码等 若不想注册 还可以 在微博广场选择随便 看看 热门微博 再 决定是否注册使用微 博 另外 在页面右 上角 有个地球的标 志 可以选择不同的 语言环境 简体中文 繁体中文 英语 更贴近用户个性选择 登录名 密码 注册 登录 若不想注册 可以查看热门微博 随便看看 人气榜 影响力榜再决定是否 注册使用微博 首页是微博的主要功能所 在 显示的是用户所 关注的微博人群的发 言 可以提供用户阅 读和发布 长按博文 可以进行转发 原文 转发 评论 收藏 查看个人资料 浏览 模式设置 内容十分 丰富 并且界面简单 直观 是微博的主要功能所 在 显示的是用户所 关注的微博人群的发 言 可以提供用户阅 读和发布 长按博文 可以进行转发 原文 转发 评论 收藏 查看个人资料 浏览 模式设置 内容十分 丰富 并且界面简单 直观 在布局不变的前提下 首页分为两部分 顶 端部分是功能区 包 括被关注用户的分组 以及被关注用户所发 的图片 原创 视频 音乐等微博的分类 中间部分为被关注用 户所发的微博 包括 图文 以及时间 消息界面显示的是其他用户 我的博文 评论 私 显示的是其他用户 我的博文 评论 私 显示的是收到的评论 和发出的评论 可以 信 以及广播 直接 长按评论就可以选择 直接评论 删除评论 查看原微博 信 以及广播 点击 评论 可以选择查看 微博 恢复 取消等 三个操作 选择更加 直观 直接回复 点击评论 可以直接查看原微博 设计更加方便 好友在界面顶端有个分类 可以通过对关注用户 的分类快速找到关注 用户 避免不必要的 文字输入 此外找朋 友界面中 可以通过 摇一摇 发现身边的 朋友 通讯录等寻找 到使用微博的朋友 界面同时还具备查看 我的资料 最近联系 人等功能 由于保留 了用户个性化信息 用户在寻找最近联系 人时十分方便 在界面顶端有个分类 可以通过对关注用户 的分类快速找到关注 用户 避免不必要的 文字输入 此外找朋 友界面中 可以通过 摇一摇 发现身边的 朋友 通讯录等寻找 到使用微博的朋友 界面同时还具备查看 我的资料 最近联系 人等功能 由于保留 了用户个性化信息 用户在寻找最近联系 人时十分方便 由于 IPAD 客户端不 具有 好友 专有分 栏 而是直接把好友 的分类直接放在首页 的顶端 如果要查找 好友 只有在 个人 资料 的关注中查找 没有手机客户端那么 方便快捷 搜索方式 也只能通过文字输入 广场主要功能是搜索用户 或者微博 可以使用 文字搜索 语音搜索 和二维码搜索 它符 合了移动界面易于搜 索的原则 此外广场 界面还有热门微博 热门话题 二维码等 功能推荐 主要功能是搜索用户 搜索微博 可以使用 文字搜索和二维码搜 索 符合移动界面易 于搜索功能 此外 还有微公益等其他微 博查看 由于 IPAD 足够大 搜索功能被独立出来 可以搜索人和微博 同时也可以查看热门 话题以及我关注的话 题 微公益等推荐软 件一直处在布局的右 侧 时刻保持着微博 界面的一致性 更多里面放入一些用户自 定义的操作 如设置 草稿箱 账号管理 阅读模式 主题 新 信息提醒 隐私设置 账号安全 新版本检 测 官方微博 意见 反馈等 它可以根据 用户的要求使得服务 个性化 从而提高用 户体验 具备基本的账号管理 阅读模式 主题 账 号安全等功能 但安 卓手机相比 IPHONE 可以在 给 我评分 上在 APPSTORE 给新浪微 博应用软件评分 另 外还可以点击更多精 彩应用更方便地获取 其他应用软件 具备基本的账号管