UI设计必修课

前言

网站用户体验是指用户在访问网站时享受网站提供的各种服务的过程中建立起来的心理感受。

一个好的网站除了内容精彩、定位准确、还要方便用户浏览,使用户可以方便快速地在网站中找到自己感兴趣的内容。

第一章 网络交互与用户体验

在传统设计如视觉设计或工业设计中,通常以美观或实用作为设计的衡量标准,而在网络交互设计中,用户体验成了全新的衡量标准。

随着数字技术的发展以及市场竞争的日趋激烈,很多交互设计师将目光转向如何为用户创造更好的交互体验,从而吸引用户参与到网络交互中来。于是,用户体验逐渐成了交互设计的首要关注点和重要的评价标准。

用户体验是用户在使用产品或服务过程中建立起来的一种纯主观的心理感受。

从用户的角度说,用户体验是产品在现实世界的表现和使用方式,渗透到用户与产品交互的各个方面,包括用户对品牌特征、信息可用性、功能性、内容性等方面的体验。

用户体验是多层次的,并且贯穿于人机交互的全过程,既有对产品操作的交互体验,也有在交互过程中处罚的认知、情感体验,包括享受、美感和娱乐。

交互设计是创建新的用户体验的设计。

用户体验这一领域的建立,正是为了全面地分析和透视一个人在使用某个产品、系统或服务时的感受,其研究重点在于产品、系统或服务给用户带来的愉悦感和价值感,而不是性能和功能的表现。

以人为本是指在设计中将人的利益和需求作为考虑一切问题的最基本出发点,并以此作为衡量活动结果的尺度。

以用户为中心作为一种思想,就是在进行产品设计、开发、维护时从用户的需求和用户的感受出发,围绕用户进行产品设计、开发及维护,而不是让用户去适应产品,其广义的核心是关注用户。

从产品周期来看,在产品生命周期的最初阶段,产品的策略应该以满足用户的需求作为基本动机和最终目的;在其后的产品设计和开发过程中,对用户的研究和理解作为各种决策的依据。同时,产品在各个阶段的评估信息也应该来自用户的反馈。

用户体验从表象上理解,是将以用户为中心的思想具化到用户的主观感受上,这种感受即体验的形成需要两个基本体:主体和客体,一个核心:交互。

用户体验反为生理层次(感官体验[舒适性])、心理层次(交互体验[易用性和可用性]、情感体验[友好度]、信任体验[使用可信技术]、价值体验[商业价值])和社会化层次(文化体验[产品的时尚性和文化性])。

用户体验首先是要解决用户的某个实际问题,其次是让问题变得容易解决,最后给用户留下深刻的印象,让他在整个过程中产生美好的体验。

用户体验设计是以改善企业的理念行为在用户心中的感受为目的,以用户为中心,创造影响用户体验的元素,使之和企业目标同步。

在互联网环境下,用户体验必须考虑来自用户和人机界面的交互过程,其核心还是应该围绕产品的功能来设计。

用户为中心的理念从开发的最早期就开始进入整个流程,并贯穿始终,其目的是要保证:1)对用户体验有正确的评估;2)认识用户的真实期望和目的;3)在核心功能开发的过程中及时地进行调整和修正;4)保证核心功能与人机界面之间的协调工作,减少漏洞;5)满足用户各层次的基础体验需求。

用户体验的特点:1)严谨、理性和创意;2)提供特定问题的解决方案;3)不让用户思考;4)增加趣味性。

用户设计的着手点有:1)掌握需求;2)留下彩蛋;3)可预测的结果;4)细节上保持一致性。

用户体验一般包含品牌、使用性、功能性、内容。

树立品牌网站,最重要的是:1、独特而富有创意的类型;2、内容丰富而新颖,信息更新快;

设计网站时要充分考虑到受众的操作问题,将设计的重点放在网站操作的流畅性和连贯性上,在此基础上再考虑网站的视觉效果。

对于用户体验设计师来说,主要的工作内容就是帮助浏览者快速达到他们浏览网站的目的。

跳跃的色彩会让浏览者失去对网站的信任。因此,要设计更符合大众的设计方案。

