作为交互设计师,我觉得有几个发展阶段:
初入这个领域,大部份人可能更多精力放在如何使用工具、如何画线框图、如何将想法变为实际可见的Demo;
再往下一个阶段的设计师,可能会考虑线框图怎样做得更加合理、怎样可以有更棒的交互效果、关注任务流程和信息结构的设计以及可用性原则;
再到一个更高层次,我觉得需要设计师在前两个层次的基础上去前置产品,深刻理解产品需求,深入考虑用户是如何使用产品的。用户使用产品有哪些路径以及在这些路径上的实际使用场景是怎样的。哪些是强场景,哪些是弱场景,在各场景下用户目标是怎样的,他们有怎样的需求,哪些是强需求,哪些是弱需求……
这里主要跟大家分享第3个层次的设计方法,这些方法适合WebBase类产品的设计。
首先做产品的初期,从PM那里拿到需求时,一定不是立马开始画线框图。做一个产品,我们设计师的工作就是要确定两个核心的问题:1、需要哪些页面以及这些页面的关系;2、每个页面应该如何设计。
对于第1个问题我是这样考虑的。首先确定产品的用户群和使用场景,这里的用户群是产品中实际存在的、互斥的几个群体,分类方法很多,以产品自身特征来确定,也可以在前期用研的基础上来确定。基于此思路就产生下面的一个思维图:
当然,这里需要去判断哪些是强场景,哪些是弱场景,然后在做设计时,做些取舍。比如强场景下,可以考虑将较核心的路径入口添加到明显的位置(如导航)。
拿百度身边来举例,这里按这种模型大致罗列了页面路径:
(这边重点介绍设计模型,对于里面的分类方法是否有优化空间这里不做特别的探讨)
在设计时,我们综合考虑这两种用户,并从中选择几个最强的场景,如找美食、商家,这样就需要有清晰的商家聚合页及美食聚合页。
现在,“需要哪些页面以及这些页面之间的关系”已经非常清楚了,我们就可以产出如下产品架构图:
第1个问题解决了,下面看看单独一个页面应该如何去设计。
首先还是引用与第1个问题类似的设计模型:考虑此页面有几种互斥的用户,这些用户在这个页面有哪些使用场景,每一种使用场景下用户有哪些需求及对应的功能。针对每一个功能,从深度、广度、频度这3个维度来评价功能的强弱。功能越强,设计时需要优先考虑此功能,比如在最明显的位置给予最强的展现;功能越弱,则考虑将功能隐藏、合并或置于非核心视图区域。
以百度XX产品APP官网为例,引用此模型则可以导出以下思维图:
由此模型,我们发现平台入口、下载入口、产品功能等得分较高,因此这些是我们在设计时需要重点考虑和突出展示的信息。因此,我们做了以下的设计:
在设计一个产品过程中,引入以上设计模型,我们可以真正做到“以用户为中心“去设计,同时,可以非常清晰的解决以下问题:
· 模拟重现真实用户实际是如何使用我们的产品,避免盲目的主观臆断;
· 设计师与PM能用同样的思维模式考虑同一个问题,避免无休的争论;
· 真实考虑每一种用户的使用路径,为任务流程的优化以及页面路径的合理化提供依据;
· 重现每个页面的用户目标及需求,从而使页面布局和功能展现更加合理,符合用户预期;
通过前面的叙述,希望能给大家带来一些启示,此模型还可以有很多优化的空间,如果大家有什么好的想法,可以通过微博@wbuild探讨。
作者:AfuuLee
相关推荐
- **应用场景**:在设计过程中,可以通过创建不同的使用场景来测试产品的可用性和用户体验。这些场景可以涵盖各种典型的用户行为和需求,从而确保产品能够在多种情况下都能提供一致的高质量体验。 #### 四、案例...
5. 用户研究与分析:用户研究是交互设计的重要组成部分,课程会涵盖角色建模、场景分析、任务分析和原型设计等内容,帮助学生理解用户需求并创造出满足这些需求的设计解决方案。 6. 技术与人文并重:交互设计不仅...
随着职责的融合,产品经理掌握交互设计技能变得愈发重要,这将有助于他们在产品管理、项目管理和用户研究等多个领域展现专业素养。 总之,产品经理通过学习交互设计,能够更好地理解和满足用户需求,提升产品的市场...
4. **目标导向设计**:介绍如何通过深入了解用户、确定用户目标以及优化产品功能和用户交互来实现有效的设计。 5. **实现模型与心智模型**:解析技术实现与用户预期之间的关系,确保产品设计既满足技术要求也符合...
《产品思考:体系化设计流程与思路》这篇文章深入探讨了如何构建一个系统化的设计流程,以确保交互设计师能够创建出专业、全面且经得起检验的设计方案。以下是对文章内容的详细解析: 首先,拆解目标是设计流程的第...
它不仅决定了用户与软件的交互体验,还直接影响到软件的易用性和用户满意度。本章将深入探讨软件界面设计的关键概念、原则和最佳实践。 首先,我们要理解软件界面设计的目标是创建一个直观、高效且吸引用户的环境。...
- **用户体验**: 交互式设计能够显著提升用户的参与度和体验感。 - **深入分析**: 用户可以轻松探索数据的不同层面,进行深入的数据分析。 #### D3的核心概念和技术 - **数据绑定**: 将数据集中的元素与DOM节点绑定...
1.2 用户中心设计:强调以用户需求为导向,从用户角度出发进行界面设计,确保设计的易用性和用户满意度。 1.3 交互模型:介绍不同的交互模型,如命令行接口、图形用户界面(GUI)以及触控交互等,分析各自的优缺点...
5. 用户导向:始终以用户的角度来描述需求,突出用户体验。 四、案例分析:“需求分析报告” 需求分析报告是需求文档的一种形式,它详细描述了软件开发前的需求收集和分析过程。报告通常包含以下部分: 1. 项目...
1. **用户中心设计**:强调以用户需求为导向,关注用户行为、偏好和目标,确保设计符合用户的使用习惯和期望。 2. **可用性原则**:包括易用性、效率、可学习性、容错性和满意度等五个关键要素,它们是衡量UI设计...
这些文献探讨了如何在需求工程和体系结构设计中应用目标导向和场景导向的方法,以及如何处理在这些过程中遇到的障碍和挑战。 总结来说,从需求到体系结构的设计涉及将用户需求转化为软件体系结构的过程,它需要一种...
- 提议采用场景化、目的导向的方法来整理需求,以用户价值和技术实现为依据进行需求排序,这样可以降低沟通成本,避免无谓的争论。 2. **产品规划**: - 产品规划是制定产品战略的关键步骤,包括三个层次:基础...
1. 用户中心:人机交互设计始终以用户需求为导向,确保操作简单易懂,符合用户的使用习惯。 2. 可访问性:考虑到不同年龄、身体状况的用户,设计应具有广泛的可访问性,避免技术障碍。 3. 反馈及时:交互过程中的...
随着信息技术的快速发展和网络教育的普及,网络课件作为现代教育的重要组成部分,其设计质量和用户体验成为影响教学效果的关键因素。传统的网络课件往往以静态信息展示为主,缺乏交互性和个性化,难以满足学习者的...
首先,需求分析是项目启动阶段的核心任务,其目的是明确用户的需求,定义产品功能,以便后续的设计、开发和测试工作能够满足这些需求。在这个过程中,通常会生成一系列文档,如市场需求文档(MRD)、产品需求文档...
(1)课程体系优化:结合市场需求和数字媒体交互设计证书标准,课程内容与实际项目相结合,采用工作过程导向的教学模式,通过小组投标模拟实际工作场景。 (2)信息化教学活动设计:教师作为项目指导,利用云平台...
用户需求关注的是真实场景中的痛点,设计师需要深入理解和挖掘;公司需求通常源于特定目的,设计师需找出需求源头并进行分析;自发需求则源于设计师自身的观察和创新,需要清晰表达并论证其合理性。同时,摸清设计的...
本文将详细阐述这一过程,以Cooper项目为例,探讨如何从识别业务问题到定义软件系统,再到深入分析需求,最终设计出满足需求的架构。 一、说明业务 1.1、识别业务问题:首先,我们需要对业务场景进行深入理解,...
文章将意见领袖分为“观赏级”、“偶像级”和“现象级”三个层次,并结合交互设计的五要素理论——人、动作、工具或媒介、目的、场景,对不同层次的意见领袖进行了探讨。 首先,媒介生态学是研究人、媒介、社会和...
3. 用户界面与交互设计:描述用户与产品互动的方式,包括页面布局、按钮位置、操作流程等,确保用户体验流畅。 4. 数据需求:指出产品所需的数据类型、数据来源、存储方式及数据安全要求。例如,旅游平台可能需要...