人性化手机GUI设计.pptVIP

人性化GUI设计 ----GUI-手机产品应用 一、关于GUI 1、什么是GUI 百科全书中的定义：使用图形、文本等与计算机交互的方法。 GUI的起源：60年代萨瑟兰发明的Shetchpad，首次引入菜单、窗口、图标。Engelbart发明鼠标。70年代施乐公司在Alto计算机上首次开发了位影像图形显示技术，为开发可折叠窗口、弹出菜单等提供可能。奠定了以窗口、图标、菜单和指点装置为基础的 GUI基础。 特征：桌面隐语、所见即所得、直接操纵 运行图形用户界面的商业系统：Apple/Macintosh、IBM/PM(Presentation Manager)、Microsoft/Windows、Unix/X-Window、OpenLook/OSF/Motif 二、 GUI在手机产品中的应用 1、以人为本的设计原则 2、手机图形用户界面设计步骤 3、手机图形用户界面与软件的交互式设计 二、 GUI在手机产品中的应用 1、以人为本 界面就是产品。 简单操作 主动控制 在界面层次上 减少用户记忆负担 减少对短期记忆的要求 界面布局应基于真实世界的隐喻 递进方式揭示信息 保持界面的一致性 有意义的语境 保持应用系列内的一致性 不随意改变以往的交互模型 二、 GUI在手机产品中的应用 2、图形用户界面设计步骤 界面设计前的产品市场分析及定位 适合人群，表现特征 外型元素，折叠知板 消费取向，价格体现 设计过程 界面设计策略，确定风格 图标（ICON）表现方式，3D或2D 界面设计评审，解决问题 界面确认，软件实现 界面实现与评估，为后续设计做参考 二、 GUI在手机产品中的应用 二、 GUI在手机产品中的应用 2、图形用户界面开发步骤（要注意的问题） 界面效果的整体性、一致性 a、界面的色彩及风格与系统界面统一 b 、操作流程的系统化（MMIS） 界面效果的个性化 a、特有的界面构架 b、专用的界面图标 界面视觉元素的规范 a、尽量使用像素图，使图象清晰 b、线条色块与图形图象相结合 二、 GUI在手机产品中的应用 3、与软件的交互式设计模式 手机GUI设计菜单树与软件构架有直接的关系，直接影响到用户对操作界面的感知度和操作的灵易度 手机GUI设计视觉的丰富由软件空间的大小决定。FLASH，BMP，GIF动画需要大量图片空间做基础 三、 案例分析与欣赏 1. 用户任意选择自己使用方便的画面. 2. 不同的菜单图标和画面，充分考虑用户的感性要求 - Style 1… 菜单与键的号码一致，上端画面应用生动的3D动画表现命令执行情况 - Style 2… 强调图标的UI直观性 三、 案例分析与欣赏 三、 案例分析与欣赏 三、 案例分析与欣赏 三、 案例分析与欣赏 三、 案例分析与欣赏 三、 案例分析与欣赏 三、 案例分析与欣赏 三、 案例分析与欣赏 三、 案例分析与欣赏 像素带入研究的道路 要研究目前发展势头不错的企业，大家多看，多体验，例如qq,淘宝，阿里巴巴，看看他们的策略，再来思考他们背后的界面设计，图标设计，把图标设计放在大的背景下来进行思考是像素设计、图标设计的方法学 / Thanks! 07.03.26 * * 东方通信 黄琼星 ? 提供SPEC ? LCD调优 - 色彩 - 边界 - 字体(大小) ? 修改与完善 ? 详细设计 - 全屏 - 菜单图标 - 各级页面 - 多种风格 ? 修改设计 ? 基础设计 ? 关键词设计 ? 色彩、布局设计 ? 按键导航设计 ? 计划制定 -策略研究 -产品分析 ? 行业竞争者调研 ? 定位分析 ? 目标用户分析 反馈 测试与调试 GUI开发 概念设计 策略制定 总体进度表 概念与布局 第一次 设计部署 最终 设计部署 最终版本 发布 直观图： 基本功能1. 彩屏2. 和弦铃音3. 彩信／彩ｅ4. 中文输入：T9输入；连笔手写输入5. 中文短信、短信群发6. 通讯录7. 通话记录8. 闹钟9. 计算器10. 录音11. 多方通话12. 语音识别13. 来电防火墙14. IP拨号15. 电子名片16. 电话簿快速查询17. 屏幕背光18. 键盘背光19. 键盘按键音20. 免提接听21. 来电指示22. 语音拨号23. 内置IP 娱乐类1. FM 收音机2. MP3播放3. 数码照相4. 数码录像5. 数码录音（类似于录音笔）6. JAVA7. 内置小型手持游戏机功能8. 动画屏保9. 移动QQ10.