简约的设计风格是目前设计领域中比较流行的趋势,无论是平面设计还是网页设计领域,这种方式能够有效地将浏览者的注意力集中到产品或内容本身上。

网站成功的评判标准是能否抓住所有浏览者共同的心理特征,吸引更多新的浏览者。

使用图文结合的方式来表现内容,可以使页面中内容的视觉层次非常清晰。

任何在用户体验上的努力,最终目的都是为了提高效率。

交互设计又被称为互动设计(Interaction Design),是人工制品、环境和系统的行为,以及传达这种行为的外形元素的设计和定义。

交互设计在于定义产品在特定场景下反应方式相关的界面。

通过对界面和行为进行交互设计,从而可以让使用者使用人造物来完成目标,这就是交互设计的目的。

从用户角度来说,交互设计是一种如何让产品易用、有效而让人愉悦的技术,它致力于了解目标用户和他们的期望、了解用户通产品交互时彼此的行为,了解“人”本身的心理和行为特点。同时还包括各种有效的交互方式,并对它们进行增强和扩充。

交互设计需要考虑的点有:1)某个功能是否需要;2)选择最好的表现形式;3)设定功能的大致轮廓;4)选择适当的交互方式。

交互设计需要遵循的习惯有:1)用户的文化背景;2)用户的人体机能;3)坚持以用户为中心;4)遵循用户的浏览习惯(横向、横向、纵向)。

网络交互中的体验是一种“自助式”的体验。好的体验应该尽量避免给用户的参与造成任何困难,并且在出现问题时及时提醒用户并帮助用户尽快解决,从而保证用户的感官、认知、行为和情感体验的最佳化。

用户体验设计的原则有:1)快速引导用户找到需要的内容;2)设置期望并提供反馈;3)基于人体工程学设计;4)与标准一致;5)提供纠错支持;6)靠辨识而非记忆;7)考虑不同水平的用户;8)提供上下文帮助和文档。

第二章 认识用户

视觉作为感觉的首领,在人们的日常生活中起着非常重要的作用。

用户在浏览交互界面时会遵循的视觉特点:1)文字比图像更具吸引力;2)眼球运动起始于左上角;3)F型浏览模式;4)用户会有选择地过滤某些信息(横幅广告等)。

互动设计时声音可能以背景音乐、语音、音效等方式出现。

语音设计要以清晰可辨为目标,最好以真人的声音为宜。

交互设计中的触觉设计是从审美体验处罚的,与“拟物化”设计一样都追求一种真实情景感,最常见的应用就是交互界面中按钮的不同状态。

网络设计中的虚拟触觉更加符合用户的情感和生理需求,容易引起用户的联想效应,对于人们的触觉感知主体、感知结构、及感知尺度产生了深刻影响,他构建了一种沉浸式、多模式及自然式的感知体验。

用户需求是时刻在变化的,只有从用户的角度去思考问题,充分了解用户心理,才能真正设计出具有良好用户体验的作品。

好设计的标准:1)创造性设计(消费者的需求为创造性设计提供依据);2)适用性设计(满意度调查是适用性设计的依据);3)美观性设计;4)理解性设计;5)以人为本的设计;6)永恒性设计;7)精细化设计;8)简洁化设计。

设计心理学讨论对象和背景的关系,其中人是第一位的,其余全是背景,这不仅是观念上的标准,也是现代设计管理的核心。

设计心理学的设计原则:1)应用存储与外部世界和头脑中的知识;2)简化任务流程;3)注重可视性;4)建立正确的匹配关系;5)利用自然和人为的限制性因素;6)考虑可能出现的人为差错。

马斯克的五种基本需求范分为低级(生理、安全)、中级(尊重、社交)和高级(自我需求)三类。

自我实现的需求是高级需求,它们是从内部使人得到满足的,而且一个人对自我实现的需求是永远不会感到完全满足的。

高层次的需求比低层次的需求更有价值,人的需求结构是动态的,发展变化的。

通过满足用户的高级需求来调动其积极性,具有更稳定、更持久的力量。

互联网产品的用户体验层次也可以分为感觉需求(视觉、听觉、触觉等)、交互需求、情感需求(情感共鸣)、社会需求(品牌、成就)和自我需求(个性化)。

