界面设计与用户体验_李德武.pptVIP

界面设计与用户体验 @李德武 一、界面设计与用户体验的关系 二、界面设计可参考法则 为扫描设计，不为阅读设计 颜色 文字可读性 视觉平衡 图版率 潜移默化 整体的一致性 持久导航 CONTENTS 目录 第1节 界面设计与用户体验的关系 知己知彼，方能运筹帷幄 界面设计与用户体验的关系 用户体验 用户在使用一个产品（或服务）过程中，建立起来的心理感受。 信息架构 将信息归类，并决定其组织方式和架构，以帮助用户高效快捷的找到所需的信息。 界面设计： 寻找最适合的表现方式来传达产品的交互行为。 交互设计： 根据的人的心理模式和行为模式来设计人与物之间的交互方式。 界面设计是承载用户体验设计的最终结果； 界面设计会通过视觉直接影响用户的情感体验。 界面设计与用户体验的关系 第2节 界面设计可参考的用户体验法则 掌握这些法则，才能为自己的设计服务 为扫描而设计，不为阅读设计 用户在浏览网页时，并不是阅读页面的信息，而通常是扫描页面信息，且扫描的轨迹为F（或者Z）； 界面设计可参考的用户体验法则 网站最重要的信息应该放在左上角 页面重点展示的内容应该放在上面的两段区域； 尽量利用习惯用法； 页面很长时，左侧应该有清晰的分段视觉标题，帮助用户快速抓取信息。 最大限度降低视觉噪点。 颜色 加入一种颜色可大幅减少扫描识别的时间，但增加至3种及以上时，扫描识别的效率会显著退化，这与人的短期记忆能力有关； 界面设计可参考的用户体验法则 文字的可读性 通用字体（常见的Arial、Times New Roman、宋体）可读性最好，长时间阅读特殊字体容易造成视觉疲劳； 阅读高饱和度的文字容易造成视觉疲劳。 界面设计可参考的用户体验法则 视觉平衡 图片对视觉有更强的吸引力，因而需要适量的文字来平衡； 而过多和过于密集的文字会给人压迫感，可以使用图片、广告或者留白来平衡。 界面设计可参考的用户体验法则 网易新闻 很巧妙的利用了左文（字号大）右图 让视觉起到一个很好的平衡。 旧版新浪 啊。我就快窒息了... 图版率 简单来说就是一个画面里面图片占的面积比率。 界面设计可参考的用户体验法则 100% 品牌展示 80% 游戏网站 界面设计可参考的用户体验法则 20% 财经日报 0% 小说类、散文类 图片占的比率越多，画面越热闹，越刺激眼球。适合宣传 图片占的比率越少，画面越安静、严肃。适合阅读 图标可以加快理解，视觉上也能避免枯燥无味的文字。从图形上区分文字意思。 界面设计可参考的用户体验法则 图标的设计要尽量简单，且风格一致，过分的细节会分散人的注意力(要注意分清楚 主次)。 图标 帮助用户在界面视觉提示和功能之间建立直觉联系； 局限性：依赖设计者与用户之间相似的联想方式。 界面设计可参考的用户体验法则 潜移默化 整体性和一致性： 整体风格要统一，不能单独评价某个元素的视觉效果； 设计要形成规范，保持一致，以减少用户的学习成本，提高用户的效率。 界面设计可参考的用户体验法则 提供视觉构架和流： 使用视觉属性将元素分组，创造清晰的层次结构,帮助用户快速抓取信息。 界面设计可参考的用户体验法则 界面设计可参考的用户体验法则 持久导航 持久导航在每一页以一致的外观出现在同样的位置，会让你立即确认自己仍然待在这个网站上。 界面设计可参考的用户体验法则 持久导航应当包括这个5个元素，这些元素是您一直需要的。 界面设计可参考的用户体验法则 主页导航可以不一样 大首页 频道页 由于主页的独特和职责，通常不必使用持久导航。由于主页要尽可能多的表现更多内容，甚至列出下一级栏目-这些栏目不可能放置每个页面。