`
k1121
  • 浏览: 179158 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

以用户为中心的WEB设计

 
阅读更多

         毫不惭愧的说,对 WEB 设计我是一个十足的门外汉。《用户体验的要素》这本书也是我看的第一本关于 WEB 设计的书。以这样的背景来写读后感肯定有贻笑大方之嫌,幸好互联网是一个开放的和鼓励表达的平台。以此阿 Q 精神来记录自己的学习过程,也聊以自慰。

         《用户体验的要素》这本书给我的一定反射和共鸣的是它为 WEB 设计定义了一条清晰的流程。战略 -> 范围 -> 结构 -> 框架 -> 表现,清晰而准确的描述了 WEB 设计的工作过程和重点。

从管理的意义上来看,为任何一项工作定义一套工作流程。

第一:找准客户。

第二:提炼客户需求。

第三:总结核心职能。

第四 : 确定工作岗位。

第五:定义工作流程。

这本书显然不是讲如何定义 WEB 设计的管理架构。但是从这本数里面却能够找到制定一个 WEB 设计部门的管理架构和工作流程的全部要素。

         文章首先给出了以用户为中心的 WEB 设计的五个层面战略层,范围层,结构层,框架层,表现层。

    我个人理解,这五个层面适合大部分的软件开发项目。做任何一个产品,产品的战略,产品规格,范围,优先级,需求分析也就是交互设计缺一不可。对没有界面的产品来说,把这么多工作认真的做完,产品的设计工作也就基本完工了。如果是有界面的产品,再需要做的工作就是界面设计和视觉设计了。这五个层间也恰恰就是管理中的对核心职能的定义。在这里作者也强调了各个层级的先后顺序以及层级之间的重叠性。很难找到一个完全不重叠的流程,如果有这样的流程可能也不是最高效的流程。

         作者把战略层分解为两个更具体的要素,网站目标和用户需求。在这一过程中,定义网站的目标和挖掘用户的需求是核心工作。网站的目标有可能是老板拍脑袋的产物也可能是经过详细的市场分析之后的结果。但先不管这个结果怎么产生,产品的战略必然是产品设计的必须的起点。接下来需要做用户细分和市场细分。文中没有提到市场细分,是因为关注点的不同,但是对产品设计来说,市场细分是一必然的工作环节。文中用户的设计是一个有效并有趣的工作。一个既定义的用户是一面镜子,可以用来检查我们定义的用户需求是不是 ta 的需求。

         范围层面的要素由于更加具体所以大家也更容易理解和接受。如何确定范围和优先级这部分工作恰恰非常简单,复杂的是如果抽取用户的需求,也就是文中的收集需求。文中提到了场景的方法,对传统的系统分析人员来说也就是常说的 CASE 。在这里用户研究工程师要做的就是要提炼出我们设计的用户需要什么样的功能而不是我们自己需要什么样的功能。(说起来简单,做起来还是比较难呀,个人认为整个设计工作中,这是一个难点工作。)

         确定了产品特性之后,就轮到交互设计和信息架构了,这就是结构层的两个主要要素。即使对于非 WEB 设计人员来说,交互设计也不陌生。其实需求分析过程也是交互设计的过程。但交互设计更加能体现以用户为中心的设计。个人认为交互设计很大程度上决定了用户体验。但书中对交互设计的方法并没有太多的描述。是唯一比较遗憾的,可能这跟这本书要阐述的重点有关,这本书要讲解的是要素而不是细节。

         再后来就轮到框架设计了,框架设计要解决的是界面,布局和导航的问题。在传统的设计看来,这基本上是 UI 设计的全部工作了,一些管理人员固执的以为设计的主要工作就是设计界面,布局,导航。现在看来,这只是其中的一部分,并且可能是一小部分。界面是用户了解产品和获取信息的 FACE 。一个好的界面第一要让用户很轻易的找到自己需要的信息,第一眼就能看明白这个产品的部分诉求。同时还有一个难点就是抛弃那些用户不需求而我们认为用户需要的表达。

         至于视觉设计,完全是一窍不通,不做赘述。

    我不是一个专业的设计人员,甚至说很少接触这方面的工作,所以读后感也完全不在道上,所以对我来说最大的收获是管理上的。希望读后感二能够以自己的理解为设计部门建立一套有效的管理流程确定岗位以及关键职能。
分享到:
评论

相关推荐

    用户体验的要素:以用户为中心的WEB设计

    用户体验的要素:以用户为中心的WEB设计

    用户体验的要素以用户为中心的Web设计

    以用户为中心的设计方法(UCD)来进行网站设计的复杂内涵,并关注于思路而不是工具或技术,从而使你的网站具备高质量体验的流程。 聪明的企业意识到网页设计远远比创建条理清晰的代码和鲜明的图形重要多得多。一个...

    用户体验的要素-以用户为中心的Web设计

    《用户体验的要素——以用户为中心的Web设计》是由Jesse James Garrett所著,范晓燕翻译的一本经典著作,深入探讨了如何构建优秀的Web产品,尤其是强调以用户为中心的设计理念。这本书是理解用户体验(UX)设计的...

    Web软件用户界面设计指南

    2. 人物画像:创建代表典型用户的角色模型,以便更好地为特定用户群体设计界面。 二、设计原则 1. 清晰性:确保信息传达明确,避免使用含糊不清或误导性的语言和图标。 2. 一致性:保持设计风格、布局和操作的一致...

    web技术深入交流:以用户为中心的视觉设计

    在深入探讨“Web技术深入交流:以用户为中心的视觉设计”这一主题时,我们需要理解,一个成功的Web设计不仅仅是关于美观的界面,更重要的是如何通过视觉元素有效地与用户沟通,提供直观且愉悦的用户体验。...

    Web软件用户界面设计 界面设计

    【Web软件用户界面设计】是关乎用户体验和软件成功的关键领域。设计良好的用户界面可以使软件变得更加易用、高效,从而提高用户满意度和产品的市场竞争力。林锐博士在其著作《Web软件用户界面设计指南》中深入探讨了...

    商业Web应用的用户体验设计

    这一环节至关重要,因为成功的用户界面必须以用户为中心,聚焦于解决用户的实际问题。 - **用户访谈**:通过与用户的直接交流,了解他们对于现有系统的看法以及他们在使用过程中的痛点。 - **影子观察法**:这是...

    无懈可击的web设计

    《无懈可击的Web设计》是一本深入探讨如何创建高效、美观且用户友好的Web设计的专业书籍。在Web开发领域,设计不仅是视觉表现,更是用户体验的核心。它涉及到多个技术层面,包括HTML、CSS以及交互设计原则。在这个...

    WEB设计大全(绝对的好资料)

    1.3小节“为用户建设”则强调了以用户为中心的设计原则,这是Web设计的基石,要求设计师始终关注用户需求,提供直观且易于使用的界面。 标签“web设计”、“框架”和“概览”提示我们,本书不仅探讨了Web设计的基本...

    无懈可击的WEB设计第二版.pdf

    本书的编辑推荐此书为CSS图书的经典之作,适合中级到高级水平的读者学习Web设计和Web开发。书中内容不仅涵盖CSS与XHTML的脚本编写,还涉及了在Windows、Mac OS、UNIX等操作系统下的应用。同时,书中还提供了一些实用...

    WEB课程设计报告.doc

    Web课程设计报告主要探讨了基于JSP的新闻发布系统,这是一个常见的Web应用...通过这个课程设计,学生不仅可以深入理解JSP和Web开发,还能实践项目管理、需求分析和软件设计原则,为今后的软件开发生涯打下坚实基础。

    武汉理工大学计算机学院 Web 技术课程设计大作业之用户信息管理系统

    基于 Spring、Spring MVC 和 MyBatis 框架实现一个基于 Web 的用户信息管理系统,需要包含以下两个模块功能。 1. 提供用户注册、修改个人资料、修改密码、以及登陆和注销等功能,具体的界面设计可参考下图。页面...

    webUI设计作业4

    在“WebUI设计作业4”这个主题中,我们聚焦于网页用户界面的设计,这是一个至关重要的领域,直接影响到网站的用户体验和交互效率。WebUI设计涵盖了多个方面,包括色彩搭配、布局设计、字体选择、图标应用、导航结构...

    web项目详细设计文档

    本文档旨在为Web项目的开发提供详细的指导方案,帮助初学者和开发团队明确项目的设计思路和技术细节,确保项目的顺利实施。通过详细的文档编写,可以有效避免后期开发中的混乱,提高开发效率。 **1.2 背景** - **...

    web课程设计网页设计源代码

    在本资源中,"web课程设计网页设计源代码"是一个包含网页设计技术的项目,适合用于教学或自我学习,特别是对于课程设计来说非常有价值。这个压缩包提供的内容主要是基于HTML、CSS和JavaScript的网站开发源代码,同时...

    互联网商务ppt模板之web设计中心用户UserCente.pptx

    用户中心设计(User Centered Design, 简称UCD)是一种以用户需求为导向的设计方法论,广泛应用于互联网商务和Web应用开发中。本PPT模板是Experience Dynamics公司提供的关于UCD的基础培训,由Frank Spillers,一位...

    移动Web设计的要点

    5. **内容优先**:在设计时,应以内容为中心,确保关键信息在小屏幕上也能清晰展现。避免复杂的背景和过多的装饰元素,让用户的注意力集中在主要内容上。 6. **表单输入优化**:移动设备输入相对较慢,优化表单设计...

Global site tag (gtag.js) - Google Analytics