设计师必须从视觉、听觉、触觉等方面进行细致的分析,突出产品的感官特征,使其容易被感知,创造良好的情感体验。

情感需求是用户在使用产品或系统过程中所产生的情感,如从产品本身或使用过程中感受到关爱、互动和乐趣。

社会需求指的是人们都倾向于选择品牌知名度高的商品。

对于产品设计,需求进行个性化定制设计或者自适应设计,满足用户的多样化和个性化需求。

在产品设计过程中,基于用户体验的需求层次,我们才能有的放矢,打造良好的用户体验,我们需求去了解、观察、洞悉用户的习惯和心理。

一个成功的网站必须包含三种可能性:必须有的,更多且更好的和具有吸引力的。

用户体验的生命周期有:1)吸引;2)熟悉;3)交互;4)保持;5)拥护。

一个成功的软件应该是简练精干的。要以满足用户最直接要求为设计中心。

设计规划网站前要考虑的点:1)网站建设的目的;2)用户群体;3)网站本身能提供什么样的产品和服务;4)受众特点是什么;5)产品和服务适合什么样的表现方式。

从用户的基本需求出发,激励方式分为物质激励(礼品)和精神激励(头衔等)。

网站行为分析是指在获得网站访问量基本数据的情况下,对相关数据进行统计、分析,从中发现用户访问网站的规律,并将这些规律与产品目标及策略相结合,从中发现目前网站存在的问题,为进一步改善网站,满足用户需求,提升用户体验提供依据。

第三章 用户体验要素

越来越多的企业开始意识到,对所有类型的产品和服务来说,提供优质的用户体验是一个重要的、可持续的竞争优势。用户体验形成了用户对企业的整体印象,界定了企业和竞争对手的差异,并且决定了用户是否还会再次光临。

从用户的角度来看,如果网站在视觉上具有吸引力,他可能会话更多的精力来了解并使用这个网站。如果角得网站的设计很人性化,使用起来非常方便,也会促使他更多地访问该站点。

就互联网产品而言,用户体验包括:1)信息架构;2)交互设计;3)形象设计。

在交互设计,尤其是网站设计中,信息架构主要用来解决内容设计和导航的问题,即如何以最佳的信息组织方式来诠释网站内容,以便用户能够更加方便、快捷地找到所需要的信息。

通俗的说,信息结构就是合理地信息展现形式。

通过合理地信息架构,网站内容能够有组织、有条理的呈现,从而提高用户的交互效率。

信息架构的基本单位是节点,节点可以对应任意的信息单位,可以小到一个数字,或者大到整个公司。设计要处理的就是这些节点,而不是特定的页面、文档或组件。

常见的节点组织结构有:1)层次结构;2)矩阵结构;3)自然结构;4)线性结构。

节点在信息架构中是依据组织原则来排列的,可以按照精确性或模糊性的组织原则将信息进行分类。

一个有效的信息结构应该具备成长和变动的能力。

信息架构是在符合设计目标,满足用户需求的前提下,将信息条理化,不管采用何种原则组织分类信息,重要的是能够反映出用户的需求。

通常,在一个信息架构合理地交互网站中,用户不会刻意注意到信息组织的方式,只有在他们找不到所需要的信息或者在寻找信息时出现困惑了,才会注意到信息架构的不合理性。

从用户角度来说,交互设计本质是一种如何让产品易用、有效且让人愉悦的技术,他致力于了解目标用户和他们的期望,了解用户再同产品交互时彼此的行为,了解人本身的心理和行为特点,同时,还包括各种有效的交互方式,并对它们进行增强和补充。

交互设计的目的在于,通过对产品的界面和行为进行交互设计,让产品和它的使用者之间建立有机关系,从而有效达到使用者的目标。

信息架构决定地形的最佳路径,而交互设计放置路径并画出地图。

交互设计需要的信息:1)任务流(进行某项正确操作所必需的一连串动作);2)界面的可预见性和一致性;3)网站特征和特定界面要素重点之间的关系;4)不同受众。

