gui界面怎么分页_什么是用户界面和体验设计

4d1a25ed2a032ede48a81fedf758277d.png

本文译自 Mikos Philips 的 UI vs UX  —  A Guide to UI Design

因为发现仍然有小伙伴跑来问我比较基础的专业划分问题,所以翻译了这篇科普文。

——

用户界面(UI, User Interface)设计是设计软件产品所涉及到的几个交叉学科之一。不论是用户体验(UX, User Experience)、交互设计(ID, Interaction Design)还是视觉/图形设计(Visual / Graphic Design),都能牵扯到用户界面设计。

什么是用户界面设计?

广泛来讲,用户界面是人与机器交流的媒介。用户向机器发出指令,机器随即开始一段进程,回复信息,并给出反馈。用户可以根据用户反馈进行下一步操作的决策。

人机交互(HCI, Human Computer Interaciton)所关注的主要是数字界面,即过去的打孔机、命令行,直至今天的图形界面(GUI, Graphic Design)。

用户界面设计对于数码产品来说主要关注的是布局、信息结构,以及界面元素在显示屏和各种终端平台上的展示。电子游戏和电视界面也包括其中。

190378b0bd3e2f5d39a23566cb10d4f1.png

1981 年的 Xerox 8010 信息系统(图片来源:DigiBarn ,图片有裁剪

用户界面设计师根据设计原则来创作符合用户需求的设计,而不是单纯地提供技术解决方案。在这过程中往往需要在平衡取舍用户功能需求和展示效果(由品牌定位和视觉设计决定)。

2695776bae534da513382d78907635ba.png

B2B 仪表板用户界面设计

优秀的用户界面设计利用清晰、统一的视觉层次和内容结构来引导用户完成任务,并减少非必要的内容和元素。

出色的用户界面通过真实世界的符号隐喻传达信息——例如按钮、声量滑块、日历、软盘样式的保存图标等。

用户界面的组成元素主要包括:

  • 输入:让用户可以进行选择或输入信息,包括复选框、单选框、下拉框和文本域等交互组件等。
  • 导航:用于选择目的地和筛选信息的组件,包括下拉菜单、滚动条、面包屑、页签和分页等。
  • 信息:向用户提供反馈的交互元素,包括图标、文字、媒体、进度条和提示等。

6a95d10a00389d683b9797d7cfe7335c.png

图片来源:Thrive

高效的设计师会参考优秀设计案例、设计惯例、标准以及可用性原则来确保界面方案符合用户需要。其中最重要的设计原则包括:

  • 统一的界面元素能让用户快速熟悉并掌握使用方式
  • 清晰的元素层级和页面结构能让用户一眼看到最重要的内容
  • 用颜色和字体等样式来向用户暗示元素的优先级以及作用
  • 发送系统状态变更、错误以及用户操作时,提供反馈信息,以便用户了解进程并进行下一步决策
  • 了解用户喜好和需求优先级,让操作过程更顺畅自然
  • 利用留白及合理布局让界面更加清晰易懂

4047c010d8c7876d303c9990226eb20f.png

植物浇水App,图片来源:Tubik

用户界面设计和体验设计的差别

用户界面设计和用户体验设计很容易混淆。虽然二者有重合之处,但是各自有截然不同的技能需求。

用户体验设计注重产品的全局架构和功能,以及用户使用感受。相较于界面设计师来说,体验设计师的工作集中在通过信息架构来组织内容;通过用户调研、任务测试和商业分析进行方案决策。以电子商务的账号创建和下单流程为例,体验设计师使用用户流程、体验地图、低保真线框图和交互原型等方法,并通过用户测试来验证和优化设计理念。

87e2e71425ce56df72f58a439316fef0.png

Apple Watch 原型动画,图片来源:Alex Dovhyi

用户界面设计与体验设计的对比

界面并不是产品的真正解决方案。界面设计通常在体验设计师的工作中占重头戏,但并不是全部。你可以这样理解:如果说用户体验是消耗品的话,那么用户界面就是工具(使用消耗品的工具)。

用户体验设计是包含很多个步骤的设计策略流程,其目标是创造产品具有吸引力、方便使用、易于理解的产品。通过用户体验设计这个流程,我们可以获得正确的用户界面解决方案。

f6ac04ef6d8892d9c6cf302df2c5710e.png

用户体验(UX)与用户体验(UI),图片来源:Shane Rounce

用户界面设计师做什么?

用户界面设计师在用户体验设计师提供的线框图的基础上,创造更加接近最终形式的产品界面方案。他们需要遵循体验线框图所表达的信息层级和优先级,并将合理统一的视觉和交互规则运用于整个产品。

4229988e23cb00ee8549fe63b113289e.png

电商界面概念设计,图片来源:Remco Bakker

用户界面设计师的职责范围包括视觉层级、构图、间距、对其、标题和文字的视觉比重、组件使用规则(按钮、表单等)以及配色规范和Logo。

由于现如今用户界面越来越多的涉及到动态交互及过渡,而不限于简单的静态页面,界面设计师也会需要与动效和交互设计师合作,并优化用户体验设计师所提供的基本交互理念。

用户界面设计也包含数据可视化和信息设计的工作,这些能通过简单的信息展示帮助用户快速理解复杂的数据。

92291f353d64601fb440442469988252.png

珠宝电商概念设计,图片来源:Tubik

用户界面设计师提供最终的页面高保真原型给程序开发人员。上文提到用户界面设计有时与用户体验设计有重合之处,其实它也可以涉及到前端开发,尤其可能参与建立前端组件库、和页面模板。

为了提高用户体验优化效率,我们的工作方式正在变得越来越成熟。因为当今世界的数字化进程,用户界面设计扮演的角色愈发重要。在接下来的数十年里,用户界面设计将突破二维屏幕,朝着3D和VR(虚拟现实)、AR(增强现实)和MR(混合现实)的方向演化。

无论技术、屏幕、场所和环境如何,界面设计的关注点都会坚持聚焦于人机交互与体验的高效性。

8ec96e214188fbbaa107851d08e543dc.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/343583.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【渝粤教育】国家开放大学2018年春季 8638-22T薪酬制度与薪酬管理 参考试题

科目编号:8638 座位号 2017-2018学年度第二学期期末考试 薪酬制度与薪酬管理 试题 2018年 7 月 一、单选题(本大题共10小题,每小题3分,共计30分) (★请考生务必将答案填入到下面对应序号的答题框中★&…

无忧无盘服务器,无忧网维无盘系统新手快速部署.doc

无忧网维无盘系统新手快速部署新手上路之无忧无盘系统快速部署无忧无盘系统支持控制台管理多台无盘服务器,进行远程操作统一管理。与其他的无盘系统不同,第一步需要新添加无盘服务器具体步骤:1) 添加无盘服务器??操作步骤1)? ?…

