第六章、用户体验五要素之框架层解析(本文作用是通俗讲解,让你更容易理解)

这篇具有很好参考价值的文章主要介绍了第六章、用户体验五要素之框架层解析(本文作用是通俗讲解,让你更容易理解)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

        结构层定义产品运行形式,框架层则用于确定用什么样的功能或者形式来实现。在框架层,功能型和信息型产品都需要信息设计,不同的是功能型还需要界面设计,而信息型产品则是导航设计。
        1、界面设计:如果涉及提供给用户做某些事的能力,那就是界面设计。
        2、导航设计:如果提供给用户去某个地方的能力就是导航设计。
        3、信息设计:如果是传达想法给用户那就是信息设计。

一、比喻和习惯
        1、习惯
        人类对熟悉的事物存在习惯的条件反射。让你的界面和用户早已养成的习惯保持一致很重要,更重要的是界面要与它自身保持一致。但是这并不是说要你墨守成规,如果你有很充分的理由,也可以敬慎的违背一些习惯。
        2、比喻
我们应该抑制在产品中到处建立比喻的冲动。将产品特性和现实世界的事物建立联想,听起来会方便用户理解,但是实际上不管什么比喻都没有办法揭示特性本来的本质,反而是让用户更容易混淆。因为每个人的文化背景不一样,你所认为恰当的比喻,可能在用户那边觉得莫名其妙。你和用户之间可能会存在巨大的认识偏差。
所以比喻要谨慎使用,并且通过提供一定程度的上下文承接,来缩小用户可猜想的范围。
 

二、界面设计
        程序员往往追求逻辑上的完美无死角,所以会去处理很多的意外情况,和各种逻辑分叉。但是对于界面设计来说,这是行不通的。
我们应该思考的是大多数用户的使用路径,至于少部分用户的错误操作,我们可以给予提示,但是不能增加大部分用户的操作步骤或者不能增加大部分用户需要浏览的信息量。如果因为少部分用户的操作路径差异,我们就在操作主路径上做很多容错提示信息或者做容错操作,那么就是捡了芝麻丢了西瓜。
        界面设计永远都是遵循二八法则,为了服务好80%的用户,让它们只需浏览尽量少的信息,做尽量少的步骤操作。只能牺牲那20%操作路径与众不同的用户了。

三、导航设计
        导航设计就是告诉用户我在哪,我可以去哪。
        1、导航设计要完成三个目标:
        (1)实现在网站间跳转。
        (2)告诉用户即将跳转过去的地方是什么内容。
        (3)告诉用户即将跳转过去的地方和当前内容是什么关系。
        2、导航类型

        (1)全局导航。不是到所有界面的导航,而是到用户可能访问的所有模块的导航。
        (2)局部导航。提供当前模块內的界面之间的导航。
        (3)辅助导航。提供模块间或者模块內快速导航,而不需要返回到当前模块根目录去重新选择。
        (4)上下文导航。也叫内联导航,就是嵌入到内容里面的超链接或者跳转。
        (5)友好导航。提供给用户平时不需要,但是需要时很重要的导航。
        (6)远程导航。当用户浏览路径比较深,对当前界面的导航晕头转向时,可以用远程导航,直接跳转到他需要去的地方。比如网站地图展示的网站整体结构信息、还有索引表所展示的按字母顺序展示各个模块的链接。

四、信息设计
        一个系统应该提供给用户正确使用它所需要的信息。信息设计决定信息该怎么呈现给用户,涉及分组和整理散乱的信息。最关键的是分类和排序必须能“反应用户的思路”、“支持他们的任务和目标”。
将信息设计和导航设计结合起来,可以形成指示标识。告诉用户他在哪,他可以去哪,走哪条路最近。


五、线框图
        线框图是一个界面中有哪些组成部分,以及它们如何结合到一起的直观描述。结构层有一个框架图,是各个概念以及它们之间的关系,而线框图是更详细的描述,已经几乎接近于最终界面。线框图是非常重要的,几乎每一个参与开发的人都需要用到。战略层、范围层、结构层的设计者可以根据线框图查看他们的产品期望是否得到满足。技术开发人员则可以根据线框图来设计网站的运作机制。
        最重要的是,通过安排和选择界面元素来整合界面设计,通过识别和定义核心导航系统来整合导航设计,通过放置和排列信息组成部分的优先级来整合信息设计。这样,线框图建立了最终产品的基本架构,同时又为表现层的设计指明方向。是前面所有工作的集大成,和后续工作的指明灯。文章来源地址https://www.toymoban.com/news/detail-493727.html