交互设计的步骤:1)用户调研(关注用户使用时的心理模式和行为模式);2)概念设计;3)创建用户模型;4)创建界面流程;5)开发原型以及用户测试;6)实现;7)系统测试。

产品的形象能够传达产品价值,形象设计独立但又贯穿在产品信息架构和产品交互设计的始终。

就网站而言,网站的视觉形象代表着网站的风格和感觉,它代表着一些独特的、令人难忘的东西。某些时候,它甚至会超越产品功能的重要性。

无论是从当前看,还是从长期看,视觉设计的目标都是要创造令人满意而难忘的用户体验。

网站用户体验的整个开发流程都是为了确保用户在网站上的所有体验不会发生在明确的、有意识的意图之外。

用户体验要素分为:表现层(视觉效果设计)、框架层(按钮等交互元素的布局)、结构层(设计用户如何得到某个页面,以及访问结束后能够去哪里)、范围层(网站功能和内容)和战略层(网站经营者和用户先从网站得到什么)。

战略层决定了网站的定位,有用户需求和网站目标共同决定。

对于任何一款产品,都不可避免都要同时考虑商业价值和用户需求。两者缺一不可,相辅相成。

产品定位实际上是关于产品的目标、范围、特征等约束条件,它包括产品定义(使用人群、主要功能、产品特色)和用户需求(目标用户、使用场景、用户目标)两方面。

战略层:为什么要开发这个产品。

范围层:我们要开发的是什么。

用户需求的优先级范围基本性需求、期望型需求以及兴奋性需求。

交互设计关注与描述“可能的用户行为”,同时定义“系统如何配合与响应”这些用户行为。

在以内容为主的网站上,信息架构着重于设计组织分类和导航的结构,从而让用户可以高效、有效地浏览网站内容。

在设计网站界面时,要对界面中每一项选项的默认值深思熟虑,确定大多数用户希望看到的内容,并能够让用户一眼就看到最重要的信息。

任何一个网站的导航设计要同时完成:1)让用户实现网站之间跳转;2)传达链接列表之间的关系;3)传达链接与当前页面的关系。

在表现层中,产品的内容、功能和美学聚集到一起产生一个最终设计,完成前4个层面的所有目标,满足用户的感官感受。

如果你的设计是成功的,那么用户的眼睛在页面中移动的轨迹模式应该有以下两个重要的特点:1)遵循的是一条流畅的路径;2)页面的设计需要为用户提供有效的、正确的引导。

在网页视觉设计中,通过合理运用对比,可以成功吸引浏览者注意到界面的关键部分。

网页设计中的另一个重点就是设计的一致性。

设计的一致性要考虑:1)当前页面与网站中其他页面中的设计是否一致;2)网站设计是否与企业其他涉及达成一致。

最简单的配色方案是同色系的颜色搭配加上中性色调。

第四章 关注用户体验的交互设计

可用性是指用户在使用产品时的有效、易学、高效、易记、少错和令人满意的程度,即用户能否使用交互产品完成相应的任务,效率如何,主管感受如何。

可用性的衡量指标有:有效性、效率、满意度(描述产品使用的舒适度和接受程度)。

在交互设计领域中,尤其是软件设计中,可用性包括:1)能够使用户把认知思维集中在当前任务上,可以按照用户的行动过程进行操作,不必分心寻找人机界面的菜单、导航或理解设计结构与图标含义,不必分心考虑如何把当前任务转化能计算机的输入过程和输出过程;2)用户不必为手上的操作分心,操作动作简单重复;3)用户不必记忆面向计算机硬件软件的知识;4)在非正常环境和情景中,用户仍然能够正常进行操作;5)用户理解和操作出错较少;6)用户学习操作时间较短。

可用性包含在用户体验中,是影响用户体验的重要因素之一。

可用性的原则:1)简洁性(少即是多;减少附加性工作);2)易于学习(符合用户的概念模型;恰当地使用隐喻);3)减少用户记忆;4)一致性;5)提供反馈;6)错误的提示以及以免错误的发生;7)高效率。

在交互设计中,简洁不仅体现在形式和内容上,也体现在功能和行为的设计上。简洁的设计既要用最少的视觉和听觉元素传达最明确的设计理念,又要用最少的功能和行为最有效地达成目标。

