互动多媒体设计讲导航二.pptx

第6讲界面设计5.1导航结构设计5.2导航形式设计5.3界面视觉设计5.4Banner设计

教学进程多媒体界面设计界面是一个窗口，它是将不同的元素进行编排，并使之成为一个连贯的整体。界面反映了这些元素的总和而并非这些部分本身。这些元素可以分为两类，一类是控制元素包括菜单、按钮、图标以及各种产生交互的热区和热字；另一类是内容元素，它包括图片、声音、动画以及文字等等。？，第4讲

导航设计扫视和信息气味关注触发词满意即可广告无视

导航设计二

导航是互联网产品中应用最广泛的基础元素之一。简化了，用户无法了解到页面结构以及自己的处境，产生困惑；复杂了，导航臃肿不堪，层峦叠嶂，既不美观也不好用。1.简化结构；2.优化形式；3.打磨UI。

A．通过面包屑来简化导航结构如果我们想在门户网站看NBA的视频直播，那么我们来看下他的导航：再扁平化一下：

使用面包屑来简化导航结构也是有条件的，不是所有的导航层级都可以用这种方法来简化。面包屑导航更符合用户线性思维导向下的操作逻辑。一些专家不认同“路径型”的面包屑（以尼尔森为代表），因为它和浏览器的“后退”功能重复。

B．合并导航层级导航的庞大往往是由于层级过多导致，那么减少层级的一种有效方法就是合并导航层级，例如把二级和三级导航合并，就减少了三级导航，让导航轻便一些。

把注册登录和个人信息等功能性导航和网站主导航做了合并处理，为网站首屏节约出了宝贵的空间

简化导航结构的第三种方法是把部分层级或者导航内容隐藏起来，使得导航看上去轻便一些。当导航里的内容特别多的时候，可以选择把主要内容留下，次要内容隐藏的方法来处理。

C.隐藏部分导航

鼠标滑过或者点击后触发此层级的方法处理

2.优化形式A．将一维导航变为二维导航

3.打磨UI

导航形式设计

A.材质类，给导航加点材质！

B.拟物类，让导航不仅仅是导航！如何让一个页面看起来如身临其境融入了该网站产品的世界？那么就要让用户的视觉体验真实地感受到该产品特性的存在。

D.融合类，“和谐共进”的导航设计！

需求的导向性会要求将导航一定程度的削弱，从而来突出产品的主体内容。体现出一个设计师对宏观大局的把控，以及对细节局部的掌控，让局部服从整体

横排导航与纵列导航的区别横排段落:权重由左至右逐渐降低横排导航:权重逐渐降低，最后出现跃升越来越多的用户将导航与段落区别开来，进行跳跃式阅读，出现了“金箍棒”状态

由于用户阅读的横扫描习惯，纵列导航保持了一个简单的递减关系，上面的权重最高，下面的权重最低。

左侧导航还是右侧导航？

在2002年对奥迪网站（和）的改版中，RazorfishGermany挑战了左侧导航的主导地位，把主导航放到了右侧。主要是把奥迪的网站和竞争对手区分开来。他们也想在网站中处处实践奥迪品牌的核心价值”创新”，包括导航。在这种非标准布局发布之前，对64个用户进行了广泛的测试。测试中把一个导航在左侧的版本与右侧版本相比较。每个测试都有三部分组成。第一部分中，用秒表记下完成五个任务所需的导航时间。结果令人吃惊：对于任何一个任务，两种导航的完成时间都没有显著的差异，包括第一个任务。在后续的任务中，右侧导航实际上要比左侧导航表现更好。第二部分中，我们研究了参与者在屏幕上的注意力的焦点。我们发现，比起左侧导航系统，人们用右侧导航时往往会多看有内容的一侧。第三部分中，我们对每名参与者展示两种版本，并直接问他们对右侧导航的看法。64个人中有7个偏爱右侧导航，只有两个明确表示不喜欢。但大多数的参与者表示无所谓。

一个博客本身就是一个分类博客文章的实效性很强，而且博客文章本身也是按照发表顺序排序的根本用不到文章分类Tag云图

4.5任务分析

层级关系：任务分级及关联性是大任务如何由子任务组成的以及这些任务又是如何联合起来体现功能的。任务序列：任务的顺序和不同任务在时间上的关系例：用户打开相机、取景、按下快门按钮。任务序列信息主要用于确定完成任务的时间和估算完成任务所需人数。任务分析

图书馆借书 0.借书 1.前往图书馆 2.检索需要的书 2.1.访问图书馆目录 2.2.使用检索屏 2.3.输入检索关键词2.4找出需要的图书2.5记录图书的位置 3.找到书架取书 5.找到柜台办理借阅手续 Plan0:do1-3–4若图书不在期望的书架上，则执行2-3-4 Plan2:执行2.1-2