到了这里,关于第六章、用户体验五要素之框架层解析(本文作用是通俗讲解,让你更容易理解)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【HTML系列】第六章 · 框架标签、HTML实体、HTML全局属性和meta元信息

            Hello大家好, 我是【 麟-小白 】,一位 软件工程 专业的学生,喜好 计算机知识 。希望大家能够一起 学习进步 呀!本人是一名 在读大学生 ,专业水平有限,如发现 错误 或 不足之处 ,请多多指正!谢谢大家!!!         如果 小哥哥小姐姐们 对我的文章感兴趣

    2023年04月08日
    浏览(67)
  • 用户体验在APP开发中的关键性作用

    在 APP开发过程中,如何设计才能让用户感到满意,是非常重要的一点, APP开发公司需要不断地学习新的 APP设计知识,因为只有这样才能设计出令人印象深刻的 APP。对于用户来说,产品的用户体验在很大程度上决定了产品的竞争力。在 APP开发过程中,我们需要根据用户的需

    2024年02月16日
    浏览(35)
  • 【期末不挂科-单片机考前速过系列P6】(第六章:10题速过定时计数器的结构和工作方式例题)经典例题盘点(带图解析)

    前言 大家好吖,欢迎来到 YY 滴单片机系列 ,热烈欢迎! 本章主要内容面向接触过单片机的老铁 主要内容含: 欢迎订阅 YY 滴C++专栏!更多干货持续更新!以下是传送门! YY的《C++》专栏 YY的《C++11》专栏 YY的《Linux》专栏 YY的《数据结构》专栏 YY的《C语言基础》专栏 YY的《

    2024年02月02日
    浏览(54)
  • 【期末不挂科-考前速过系列P6】单片机[接口与总线]——经典例题盘点(带图解析)(第六章:10题速过定时计数器的结构和工作方式例题)

    前言 大家好吖,欢迎来到 YY 滴单片机系列 ,热烈欢迎! 本章主要内容面向接触过单片机的老铁 主要内容含: 欢迎订阅 YY 滴C++专栏!更多干货持续更新!以下是传送门! YY的《C++》专栏 YY的《C++11》专栏 YY的《Linux》专栏 YY的《数据结构》专栏 YY的《C语言基础》专栏 YY的《

    2024年02月03日
    浏览(52)
  • 前端UI组件库深度解析:构建现代化的用户体验

    在当今的前端开发中,UI组件库已经成为了我们工具箱中不可或缺的一部分。这些库可以极大地提高我们的工作效率,同时也使我们能够专注于实现真正的业务逻辑,而不是重复地编写UI代码。本篇博客将详细地探讨UI组件库的核心概念,特性以及如何有效地使用它们。 UI组件

    2024年02月10日
    浏览(75)
  • 第六章:string类

    string是字符序列的类 C++文档 C语言中,字符串是以’\\0’结尾的一些字符的集合,为了操作方便,C标准库中提供了一些str系列的库函数,但是这些库函数与字符串是分离开的,不太符合OOP的思想,而且底层空间需要用户自己管理,稍不留神可能还会越界访问。 ASCII (American S

    2024年02月17日
    浏览(51)
  • Scala(第六章 面向对象)

    1、 Scala的面向对象思想和Java的面向对象思想和概念是一致的。 2、Scala中语法和Java不同,补充了更多的功能。 1)基本语法 1 2)Scala包的三大作用(和Java一样) 1、区分相同名字的类 2、当类很多时,可以很好的管理类 3、控制访问范围 6.1.1 包的命名 1)命名规则 只能包含数

    2024年02月13日
    浏览(49)
  • 第六章 信息系统的测试

    1,测试时为了发现程序中的错误而执行的过程; 2,好的测试方案是可能发现迄今为止尚未发现错误的测试方案; 3,成功的测试是发现了至今为止尚未发现错误的测试。 1,所有的测试都应追溯到用户需求。 2,应该在测试工作真正开始的较长时间之前就进行测试计划。 3,

    2024年04月23日
    浏览(54)
  • 第六章 系统测试与维护

    (1)概念:为了发现错误而执行程序的过程 (2)目标(《软件测试的艺术》) 是为了发现错误而执行程序的过程 好的测试方案能够发现迄今为止尚未发现的错误 成功的测试将发现至今尚未发现的错误 (1)应尽早并不断地进行测试 (2)程序员避免测试自己设计的程序:测

    2024年02月11日
    浏览(86)
  • 第六章 Element UI

    内容来源于蓝桥杯竞赛,自己根据这个题纲重新巩固下前端的知识 Container布局 布局实现方式,首先删除App.vue冗余代码,创建container文件定义布局模式,App.vue种引入布局模式。 1. 上下布局 2.上中下布局 3. 左右布局 4.上-下(左右)布局 5.上-下(左右(上下))布局 6.左右(

    2024年02月06日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包