追求交互操作简洁性应该做到:1)交互操作按照用户最能有效地完成目标任务的顺序出现;2)将交互目标划分为不同的操作任务,用户在执行一个单独任务的同时,提供其他相关任务的链接或快捷方式,避免用户重复操作,提高执行效率;3)为用户提供执行某项操作的快捷途径。

好的界面设计应该能够激发用户探索界面操作的意愿并提供有价值的线索。

在交互设计中,系统模型(网络交互的实际工作方式和流程)、概念模型(用户对交互产品如何工作,以及如何参与交互的认知)、表现模型(设计师如何将网络交互的参与方式展示给用户)被广泛使用。

交互设计很大程度上是基于人类赋予事物和活动的意义,以及人们如何表示这些意义的。通常,表现模型越接近于概念模型,交互设计就越容易学习,用户就越容易理解交互机制,明白如何参与交互。

交互设计应该符合用户的概念模型,而不能基于系统模型,这个原则在界面设计和信息架构上需要更加突出地表现出来。

通过将现实生活中物体的视觉表现和操作直接搬到交互产品中,隐喻方便了用户学习、识别和操作过程。

图标是视觉元素隐喻的最好体现,图标还通过视觉设计暗示其可以执行的交互行为。

一致性强调的是产品内在气质和设计理念的延续,注重变化,并在变化的基础上给人整体感。

心流在交互式设计中,成为衡量用户体验的重要标准之一。

心流指的是一个人深深地融入某个活动或事件时的心理状态。

心流的因素有条件因素(清晰的目标、即时的反馈、技能与挑战相匹配)、体验因素(行动与知觉向融合、专注于所做的事情、潜在的控制感)和结果因素(失去自我意识、时间失真感、自身有目的的体验)。

造成心流体验的一个重要因素是技能与挑战的平衡。技能不足以解决困难时会焦虑;困难太低不足以构成挑战则会无聊。

在交互网站中可以将新流体验分为两种类型:1)体验性(娱乐方式);2)目标性(工具)。

大多数宣传展示类网站都属于体验性的心流类型,这种类型的网站需要给用户一种身临其境的感受,使用户在网站浏览过程中能够集中注意力,忽视时间感,积极地在网站中进行探索和发现。

在线购物等网站都需要目标导向型的心流类型,这种类型的网站需要能够充分展示内容的重要性,以及用户对于网站的操作控制。目标导向型着重于用户在网站完成任务所需要的活动体验。

一般来说,心流体验更容易在目标导向的交互中产生。

帮助设计师培养心流体验的要点:1)平衡挑战和用户技能;2)提供探索的可能;3)吸引用户注意并避免干扰;4)给用户控制感;5)对时间的失真感。

以娱乐为导向的心流体验设计应该满足用户以创造性的思维来浏览和探索网站的需求,很少或根本不建立挑战,避免引起用户的焦虑。因此,网站设计主要通过视觉因素,如亮丽的颜色和高对比度,引起浏览者感官刺激和内心的愉悦。

对目标导向型的心流设计来说,应该尽量减少不必要的干扰因素,为用户完成任务提供方便,包括使用较少的视觉因素、即时地提供明确的反馈,也就是说要提高互动设计的可用性。

对于目标导向的互动设计,假如适当的娱乐元素比单纯的目标导向操作更能够激发心流体验。

用户体验的经验:1)忘掉“三次点击”法则;2)别让用户等待;3)让网页内容更易读;4)不用担心首屏和垂直滚动条;5)把重要的信息安排在左侧;6)文本的空白区域会影响阅读效果;7)合理地导航与页面框架比搜索更重要;8)网站主页并没有想象中那么重要。

沉浸感也成为临场感,是指用户感觉其作为主角存在于模拟环境中的真实程度。

网站设计需要实现用户的沉浸感,通过沉浸在网站所营造的世界中,用户更加容易体验心流,从而享受网站设计所带来的心理和精神上的愉悦体验。

为了实现沉浸感,可以考虑以下几个方面:1)多感知体验设计;2)直接操作的交互设计;3)超越界面的设计(三维界面)。

