用户体验设计——全套PPT课件.ppt

3.6.3网页布局的要点网站页面中的文字或者图形图像等一些网页构成要素的排列是否协调，决定了网页给浏览者的视觉感受和页面的使用性，因此，如何才能让网页看起来美观、大方、实用，是设计师在进行页面布局时首先需要考虑的问题。1．选择合适的布局方式2．通过明显视觉区分，保持页面的通透性3．按照浏览习惯及使用顺序安排内容4．统一规范，提升专业度3.6.4实战分析：设计儿童网站在儿童网站界面设计过程中，可以选择富有生机和活力的图片进行搭配，运用有趣的图片对网站界面进行灵活的布局设计，相比文字内容较多的儿童网站来说更加能够吸引浏览者的注意力。

3.7网站常见的设计风格网站设计风格必须要符合客户的审美习惯，并有一定的引导性。设计师需要注意的是，在对网站进行设计之前，必须明确该网站所针对的目标客户群体，并针对目标客户群体的审美喜好进行分析，从而确定网站的设计风格。1．超清晰风格超清晰网站偏向于极简主义风格，但是它们更关注的是做到清晰明了，而非越少越好。2．极简风格极简风格不但能够提供最实用的设计，而且永远都不会过时。3．照片风格照片风格可能生动、有冲击力、意义丰富，但如果使用得不恰当，也可能使整个网站页面的表现效果相当糟糕。4．插画风格插画风格最明显的优势就是在设计中添加一些新颖、独特的元素。5．三维风格为设计的某些方面添加一些立体感就能够很好地强化网页的总体视觉感受，并使其变得独特，并能够提供一种空间开阔的感觉。6．大字体风格以字体为主的这种设计风格可以归类为极简主义风格，这两种风格的细微差别是是，以字体为主的风格更加关注以优雅的方式来使用字体。7．纯色随着移动互联网的广泛应用，在网站中运用纯色风格十分流行。也就是说，许多设计师不再使用图片或装饰容器，转而采用更基本的方式并大量利用纯色。8．扁平化设计页面时，去除多余繁琐的装饰效果，只使用最简单的色块布局。使用更少的按钮和选项，使整个页面更加干净整齐。视觉体验是网站给用户最直接的体验，直接决定了用户对网站的第一印象。视觉体验所包含的元素较多，包括页面中的各种元素，在本章中详细向读者介绍了网站中的各种视觉体验要素的设计与表现方法，帮助读者设计出视觉效果出色的网站页面。

3.8本章小结4.1.1什么是可用性

4.1可用性设计随着计算机网络技术的发展以及交互设计研究的深入，20世纪80年代中期，在设计领域中流行“对用户友好”的口号，后来这个口号被化成“可用性”的设计理念。可用性是指用户在使用交互产品时的有效、易学、高效、易记、少错和令人满意的程度，即能否使用交互产品完成相应的任务，效率如何，主观感受怎么样，也就是从用户的角度来感受产品的质量，是用户在交互过程中的体验。4.1.2可用性的表现在交互设计领域中，尤其是软件设计中，可用性通常表现在以下几个方面。能够使用户把知觉的思维集中在当前任务上，可以按照用户的行动过程进行操作。用户不必记忆面向计算机硬件软件的知识。用户不必为操作分心，操作动作简单重复。在非正常环境中，用户仍然能够正常进行操作。用户理解和操作出错较少。用户学习操作时间较短。4.2.1表单设计元素

4.2表单的交互体验设计用户为了获得想要的东西，表单成了用户完成需求和网站系统需要数据之间的互动形式。那么表单设计的首要目标也更加清晰，那就是让用户能够迅速、高效、快捷并且轻松地完成表单选项的填写。使用户能够在网站中高效、便捷、轻松的完成表单内容的填写，最重要的是提高表单的可用性。4.2.2登录表单细节提高用户体验最好的方向，就是尽力让用户切实地体会到整个操作流程的简单顺畅。要提高登录流程的用户体验，有很多方面的因素是需要设计师考虑的。标签输入框帮助信息输入反馈动作1．支持电子邮件登录2．给出明确的错误提示3．“忘记密码”链接4．让用户专注于登录5．标识很重要4.2.3注册表单细节在用户体验设计中，我们将只需要填写用户名、密码、电子邮箱等基础信息的注册方式称为“预注册”，它介于普通浏览者与正式会员的中间状态。只需要提交唯一的身份标志和口令就可以完成预注册。4.2.4登录/注册页面需要注意的常见问题现如今，绝大多数的网站已经放弃了复杂、繁复的注册流程，将用户可能会遭遇障碍、引起用户反感和烦躁的部分去除，尽可能简单的让用户完成注册和登录流程。1．登录与注册混淆填写内容提示填写错误提示填写成功提示拼图验证，防止恶意注册2．使用邮箱地址或手机号3．体现注册流程4．动态效果5．第三方登录