詹金斯搭建_与詹金斯一起连续交付Heroku

詹金斯搭建如果您安装了Jenkins Git插件,那么利用Jenkins并针对Heroku的连续交付管道的设置就非常简单。 通过此管道,对特定Git分支的更改将导致Heroku部署。 为了使此部署过程正常运行,您应该至少使用两个Git分支,因为您希望有一…

【渝粤教育】国家开放大学2018年春季 0025-21T数据结构 参考试题

编号:0025 座位号: 17-18学年第1学期期末考试 数据结构 试题 一、选择题:(每题4分,共20分) 1.假定一个顺序队列的队首和队尾指针分别为front和rear,存放该队列的数组长度为N&#…

工业交换机品牌选择时注意的事项介绍

杭州飞畅科技有限公司是一家致力于光纤传输设备、数据通信设备及网络接入设备为主的集研发、生产、销售和服务为一体的高新技术企业,公司自成立以来就开始研发生产安防通信产品,采用高稳定性的通信技术制造安防产品,使得安防产品的稳定性极高…

【渝粤教育】国家开放大学2018年春季 0675-21T中级财务会计(2) 参考试题

科目编号:0675 座位号 2017-2018学年度第二学期期末考试 中级财务会计(2) 试题 2018年 7 月 一、单选题(本大题共10小题,每小题3分,共计30分) (★请考生务必将答案填入到下面对应序…

使用Spring Boot和MongoDB构建一个反应式应用程序

“我喜欢编写身份验证和授权代码。” 〜从来没有Java开发人员。 厌倦了一次又一次地建立相同的登录屏幕? 尝试使用Okta API进行托管身份验证,授权和多因素身份验证。 如果您要处理大量流数据,反应式应用程序可让您更好地扩展。 它们是非阻塞…

c语言 freopen txt_C语言:freopen函数

当我们求解acm题目时,通常在设计好算法和程序后,要在调试环境(例如VC等)中运行程序,输入测试数据,当能得到正确运行结果后,才将程序提交到oj中。但由于调试往往不能一次成功,每次运行时,都要重新…

工业交换机如何判断性能的好坏呢?

当前的智能控制系统和工厂自动化系统常常采用工业交换机完成工业控制任务,工业以太网的应用非常普及。对于工业交换机的选购,把握工业交换机的主要性能指标是关键。那么,工业交换机如何判断性能的好坏呢?接下来就由飞畅科技的小编…

【渝粤教育】国家开放大学2018年春季 建筑结构基础 参考试题

科目编号:8 -6-6- 6 座位号 2017-2018学年度第二学期期末考试 建筑结构基础 试题 2018年 7 月 一、单选题(本大题共10小题,每小题4分,共计40分) (★请考生务必将答案填入到下面对应序号的答题框中★&#…

zune自搭虚拟服务器离线升级,Zune 30g 固件更新至 3.3 记录

换成64位Win7后Zune的桌面管理器木有了,而64位版的Zune 1.3桌面安装麻烦死个人,各大论坛的115下载连接无一例外的都断链了,无奈只好把Zune升级至最新的3.3。升级记录:1. 在Zune官网 http://www.zune.net/zh-CH 下载最新版的桌面管…

21秋期末考试土力学与地基基础10445k1

1、严寒地区的粘土砖强度不会受到地基土中含水量的影响。(2.5 分) A.错误 B.正确 2、粘性土根据其塑性指数的不同,又可分为粘土和粉质粘土。(2.5 分) A.错误 B.正确 3、任…

工业交换机芯片选择需要注意什么事项呢?

相信不少工业级交换机品牌,在其工业交换机机内的芯片选择上一定很慎重,因为工业交换价的芯片将影响到其以后的使用,工业交换机常用的芯片有Marvell和Broadcom平台。那么,工业交换机芯片选择要注意什么呢?接下来就由飞畅…

21秋期末考试建设工程法规10221k1

1、当事人既约定违约金,又约定定金的,一方违约时,这两种违约责任(  )。(1 分) A.可合并使用 B.适用数值较小者 C.适用数值较大者 D.只能选择其一…

nginx mysql5.7_Centos7+Php7+Mysql5.7+Nginx源码安装实战部署手册

本文以Centos 7.1Php 7.1.3Mysql5.7.17为例,介绍Centos7Php7Mysql5.7Nginx 1.10.3源码安装实战部署的过程。一.准备工作软件获取二.安装Mysql安装目录/usr/local/mysql数据库目录/data/mysqldb1.安装编译工具yum -y install cmake gcc-c ncurses-devel perl-Data-Dumper boost …

【渝粤教育】21秋期末考试互联网营销概论10092k2

1、品牌最基本的含义是品牌代表着特定的()。(2 分) A.消费者类型 B.商品属性 C.利益 D.文化 2、网上竞价模式主要有( )。(2 分) A&…

工业路由器和工业交换机的区别介绍

现在是信息时代,随着时代的进步,互联网是人们生活不可或缺的一部分。通常由许多不同类型的计算机网络相互连接而成。如果几个计算机网络在物理上连接在一起,它们之间并不能进行沟通,那么这种“互连”没有实际意义。所以在谈到“互连”时,就已经暗示这些相互连接的计算机可以进行…

JAX-RS和OpenAPI对Hypermedia API的支持:任重而道远

或早或晚,大多数积极使用REST(ful) Web服务和API的开发人员都偶然发现了这种真正的外星事物,即HATEOAS : 超文本作为应用程序状态的引擎 。 对HATEOAS是什么以及它与REST的关系的好奇最终将导致发现Richardson成熟度模…

【渝粤教育】21秋期末考试大学英语210262k2

1、He has_______since three days ago.(2 分) A.gone away B.gone C.left D.been away 2、What an interesting book! I don’t want to .(2 分) A.give to it B&#x…

【渝粤教育】21秋期末考试建筑工程计量与计价10517k1

1、施工排水降水中成井的计量单位是( )(1 分) A.天 B.m C.台次 D.昼夜 2、按广东省18定额规定,天棚装饰高度超过(),可计算满堂脚手架。…