与二维网页相比,三维网页具有更强的娱乐性和交互性,比较适合虚拟博物馆、景点宣传、网上商店及网络游戏等领域。

情感化设计是指旨在抓住用户注意、诱发用户的情绪反应,从而提高执行特特定行为的可能性的设计。

人性化是人机交互学科中很重要的研究,充分考虑到用户的心理感受,将产品化身成一个有个性、有脾气的人,相比冷冰冰的机器更能够的到用户的好感和共鸣。

产品真正的价值是可以满足人们的情感需要,最重要的是一个需要建立其自我形象和其在社会中的地位需要。

只有当产品触及到用户的内心,使用户产生情感的变化时,产品便不再冷冰冰。

通常,用户在与网站进行交互时会产生3中不同层次的体验:1)本能体验(网站带给用户的感官刺激);2)行为体验(强调效用和性能);3)反思体验。

反思体验更加注重用户在网站的交互体验与网站设计的内在联系,随着时间推移,将网站的意义和价值与网站本身联系起来,决定用户网站的总体印象。

激发用户情感体验的有效方法之一是增加设计的趣味性。

互联网产品的情感化设计着力点有:1)别出心裁的创意;2)打动人心的色彩;3)合理统一的布局;4)方便易用的工能;5)和谐统一的交互。

创意是设计的灵魂。

美学可用性的研究表明,那些审美上令人愉悦的界面设计更容易被用户接受。

第五章 Web产品用户体验

提供良好的用户体验成为网站吸引并留住用户的一个重要因素。

从整体上看,网站最重要的就是信息架构、内容安排和视觉设计。

信息架构作为网站最核心的股价,代表了产品内容的组织形式,表现为产品功能信息分类、分层的关系,在设计上主要体现为界面布局和导航,在视觉上体现为网站的配色方案。

网站功能区是网站出了整体布局外,组成页面的主要区域,按照其功能来进行划分,主要包括头部、尾部、导航区、搜索区、用户登录区、主要信息展示区、广告区等功能区域。

网站界面构成中的多媒体元素主要包括动画、声音和视频,这些都是网站界面构成中最吸引人的因素,但网站界面还是应该坚持以内容为主,任何技术和应用都应该以信息的额更好传达为中心。

视觉层次就是网页设计背后最重要的原则之一。

设计中可以通过调整对象的大小实现突出重点的作用,可以引导用户的视觉到页面的重点位置。

网站页面的视觉层次表现方法:1)通过元素尺寸表现视觉层次;2)丰富的色彩层次;3)对比的应用;4)对齐页面层次;5)重复分配因素;6)元素的分开与接近;7)页面密度和空白;8)巧用样式和纹理。

通过为对象应用不同的样式和纹理,可以形成更加明显的层次感。在众多平淡页面中,富有质感的页面通常会引起人们的注意。

为了给用户一个良好的用户体验,网站的设计原则有:1)高质量内容;2)经常更新内容;3)快速的页面加载;4)网站更易使用;5)与用户的需求密切相关;6)独特的在线媒体;7)良好的可用行。

一个符合用户感觉认知和情感接受的的界面应该遵循的原则有:1)对比突出;2)条理清晰;3)整齐平衡;4)简洁一致。

对比突出是指创造出不同视觉元素之间的对比,并通过对比强调重要信息的传达和接受。这是吸引用户注意力的重要手段,能够帮助用户理解界面元素之间的结构关系。

通过对比,用户可以本能地注意到界面上最重要的信息,提高用户感知的效率。

最为重要的元素,尺寸应该相对较大,颜色、饱和度以及背景的对比度也应该更大,其位置应该放在其他元素的上方或者向外突出一些。

网站结构分为物理结构(树状居多)和逻辑结构两种。

网络地图一般是比较好的一个逻辑结构示意。

网站的逻辑结构要素:1)网页主页需要链接所有频道主页;2)网页主页一般不直接链接内容页面,除非是非常想突出推荐的特殊页面;3)所有频道主页需要能够与其他频道主页相互链接;4)所有频道主页都需要能够返回到网站主页;5)频道主页也需要链接自己本身的频道内容页面;6)频道主页一般不链接属于其他频道的内容页面;7)所有内容页面都需要能够返回到网站主页;8)所有内容网页都需要能够返回自己的上一级频道主页;9)内容页可以连接到同一频道的其他内容页面;10)内容页一般不链接属于其他频道的内容页面;11)内容页在某些情况下,可以用适当的关键词连接到其他频道的内容页面。

