软件产品交互设计
交互设计在产品开发中的应用
交互设计在产品开发中的应用随着互联网技术的普及，更多的产品已经不限于硬件，而是涉及到软件的设计与开发。
在此过程中，交互设计作为软件设计的重要组成部分，已经得到了越来越多的关注。
正确地应用交互设计可以提高软件的易用性、用户满意度和竞争力。
本文将从交互设计在产品开发的应用角度，分为三个章节进行讨论。
第一章：交互设计的基本概念交互设计是指将软件设计为可以与用户进行有效交互的过程。
交互设计的设计对象包括软件页面设计、操作流程设计、操作方式设计、交互效果设计等方面。
交互设计最终目的是为了让用户更加容易上手使用软件，让用户在使用过程中得到更好的用于体验。
第二章：交互设计在产品开发中有着重要的应用，下面分两个方面具体阐述：2.1 增强用户体验交互设计可以增强用户体验。
公司进行交互设计时可以考虑到用户群体的习惯，采用用户喜爱的设计分类方式来帮助用户快速轻松地找到自己想要的数据并直观的访问，也可以从颜色、图片、文字等方面入手使界面更加生动有趣，从而消除用户的疲劳感，带给用户良好的使用体验。
2.2 提升用户粘度交互设计可以提升用户粘度。
在使用软件前，用户通常会考虑软件操作是否便捷，是否能够完成自己的需求等等。
而优秀的交互设计能够充分满足用户的刚性需求，提高用户使用软件的兴趣和好感，从而使用户更愿意长期地使用此软件。
第三章：如何进行交互设计3.1 要符合软件的UI交互设计应该符合软件的UI。
UI是指用户界面，它是软件的重要组成部分。
UI的设计要考虑到软件的应用场景，合理地安排软件的版面设计、色彩搭配、图标与按钮的排列以及字体的选择等方面，使软件界面看起来美观大方、干净整洁，让用户有一种留下来的动力。
3.2 用户旅程地图交互设计师通常会依托一组称为“用户旅程地图”的工具来解决交互挑战。
它是一种以用户角度出发，理解用户行为和需求并解决缺陷或瓶颈的流程图。
地图提供了一个视角来评估和优化各种元素此期间的效果，从而尽可能地满足用户的需求。
交互设计师工作内容
交互设计师工作内容交互设计师是一个非常广泛的职业领域，他们的工作内容非常复杂和多样化。
交互设计师主要负责设计和开发用户体验科技产品和软件应用的界面和内容。
他们不仅需要具备技术能力，还需要了解用户行为和体验。
交互设计师的主要工作内容包括以下几个方面：一、用户研究和需求分析交互设计师需要仔细研究用户行为和需求，以了解他们使用科技产品和软件应用的方式和需要。
这包括用户画像、用户行为和需求分析等。
通过了解用户习惯和需求，交互设计师能够为用户创造更加完美的体验。
在此过程中，交互设计师需要与开发团队合作确定如何最优地满足用户需求和优化产品。
二、信息架构与界面设计交互设计师需要根据用户需求和行为呈现各种不同的应用架构和界面设计。
他们需要设计出一套引导用户的界面和工具栏，让用户更加方便快速地使用科技产品和软件应用。
同时，交互设计师还需要考虑不同屏幕尺寸和分辨率的设备，以适应不同的平台和应用环境。
他们还需要协调和与开发团队合作，确保设计方案能够得到有效实施。
三、原型设计和制作在设计阶段，交互设计师需要在一定程度上能够将自己的笔画和设计草图转变为实际的数字模型和界面原型。
他们需要精通使用一些设计工具和软件（如Adobe、Sketch 等），制造能够展示想法和概念的原型。
这些原型需要进行交互测试，以确保用户可以方便地使用并给出反馈。
交互设计师应该能够快速迭代这些原型，根据需要进行修改和更新。
四、用户体验设计交互设计师是为用户门户创建标志性体验的人员之一。
他们需要将产品、动画和图标组成一个清晰的信息架构，以使用户更快地查找所需信息。
他们还需要设计适合不同用户需求的交互方式和操作功能，以提供出色的用户体验。
五、测试和反馈为了更好地优化和提高产品的使用体验，交互设计师与用户和开发者之间的良好沟通是非常重要的。
他们需要定期进行数据分析和用户反馈调查，以了解用户对产品的使用情况和对产品的反馈。
交互设计师需要使用数据和反馈，对产品进行优化和改善。
软件界面交互设计教程
软件界面交互设计教程第一章：软件界面概述软件界面是用户与计算机系统或应用软件进行交互的媒介，好的软件界面设计可以提高用户的使用体验。
本章将介绍软件界面的基本概念和设计原则。
第二章：用户需求分析在进行界面设计之前，了解用户需求是至关重要的。
本章将介绍如何进行用户需求分析，包括采集用户的使用场景、行为习惯和偏好等信息。
第三章：信息架构设计信息架构是软件界面设计的基础，它涉及到界面的布局、组件的分类和组织等。
本章将详细介绍信息架构设计的步骤，包括分析用户需求、制定分类标准和设计网站地图等。
第四章：界面布局设计界面布局是影响用户体验的重要因素之一。
本章将介绍常用的界面布局模式，包括线性布局、网格布局和栅格布局等，以及如何根据用户需求选择合适的布局模式。
第五章：交互设计原则良好的交互设计可以提高软件界面的易用性和友好度。
本章将介绍交互设计的基本原则，如可见性、一致性和反馈等，并提供一些实例和案例来说明这些原则的应用。
第六章：界面样式设计界面样式设计是指界面的外观和风格设计。
本章将介绍常用的界面样式，包括扁平化设计、材料设计和玻璃磨砂设计等，以及如何根据软件的定位和用户需求选择合适的界面样式。
第七章：交互元素设计交互元素是用户与软件进行交互的基本组件，如按钮、文本框和下拉菜单等。
本章将介绍交互元素的设计原则和最佳实践，包括颜色选择、大小设计和位置布局等。
第八章：界面流程设计界面流程是指软件界面的使用流程和导航设计。
本章将介绍如何设计清晰、简洁的界面流程，以及如何通过导航栏、面包屑和标签等元素提高用户的导航效率和使用便捷性。
第九章：可用性测试与优化可用性测试是评估软件界面设计效果的重要手段。
本章将介绍如何进行可用性测试，包括用户调查、模拟使用和用户反馈等方法，并提供一些建议和技巧来优化软件界面设计。
第十章：响应式设计与跨平台开发随着移动设备的普及，越来越多的软件需要适配不同的平台和屏幕尺寸。
本章将介绍响应式设计的概念和技巧，以及如何通过跨平台开发来实现一次编写，多平台使用的界面交互设计。
第3讲软件交互设计概述
– 使用相同的界面风格，包括颜色、字体、布局、行距，间距 ，导航条等；
– 使用相同的识别标志，如公司LOGO，底纹图案，版权和联系 方式等。
– 使用一致的术语，特别是在不同语言的版本之间保持信息翻 译的一致。
– 系统视图结构清晰，在每个界面上明确表示当前视图与整体 系统的关系。
人机交互界面的表示模型
• 作用：在界面设计的早期阶段，研究建立一种 用户界面表示模型
– 利用形式化的设计语言来分析和表达用户任务以及 用户和系统之间的交互情况；
– 使界面表示模型能方便地映射到实际的设计实现
界面模型分类
• 行为模型：从用户和任务的角度考虑如何来描 述人机交互界面（GOMS，UAN及LOTOS模型）
可用性工程的生命周期
• 了解用户 • 竞争性分析 • 设定可用性目标 • 用户参与的设计 • 瀑布或迭代设计 • 产品发布后的工作
了解用户
• 要在工作环境中观察用户 • 了解用户的个体特征：根据用户的使用经验、
受教育程度、年龄、接受过的相关培训等对用 户进行分类 • 可用性任务分析：抽象出用户的任务模型 • 功能分析：弄清楚为了完成可用性任务，什么 是必须要做的，什么仅仅是些表面文章而已 • 手段:调查表
构造阶段(con.)
原型设计
开发出一个满足基本要求的、简单的、可运行系 统给用户试用，让用户进行评价并提出改进意见；
构造阶段
布局设计
屏幕总体布局和显示结构设计，确定屏幕上显 示信息的适当层次和位置；
细节设计
包括为吸引用户注意所进行的增强显示的设计， 如采取运动，改变形状、大小、颜色、亮度、 环境等特征(如加线、加框、前景和背景反转)
软件工程中的界面设计与交互设计
软件工程中的界面设计与交互设计在软件工程中，界面设计与交互设计是非常重要的一环。
一个好的界面设计可以提升用户的体验，而合理的交互设计可以让用户更加方便地操作软件。
本文将从界面设计和交互设计两个方面进行探讨。
界面设计是指通过图形、文本等元素，将软件功能展现给用户的过程。
一个好的界面设计应该符合用户的习惯和心理预期，使用户可以轻松地完成任务。
首先，界面设计需要注重整体布局。
合理的布局可以提高页面的可读性和美观性，同时也能更好地引导用户的注意力。
为了达到这一目的，可以通过分块、分组的方式将页面元素进行分类，使得用户能够快速找到所需的功能。
其次，界面设计也需要考虑色彩和图像的运用。
色彩可以传达信息和情感，因此在界面设计中选择适合的色彩是非常重要的。
一般来说，浅色背景可以提升页面的清晰度和简洁感，而深色背景则可以营造出一种高级、专业的氛围。
图像的运用可以丰富界面的表现形式，使页面更加生动有趣。
然而，在使用图像时需要注意不要过度使用，以免影响页面的加载速度。
此外，界面设计还需要关注字体和排版。
字体的选择应该符合软件的定位和用户的需求，同时要保证字体的清晰度和可读性。
在排版方面，要注意文字的间距和行距，以及段落的分布和对齐方式。
通过合理的排版可以使页面更加整洁美观，提高用户的阅读体验。
在界面设计的基础上，交互设计是使用户能够更加顺畅地与软件进行交互的过程。
一个好的交互设计能够提高软件的易用性和用户满意度。
首先，交互设计需要关注用户的心理行为。
通过研究用户的需求和使用习惯，可以设计出更加符合用户期望的交互方式。
比如，在用户习惯上，将常用的功能放在易于访问的位置，可以使用户更加方便地进行操作。
其次，交互设计还需要考虑用户反馈。
即时的反馈可以让用户感知到自己的操作是否成功，以及当前的状态。
比如，在用户点击按钮后，通过改变按钮的状态或者弹出提示框等方式，可以让用户明确知道自己的操作已经得到响应。
同时，及时的反馈还可以减少用户的焦虑感和迷失感，提高用户的满意度。
软件开发中的用户界面设计与交互设计
软件开发中的用户界面设计与交互设计随着信息技术的不断发展和普及，软件在我们的生活中扮演着越来越重要的角色。
而作为软件的外在表现形式，用户界面设计和交互设计在软件开发中起着至关重要的作用。
本文将探讨软件开发中的用户界面设计与交互设计，并详细介绍其在软件开发过程中的重要性和应用。
一、用户界面设计的重要性用户界面是软件与用户之间的桥梁，良好的用户界面设计能够提高用户的使用体验，增强用户的满意度。
一个好的用户界面应具备以下几个方面的特点：1. 直观易懂：用户界面应尽可能简洁明了，用户能够快速上手并理解软件的操作流程。
2. 高效便捷：用户界面应设计得简洁、高效，减少用户的操作步骤，提高工作效率。
3. 良好的反馈机制：用户界面应能够及时给出反馈信息，告知用户当前的操作状态，帮助用户掌握软件的进展情况。
4. 一致性：用户界面应保持一致，不同功能模块之间的交互方式和界面风格应当统一，以减少用户的学习成本。
二、交互设计的重要性交互设计是用户界面设计的一个重要组成部分，它关注的是软件与用户之间的交互过程。
一个好的交互设计应具备以下几个方面的特点：1. 用户友好性：交互设计应充分考虑用户的需求和习惯，使用户在使用软件时感到舒适和自然。
2. 清晰简明：交互设计应设计得简洁明了，避免复杂的操作和混乱的导航结构，使用户能够快速找到所需功能。
3. 易于导航：交互设计应考虑用户在软件中的导航路径，合理的导航结构能够帮助用户快速准确地找到所需功能。
4. 可访问性：交互设计应考虑到不同用户的特殊需求，如视力、听力等障碍，设计出符合无障碍要求的界面。
三、用户界面设计与交互设计在软件开发中的应用1. 需求分析阶段：用户界面设计和交互设计在需求分析阶段起到了至关重要的作用。
通过与用户的沟通交流，设计师能够了解用户的需求，为后续的设计过程提供有力的支持。
2. 概念设计阶段：在概念设计阶段，设计师需要根据需求分析的结果进行用户界面设计和交互设计的初步规划。
什么是ui设计
什么是ui设计UI设计，全称为用户界面设计(User Interface Design)，是指对于软件、网站、APP等产品进行界面设计的过程和方法。
UI 设计的目的是为了提供更好的用户体验，使用户在使用产品时能够更快速、更便捷地完成所需操作。
UI设计涵盖了许多方面，包括布局设计、图标设计、色彩选择、字体排版、交互设计等。
下面将分别介绍这些方面。
首先是布局设计，即设计产品界面的整体结构和组织方式。
布局设计要考虑到用户需求和使用习惯，合理安排各个模块的位置和大小，使界面清晰、易于导航，提高用户的使用效率。
其次是图标设计，图标是界面中的重要元素之一，能够传达信息、引导用户操作。
好的图标设计需要简洁明了，符合产品的风格，能够快速识别并与用户进行沟通。
色彩选择也是UI设计中的重要环节。
色彩选择可以根据产品的定位和目标用户进行，不同颜色具有不同的情感和暗示。
合理运用色彩可以增加产品的吸引力、使用户感到舒适和愉悦。
字体排版是指在设计界面中选择合适的字体并进行排版。
字体的选择要与产品的定位相协调，能传递出产品的特点和风格。
同时，合理的字号、行距、间距等排版元素也能提高用户的阅读体验和操作效率。
最后是交互设计，即设计用户与产品进行交互的方式和过程。
合理的交互设计可以减少用户的操作步骤，提高用户的满意度。
交互设计要从用户的角度出发，考虑用户的使用习惯和心理，设计出简单、直观、易懂的操作方式。
总之，UI设计是为了提供更好的用户体验而进行的界面设计过程和方法。
通过合理的布局设计、图标设计、色彩选择、字体排版和交互设计等，可以让用户更轻松、高效地使用产品，提高产品的竞争力和用户满意度。
软件设计师的用户界面设计和交互设计
软件设计师的用户界面设计和交互设计在当今数字化的时代，软件设计师的工作变得越来越重要。
他们承担着为用户提供良好用户体验的责任，其中用户界面设计和交互设计是至关重要的。
本文将探讨软件设计师在用户界面设计和交互设计方面的角色和技巧。
一、理解用户需求和行为软件设计师在进行用户界面设计和交互设计前，首先需要深入了解目标用户的需求和行为。
这可以通过用户研究、用户调研和数据分析等方法来获取。
只有真正了解用户的期望和使用习惯，软件设计师才能设计出符合用户期待的界面和交互方式。
二、简洁清晰的界面设计好的界面设计应该是简洁清晰的。
软件设计师需要通过合理的版面布局、明确的图标和标签等手段来实现这一目标。
过于复杂和混乱的界面会让用户感到困惑，降低用户的使用体验。
因此，软件设计师需要遵循简洁直观的设计原则，将复杂的功能以简洁的方式呈现给用户。
三、易用的交互设计交互设计是用户界面设计的关键组成部分。
软件设计师需要考虑用户与软件的互动方式，并通过合适的交互设计来提高用户的操作效率和体验感。
例如，在设计按钮或菜单时，要保持一致的样式和布局，以避免用户的困惑；在设计表单时，要合理利用预填信息和自动完成等功能，减少用户的输入操作。
软件设计师需要站在用户的角度思考，设计出简单易用的交互方式。
四、反馈和引导用户用户界面设计应该能够给用户明确的反馈和引导。
当用户进行某个操作时，软件应该及时给出反馈，告诉用户操作是否成功或失败，并提供相关信息或解决方案。
此外，软件设计师还可以通过引导用户的方式来提高用户的使用体验。
例如，在引导用户使用新功能时，可以通过弹窗或向导等方式提示用户如何操作。
五、注重可访问性和适应性好的用户界面设计应该注重可访问性和适应性。
软件设计师需要考虑不同用户的需求和设备的限制，设计出可以适应不同屏幕尺寸和操作系统的界面。
同时，还要关注用户的可访问性需求，例如为视觉障碍用户提供辅助功能，为身体障碍用户提供键盘操作方式等。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2006‐9‐28
●此阶段关键是勾勒出系统的框架
⊙ 主体界面的风格样式 ⊙ 各个业务逻辑界面 ⊙ 业务逻辑界面的导航
●基于纸介原型同用户确认
⊙ 主界面风格是否满意 ⊙ 业务逻辑是否齐全 ⊙ 业务逻辑界面的业务元素是否齐全 ⊙ 业务逻辑界面的导航方式是否满意
●注意：
⊙ 此时关键确定的框架样式和业务逻辑组成 ⊙ 界面元素的细节表现和交互细节将在后续过程中完成
● 其他：
⊙ 信息主要集中在广告及活动宣传 ⊙ 使用大图片，浏览速度一般 ⊙ 蓝色基调下红色的运用使网站生动有活力 ⊙ 各个页面采用统一框架，易于学习和使用
● 结构
⊙ 版式：单页无框架 ⊙ 区域：广告、导航菜单、栏目，导航在中部，不符合习惯 ⊙ 栏目：凌乱，不清晰
● 视觉
⊙ 色彩：沉静的黑蓝，古朴而不是身份，体现了SUN给自己的定位 ⊙ 文字：导航菜单使用的相对高亮的白，祢补了一些中间导航的缺
⊙ 显示器和控制器是人机之间的两个界面 ⊙ 机器通过显示器将信息传送给人，人通过控制器将决策和指令信
息输送给机器 ⊙ 人机信息交换的效率，很大程度上取决于显示器和控制器分别与
人的感知器官、与运动反应器官特性的匹配程度 ⊙ 为使两方面匹配得好，就要研究显示器和控制器的物理特性与人
的感知、记忆、思维、运动反应等身心特点的关系
● 成功的产品设计应力求达到人在操作产品过程中：
⊙ 不能对用户有害 ⊙ 不能使用户产生混乱 ⊙ 不能让用户调整自己
‹#›
2006‐9‐28
●DON’T MAKE ME THINK !!!
● 以用户为中心
⊙ 设计由用户控制的界面，而不是界面控制用户
● 清楚一致的设计
⊙ 所有界面的风格保持一致，所有具有相同含义的术语保持一致， 且易于理解
●关注用户的目标和动机，而不是技术和任务
●了解产品的定义
⊙ 产品的市场定位 ⊙ 产品的核心功能
●了解公司的定位
⊙ 公司的愿景 ⊙ 公司的战略
●确定产品设计的基调
⊙ 是简约时尚，现代深邃，还是古朴稳重 ⊙ 是奔放热烈的红，宁静致远的蓝，还是生机盎然的绿
●关键：要在感性认识上达成一致
●Structure Design，也称概念设计－Conceptual Design
⊙ 软件要为用户使用，用户必须可以理解软件各元素所对应的 功能
●可达到
⊙ 用户是交互的中心，交互元素对应用户需要的功能，因此交 互元素必须可以被用户控制，以实现目标的达成
⊙ 可达到的效果也通交互次数有关 ⊙ 可达到的效果也同界面设计有关
●可控制
⊙ 软件的交互流程，用户可以控制 ⊙ 功能的执行流程，用户可以控制 ⊙ 如果确实无法提供控制，则应使用可理解的方式提示用户
项广告（非常好）、图书导卖（好）
●视觉
⊙ 色彩：淡蓝色，比较清新 ⊙ 文字：标题设计一般，专项广告不错 ⊙ 图片：文字占主要位置，符合定位
●交互 ●定位 ●其他
⊙ 更多的考虑了易用性，比如下面也有搜索栏 ⊙ 栏目设计的一般，尤其使栏目标题
‹#›
2006‐9‐28
●我们知道，人们视为“可见”的光可以分解为从蓝 色到红色的一个渐进的彩虹光谱带
●Interactive Design
⊙ 从用户角度来说，交互设计是一种如何让产品易用， 有效而让人愉悦的技术。通过对产品的界面和行为进 行交互设计，让产品和它的使用者之间建立一种有机 关系，从而可以有效达到使用者的目标，这就是交互 设计的目的
●什么是交互
⊙ 指的是作为服务使用者的用户和作为服务提供者的应 用系统之间的互动通信并交换信息的过程
●破坏或减慢“后退”按钮 ●打开新的浏览窗口 ●使用不规范的GUI（图形用户界面）部件 ●缺少自我介绍 ●缺少存档 ●移动页面至新的URL地址 ●标题和内容不匹配 ●对最新的网络热门紧追不舍 ●服务器访问速度过慢 ●所有的东西看起来都像广告
●通过静态的平面图形来展示最终的系统
‹#›
●编码实现真实系统界面（不实现业务功能）
●视觉
⊙ 色彩：标志色彩红色运用较少，视觉冲击力一般 ⊙ 文字：用标志性红色粗体做标题，还算可以 ⊙ 图片：使用大幅动画广告，速度一般，但商家的意图表现很
完整，有吸引力
●交互 ●定位
⊙ 大幅广告表明了华为的意图在宣传，广告内容又不具体，表 明华为的意图在造势，在形象定位
●其他
⊙ 语言设置和搜索的摆放太过随意 ⊙ 导航菜单融入北京，不清晰
因为满意 所以忠诚K
软件产品界面设计老K-王传刚
●背景 ●人机心理学 ●用户界面分析 ●界面结构设计 ●界面交互设计 ●界面视觉设计 ●界面原型开发 ●界面开发实现 ●用户界面规范 ●实际案例剖析 ●基础知识
2006‐9‐28
●只有在没有选择的条件下，我们才忽略外在表现 ●在功用相似的条件下，我们会重点关注外在表现
● 文字未排版（违反VD.1） ⊙ 将所有文字堆积在一起是一种可怕的体验，浏览这样的文字将是痛苦的 经历
● 固定字体大小（违反ID.4） ⊙ CSS样式不幸让网站有权禁止浏览器的“改变字体大小”的功能，对于部分 人群来说，这个固定的文字大小有时候会影响阅读
● 违反设计惯例（违反VD.1） ⊙ 当事物遵循相同的原则运作时，用户不用担心发生意外，因为他们根据 先前的经验已经很清楚将会发生什么事情
●造成问题的原因
⊙ 对系统能力的渴望遮蔽了对交互的要求
• 跳舞的熊：惊叹的不是熊跳的好不好，而是它竟然在跳
⊙ 程序员和用户的目标差异
• 程序员想让软件的创建过程简单易行 • 用户想让与程序的交互简单易行
⊙ 其他：时间资金成本；不了解不擅长
解决问题的关键：
再编程之前进行交互设计
在交互设计之前：
学习再学习、实践再实践、总结再总结！！！
●易读性的问题 ●没有标准的超连结表示 ●Flash的使用 ●网页无法呈现网站内容 ●搜寻的重要 ●浏览器的差异 ●讨厌的框架 ●没有链接相关资讯或是公司资讯 ●固定的页面宽度 ●不适当的图片放大连结
2VD.3） ⊙ 链接是浏览过程中的一个关键因素，让用户知道哪些网页已经访问过了， 这样就不必一次又一次访问同一个历史页面
● 结构 ⊙ 版式：采用单页面分区域方式展现，1024*768分辨率下需两屏 ⊙ 区域：上部导航菜单、中上部直观广告、中下部主体内容、底部宣传附加 ⊙ 栏目：主题内容分四个栏目，设计有些简单，不甚清晰
● 视觉 ⊙ 色彩：使用标志的标准色为主调，协调统一了整个网站的视觉。配图是使用对比 色，成稳中又能体现其明快风格，使得整个网站的色调生动起来，全屏模式下上 下呼应，和谐稳重 ⊙ 文字：运用粗体分别在导航条、主要菜单标题来与其他文字做主次内容上的区别。 易于识别 ⊙ 图片：主图在点睛生动了该网站的同时、有效的减少了客户视觉浏览方向点，直 接引导到该网站的中心意图点；技术支持页面采用男、女促销员颇赋亲和力热情 微笑的图片，体现、暗喻IBM公司内部团体服务周到、热情友好健康的企业文化 精神风貌
●专业厂商网站
⊙ 华为网站 ⊙ IBM中国网站 ⊙ 微软中国网站 ⊙ SUN中国网站
●国内购书网站
⊙ China－Pub ⊙ 当当 ⊙ 卓越
2006‐9‐28
●结构
⊙ 版式：在1024×768分辨率下刚好一屏，很简洁 ⊙ 区域：导航菜单、广告占据1/3强，内容占1/3，广告等 ⊙ 栏目：信息分类为5个栏目，还算清楚
● 感觉和知觉
⊙ 人们通过感觉器官和感觉神经把外界的声、光、味、冷、热等传 到大脑，这就叫感觉，感觉是外界事物的个别属性在大脑中的反 映
⊙ 人的大脑在反映外界事物个别属性的基础上，通过感官和经验的 作用，把事物的多种属性联合起来，形成对某一事物的整体认识， 这就叫知觉
● 产品设计必须考虑产品在感觉和知觉方面的要求
⊙ 包括色彩、文字、构图、标识等
⊙ 视觉设计的目标是将理念以感官刺激的方式表达出来
⊙ 视觉设计的目标是在不歪曲本意的前提下使产品更具 有人性：令产品更容易理解和使用，令用户在使用产 品的过程中轻松而愉悦
‹#›
●VD1.界面清晰有效一致 ●VD2.依赖认知而非记忆 ●VD3.提供视觉线索刺激 ●VD4.尊重用户经验感受
● 不回答用户的提问（违反ID.2） ⊙ 用户是因为某个目的才访问你的网站。他们方式可能是想购买你的产品 或者其他，但最终却失败了，因为网站没有提供用户寻找的资料信息
●主题不明确 ●更改以存档的链接地址 ●内容没有注明日期 ●缩略图看不清细节 ●图片的ALT文字过于冗长 ●不给用户自定义选择 ●过长的商品列表选择 ●商品仅按照商标排序 ●过于限制用户录入的信息 ●页面包含指向自身页面的链接
⊙ 有请求，有应答，需要双方参与
●任何产品功能的实现都是通过人和机器的交互来 完成的。因此，人的因素应作为设计的核心
●1.有清楚的提示，并提供快速反馈 ●2.使用用户语言，并让用户来控制 ●3.允许工作中断，可随时安全退出 ●4.知道当前位置，并提供全程导航
●Visual Design
⊙ 在结构设计和交互设计的基础上，参照目标群体的心 理模型和任务达成进行的视觉上的直觉设计
⊙ 是界面设计的骨架，是通过分析制定出的产品的整体 架构
●形式上可以基于纸质来完成原型－Paper Prototype，
⊙ 方便与用户之间的交流和体验，从而完善设计
●关键：逻辑分类和语词定义
⊙ 这是易于理解和操作的重要前提
‹#›
●业务逻辑分类设计 ●导航菜单设计 ●页面框架设计 ●统一关键词语及其定义
陷，当仍不够醒目 ⊙ 图片：崇尚自由、团结的图片，昭显了SUN的内心独白
● 交互 ● 定位
⊙ SUN在通过网站告诉大家，其实我才是老大，我才是根本
● 其他：
⊙ 除图片所宣扬的信息外，并没有认真的设计 ⊙ 内容区域文字排列凌乱 ⊙ SUN并不打算遵从惯例，属于值得尊重的努力追赶潮流的老者