`

[转]用户研究、交互设计、站点流程、网站测试、web信息架构

 
阅读更多

用户第一次来到网站主页常问的四个问题:
        a.这是什么网站?
        b.网站上有什么?
        c.我能在这里做什么?
        d.为什么我应该在这里,而不是在别的地方?

 

主页要完成的任务:
       a.站点的标识和使命
       b.站点层次
       c.搜索
       d.导读
       e.内容更新
       f.友情链接
       g.快捷方式
       h.注册
        i.让我看到自己正在寻找的东西
       j…….还有我没有寻找的
       k.告诉我从哪里开始
       l.建立可信度和责任感

 

一旦知道网站是做什么的,接下来主页还需要让用户知道:
      a.如果我想搜索,可以从这里开始。
      b.如果我想扫描,可以从这里开始。
      c.如果我想扫描该网站最精彩的内容,可以从这里开始。

 

导航系统的种类:
      全站导航系统
      区域导航系统
      情境嵌入式导航系统

 

标签(tab)的好处:
      a.它们不言而喻
      b.它们很难错过
      c.它们很灵活
      d.它们暗示了一个物理空间

 

使用标签(tab)的三个要点:
      a.正确绘制:标签必须看像标签
      b.颜色编码:amazon是一个成功的例子。即使色盲也能注意到标签之间的差异。
      c.当你进入网站,有一个标签已经选中

 

如何设计好的标签系统?
      保证标签系统的通用性:尽量窄化范围;

      开发一致的标签系统,而非标签。


      标签系统和组织系统、导航系统一样,是自称一体的系统。一致性很重要,因为一致性代表的是可预测性。

当系统可预测时,就容易学习。一致性会受到风格、版面形式、语法、粒度、理解性和用户的影响。


标签系统的来源:自己的网站、类似网站和竞争对手网站、受控词表和叙词表。


创建新的标签系统:内容分析、内容作者、用户代言人及主题专家、直接来自用户、间接来自用户。
调整和微调

 

下拉框的问题:
        a.好处:节省空间。
        b.存在的问题:
                           -你必须把它们找出来
                           -它们难以扫描
                           -它们不好控制

 

关于网站测试的几个事实:
       a. 如果想建立一个优秀的网站,一定要测试。
       b.测试一个用户比不做测试好一倍。
       c.在项目中,早点测试一位用户好过最后测试50位用户。
       d.人们对招募用户代表的重要性估计过高。如果进行测试的用户接近可能使用网站的用户,那么很好。

          但更重要的是尽早和经常进行测试。
       e.测试的关键不是要证明什么或者反驳什么,而是了解你的判断力。
       f.测试是一个迭代的过程。
      g.没有什么比现场用户的反应更重要。

 

在设计网站之前,如果有同类网站的话,应该先测试一下。通常有两种类型的测试:
      a.“理解”测试。让测试用户看到这个网站,然后看他们能否理解这个网站,理解网站的目标、价值主张、组织方法、运行方式。
      b.关键任务测试。让用户完成一些任务,然后观察他们是怎么做的?

 

四种常见的信息需求:
      已知条目搜索(正确的东西):用户明确知道自己要找的是什么;
      探索式搜索(一些好东西):用户并不确定想要着的是什么;这种搜索通常是无止境的,用户并没有期待会得到“正确”答案,也没有必要清楚表达他到底想要搜索 什么;用户很高兴能够得到一些结果,然后,会以这些结果作为跳板,再进行下一轮的搜索;至于搜索何时完成,并不见得每次都能够清楚界定出来;
      无遗漏式搜索(每样东西):用户每样东西都想要;用户打算搜索某一主题的任何信息,通常有好几种方式表达TA要搜索的东西;同样,没有必要必须有“正确答案”;用户必须有足够的耐心,需找更多结果;
      再次搜索(需要重新找到的东西):用户需要重新寻找以前碰到过的有用信息;tag这种信息组织方式很适合这类信息需求。

 

信息架构的组件(分类方法一):
      组织系统(如何组织信息):以各种方式为我们展示信息;
      导航系统(如何浏览信息):协助用户在内容上移动;
      搜索系统(如何搜索信息):可让用户搜索内容;
      标签系统(如何表示信息):使用对用户来说有意义的语言描述分类目录、选项及链接。

 

信息架构的组件(分类方法二):
      浏览帮手:这些组件展示预设的路径给用户看,协助用户浏览网站。浏览帮手的种类包括:
      组织系统:网站内容分类或者分组的主要方式(例如,按主题、按任务、按用户,或者按年代),也称分类法和等级体系。标签云图也是一种组织系统;
      全站导航系统:主要的导航系统,协助用户了解TA在网站的什么位置以及在网站中可以到哪里去;
      区域导航系统:主要的导航系统,协助用户了解TA在子网站的什么位置以及在子网站中可以到哪里去;
      网站地图/目录:支持主要导航系统的次要导航系统,提供浓缩过的总览以及连向主要内容和子网站的链接,通常是采用概要的形式;
      网站索引:辅助性的导航系统,提供排序后的链接列表,连向网站的内容;
      网站指南:辅助性的导航系统,针对特定主题提供的特定信息,以及连向网站中相关子主题的链接;
      网站向导:辅助性的导航系统,可以通过一系列的步骤来引导用户,也有连向网站中相关子主题的链接;   
      情境式导航系统:用链接统一连向相关内容。通常内嵌在文字内,一般是用来连结网站中高度专业化的内容。

 

 

 

 


from:http://www.baisohu.net/?p=106

分享到:
评论

相关推荐

    web技术深入交流:WEB站点的交互设计

    总结,Web站点的交互设计是一个涉及多方面知识的综合过程,涵盖用户研究、信息架构、界面设计、响应式布局、交互原型等多个环节。不断学习和实践这些知识点,将有助于你创建出更符合用户需求、更具吸引力的Web站点。

    信息架构:超越Web设计(第4版)(全彩).[美]Louis Rosenfeld(带详细书签) PDF 下载 高清 完整版

    让你从研究进入策略、设计和信息架构实现的流程和方法 内容简介 《信息架构:超越Web设计(第4版)(全彩)》 的前三个版本都是信息架构领域的开山著作。其中描述了信息组织的普遍和永恒原则,这一原则也适用于...

    WEB测试总结(架构、设计).pdf

    1. **Web架构测试** - **瘦客户端**:适用于新闻站点、门户网站等,业务逻辑主要在服务器端处理。 - **胖客户端**:用于安全性要求高、交互频繁和业务逻辑复杂的系统,如银行系统、网络游戏和网上办公系统。 2. *...

    Designing+Interface中文版.pdf+Web信息结构设计大型网站.pdf

    此外,它可能还强调了用户研究的重要性,包括用户测试、原型制作和迭代设计过程,以确保设计符合用户的实际需求和预期。 接着,我们来看《Web信息结构设计大型网站》。信息结构(IA)是网站设计的基础,它涉及到...

    web服务站点,web服务站点

    3. **交互性**:现代Web服务站点不仅仅局限于信息展示,更强调用户体验,支持实时通信、社交媒体集成等功能。 4. **安全性**:随着网络安全意识的提高,越来越多的Web服务站点采用HTTPS协议,确保数据传输的安全性。...

    Axure交互设计常用素材组件包(界面模型、流程图素材).zip

    当产品设计初期阶段,可以用界面模型来绘制页面之间的逻辑图或站点地图,帮助开发团队了解或讨论产品架构和业务流程。在设备模型中提供了iOS、Android等8种主流的设备线框模型,所有的模型元素都支持调整尺寸和颜色...

    网页设计(一)-Web-Design.ppt

    内容规划是网站设计的关键,包括确定提供何种类型的信息,如何表达和呈现,以及如何有效地组织这些内容,以提供用户友好的浏览体验。此外,还要考虑如何通过网站架构来引导用户,以及如何通过视觉设计来强化品牌形象...

    《Web站点设计与管理》练习题库参考答案.pdf

    在文档《Web站点设计与管理》练习题库参考答案中所提及的知识点非常广泛,涉及了网络技术、网页设计、数据库管理、服务器配置等多个领域。以下是对部分核心知识点的详细解读。 1. ASP与JSP: ASP(Active Server ...

    构建动态Web站点方法

    构建动态Web站点是现代互联网应用的核心技术之一,它涉及到服务器端编程、数据库管理、客户端交互等多个方面。动态Web站点能够根据用户输入或者特定条件实时生成页面内容,提供更丰富的用户体验和更高的互动性。以下...

    融媒体新闻APP系统架构设计与实现.pdf

    融媒体新闻APP系统架构设计与实现 融媒体新闻APP系统架构设计与实现是基于...融媒体新闻APP系统架构设计与实现是非常重要的,该系统架构设计能够满足不同用户的需求,提供高效、稳定、安全和易用的新闻客户端APP系统。

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

    可用性和易用性关注的是用户如何与网站互动,包括导航、交互、信息架构等方面。视觉设计则是用户接触网站的第一印象,它通过颜色、布局、字体等元素来展现网站的风格和品牌。 在“建设Web站点”的部分,作者带领...

    基于SSH架构的社区交流站点设计论文.doc

    在本文档中,我们探讨了基于SSH架构的社区交流站点的设计和实现,主要涉及软件工程、数据库管理和系统开发流程等多个IT领域的关键知识点。 1. **SSH架构**:SSH(Struts + Spring + Hibernate)是一种广泛使用的...

    ASP_NET Web站点高级编程

    在ASP.NET Web站点的高级编程中,我们探讨的是如何针对复杂的需求进行高效、稳定且具有扩展性的Web应用程序开发。这涉及到一系列技术、方法和最佳实践,涵盖了从问题识别到设计,再到实施的完整过程。 首先,"提出...

    基于Ajax的Web+Service架构

    Web Service正是为了解决原有各孤立站点间的信息无法有效通信、共享而提出的一种接口形式。Web Service使用的是Internet上统一、开放的标准(如HTTP、XML、SOAP、WSDL等),因此可以在任何支持这些标准的环境中使用...

    大型高度交互类web2.0站点基础平台文档(iwebSI)

    大型高度交互类Web2.0站点是指那些提供高度用户参与、实时互动和大量数据交换的互联网平台,例如社交媒体、在线协作工具和社区论坛。这些站点通常需要处理海量的数据和应对高并发访问,对技术平台的要求非常高。iweb...

    Web应用架构与安全漏洞基础教程

    使用场景及目标:帮助初学者快速建立起一套完整的 web 开发生态链路理解,包括前后端交互机制、架构设计方案的选择、系统稳定性与性能优化的方法论,以及如何保障网络安全避免被恶意侵袭。 阅读建议:为了更好地消化...

    产品经理深入浅出第14课-互联网产品的用户体验设计(UED)(上).pdf

    在这一过程中,产出物包括站点信息架构图、用户使用流程图、产品文案规范、原型设计、视觉设计、产品还原性评审、产品视觉架构图和视觉规范定制等,这些都是保证产品质量和用户体验的关键文档。 通过学习和理解这些...

Global site tag (gtag.js) - Google Analytics