好的网站结构能够让用户在浏览网站的过程中不迷路,其不仅对用户体验很重要,也能让搜索引擎不迷路,也能让搜索引擎更加方便快捷地抓取好的数据。

提高重要页面被浏览的最好办法,就是让重要的页面在网站中重要的层级展示,这将减少用户进入所在页面的流程。

信息架构的原则标准和目的可以分为:1)对信息进行分类,使其系统化、结构化;2)重要的信息优先提供。

网站布局模式有:1)一栏式(视觉冲击力强,适合信息量小、目的比较集中或相对比较独立的网站);2)两栏式(最常见,分为左窄右宽、左宽右窄、左右均等三类);3)三栏式布局(信息量大)。

功能布局的要点有:1)选择合适的布局方式;2)通过明显的视觉区分,保持整个页面的通透性;3)按照用户的浏览习惯及使用顺序安排内容;4)统一规范,提升专业度。

帮助优化网站内容的准则有:1)使文字最少;2)帮助用户浏览(恰当使用标题、符号和编号以及使用链接);3)把大段文字变成小段。

网页色彩是树立网站形象的关键之一。

网站图标的设计原则:1)易识别;2)风格统一;3)与网页协调;4)富有创意。

网站按钮的设计方法:1)按钮需要看起来可点击;2)按钮的色彩很重要;3)按钮的尺寸;4)按钮的位置;5)良好的对比效果;6)使用标准形状;7)明确告诉用户按钮的功能;8)赋予按钮更高的视觉优先级。

使按钮可点击的办法有:1)增加按钮的内边距,使按钮看起来容易点击;2)未按钮添加微妙的阴影效果,使按钮看起来“浮动”出页面,跟接近用户;3)为按钮添加鼠标悬浮或点击操作的交互效果,提示用户。

网页中按钮应该是明亮而迷人的,这是为什么设计师喜欢用明亮的黄色、绿色和蓝色设计按钮的原因。想要按钮在页面中具有突出的视觉效果,最好选择与背景色相对比的色彩进行设计。

作为网站标识的Logo设计,应该遵循CIS(企业统一化系统)的整体规律并有所突破。

网站Logo对于合成文字的追求已渐渐成为网站Logo的一种事实规范。

导航布局有顶部、底部、左侧、右侧(会给人耳目一新的新颖感),中间五种。

导航设计原则:1)减少选项数目;2)提供导航标识;3)提供总体视图;4)避免复杂的嵌套关系。

规划自己网站时,要从自己网站的特点出发,设想用户想从网站中得到什么内容,让用户所想和企业所需之间达到一种平衡。

第六章 移动端用户体验

移动端与PC端设计的区别主要取决于硬件设备提供的人机交互方式不同。

移动端应该多层级,不能将内容都放到第一屏,需要一个非常清晰的操作流程,让用户可以知道自己在整个应用的什么位置,并能够很容易地到达自己想去的页面或步骤。

移动端界面设计的侧重点是“用”,即在界面视觉效果的基础上充分发挥移动应用的易用性,使用户更便捷、更方便地使用。

移动端界面中的按钮需要一个较大的范围,以减少错误率。

移动端按钮只有默认状态、单击状态和不可用状态。

根据调研用户的需求和体验信息可以把用户分为:1)过程为主的用户;2)结果为主的用户。

移动端应用界面设计的条件:1)确定设计风格;2)还原内容本身;3)制定设计规范。

美观的内容形式与富有真实感的界面设计使用户在体验是会感到自然。

当产品的界面越接近真实世界,用户的学习成本就越低,产品的易用性就越好。

提升移动端用户体验的方法有:1)第一眼体验;2)便捷的输入方式;3)呈现用户所需;4)适当的横向呈现方式;5)制作个性应用;6)不忽视任何细节。

你可能感兴趣的:(UI设计必修课)