用户界面设计详解:大厂设计师都在用的黄金法则

用户界面设计是什么?

用户界面(User Interface,简称 UI)它是系统与用户之间交互和信息交换的媒介,实现了信息内部形式与人类可接受形式之间的转换。用户界面设计作为人机信息传输媒介的作用,是计算机技术和信息技术快速发展的产物。它包括人机交互、操作逻辑和界面呈现。优秀的用户界面设计应用于网站建设、系统开发、移动应用市场等,可以使用户更高效、更容易使用,带来更多的经济效益。

用户在使用产品时,通过“大脑”观察体验,通过人机交互实现传递和接受信息的目的。用户体验是人类主观主动性的表现,反映了人们对产品使用的态度。长期以来,用户界面设计一直被认为是一种简单的界面功能装饰,与功能开发是分离的。因此,在设计开始时不会考虑太多的使用习惯和功能,很难获得用户的心,获得良好的用户体验。即时设计师将向您揭示大型设计师必要的用户界面设计黄金规则,结合视觉感受和信息传达,使界面更加人性化,提高界面的美观、实用性和易用性。

用户界面设计的黄金法则

为了帮助您设计这些漂亮的UI,我们根据自己的经验和Ben Shnederman界面设计八项黄金规则和Bruceerman 我们可以将Tognazzini的交互设计原则, 用户界面设计的黄金规则简化为以下几点:

把用户放在第一位

当我们作为用户界面设计师执行不同的界面设计时,我们可能会为广大人群制作不同的应用程序。虽然我们有一定的设计经验,但我们无法避免自己的偏见,所以设身处地为任何潜在用户着想是非常重要的。坚持熟悉的设计和实践有助于确保有不同经验、年龄和残疾的用户能够有效使用我们设计的产品。

界面的持续反馈对帮助用户顺利交互非常有帮助。用户所做的每一个动作都应该有一些反应来验证他们所做的事情。这可以帮助他们纠正行动或专注于下一个行动,而不是考虑他们是否做了什么。我们的设计还必须尊重用户,以便他们参与其中。

尊重用户的时间

对于有经验和熟悉我们的应用程序的用户,请确保不要感到惊讶。用户喜欢控制,知道如何得到他们想要的东西。用户几乎没有时间使用新的应用程序和网站来了解他们应该如何工作。如果我们计划在特定的界面上添加新的元素,请确保设计元素简单,并帮助用户实现他们的目标。

用户也会对不断输入数据或重做提示感到恼火。如果让他们创建用户账户或输入一些数据,请考虑“我能让他们以多快的速度回到他们想做的事情”。

一致性是关键

在设计独特的新事物和熟悉的新用户之间取得平衡是一个巨大的挑战,但这是值得的。提示、按钮、颜色、字体、副本、菜单和控件都应该是同一个内聚程序的一部分。

如果用户从一个屏幕迷路到另一个屏幕,或者觉得某个部分看起来和感觉不一样,他们更有可能追溯或完全停止使用你的产品。

即时设计拥有大量的设计模板,集成了腾讯、字节、阿里巴巴、蚂蚁设计等大型工厂设计系统。组件材料可直接拖动重用,节省重复劳动,帮助设计师创造一致的美观设计。

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。icon-default.png?t=N7T8https://js.design/community?category=explore&source=csdn&plan=btt067

不要让用户超载

作为应用程序或网站的用户界面设计师,我们一次只能使用有限的空间。向用户提供尽可能多的信息可能很有吸引力,但在这里,它只是我们的朋友。用户不想被产品淹没,他们想要更简洁。

如果用户对我们的应用程序有深刻的了解,请告诉他们他们是如何到达的——例如,男性 > 鞋子 > 运动鞋 > 时尚运动鞋。这将帮助他们更容易导航。他们不必担心保留信息,而是专注于他们面前的产品或服务。

在即时设计中打开Antdesign的组件,还可以看到“一级页面” / 二级页面 / 像“当前页面”这样的面包屑导航,让用户清楚地知道自己的位置,非常安全。

选择优秀的用户界面设计工具

无论你从事这个行业多久,强大的工具都可以帮助你更有效、更准确地完成工作。用户体验设计是关于体验的。如果你没有为客户建立积极的产品和品牌体验,那么你就无法实施产品业务。即时设计作为一种专业的在线UX设计工具,可以实现视觉效果、交互效果和体验效果的一站式形成,为目标用户创造流畅的体验。

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。icon-default.png?t=N7T8https://js.design/community?category=explore&source=csdn&plan=btt067

●轻松绘制原型:借助社区设计资源和原型模板的即时设计,开始敏捷高效的工作。与产品经理分解用户需求,并将其整合到产品的整体设计中。

●集成解决UI/UX合作:强大的即时设计将为您提供集成UI/UX设计,集成交互+视觉能力,解锁新水平的在线设计合作。

●节省大量重复工作时间:组件设计理念,使高保真原型从头到尾设计到交付体验,节省大量其他重复无聊的工作时间。

●满足UX设计师高保真交互的需求:支持交互事件演示、丰富的过渡动画、即时、溶解、智能动画、推广、滑动、滑动等逐步效果,轻松构建优秀的用户体验交互,体验最终的产品形式。

●需求研究与合作:UX设计师想要了解每个角色的经验和建议,可以让团队成员在设计草案中在线评论,有效地完成头脑风暴和意见反馈的收集。

●低代码交付:所有手稿信息均可转换为代码,开发人员可直接在代码面板上查看和复制代码。

●主流文件格式:支持Sketch、XD、SVG等文件导入导出,自由进行Sketch文件格式转换。即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。icon-default.png?t=N7T8https://js.design/community?category=explore&source=csdn&plan=btt067

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

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

相关文章

数据结构与算法之计数排序

目录 前言 计数排序 定义 优缺点 策略 图解 代码实现 结束语 前言 今天是坚持写博客的第20天,时光飞逝,第二个10天即将过去,希望可以继续坚持,光明的未来也在未来等着我们。今天也恰逢高考,祝所有学子一帆风顺…

Hive的常规操作

Hive常规操作 hive常用交互命令 -e执行sql语句 [rootmaster ~]# hive -e "show databases";-f执行sql脚本 [rootmaster ~]# hive -f /usr/local/demo.sql查看hive中输入的所有命令 [rootmaster ~]# cat ~/.hivehistory操作库 创建库 语法: create…

NC56 入库失败提示负库存解决方法

前言 公司的 NC ERP 接入了第三方系统进行出入库单据管理。用户反馈提交入库单据时、NC ERP 报错【负库存或辅数量方向不一致】。于是进行排查和解决。 操作环境 NC ERP V56 。操作系统 Windows 11 ,数据库 Oracle DB 。 操作步骤 1、查询 NC “收发存汇总表”…

AWS-生产级微服务部署架构分享

使用AWS搭建云上应用 名词解释 AWS ECR:AWS ECR 容器存储库,按项目名创建容器仓库,一个项目对应一个仓库,目前是由Jenkins构建镜像远程push到AWS ECR。 **AWS ECS:Amazon Elastic Container Service (ECS) &#xf…

Android Uri转File path路径,Kotlin

Android Uri转File path路径,Kotlin /*** URI转化为file path路径*/private fun getFilePathFromURI(context: Context, contentURI: Uri): String? {val result: String?var cursor: Cursor? nulltry {cursor context.contentResolver.query(contentURI, null…

设备上CCD功能增加(从接线到程序)

今天终于完成了一个上面交给我的一个小项目,给设备增加一个CCD拍照功能,首先先说明一下本次使用基恩士的CCD相机,控制器,还有软件(三菱程序与基恩士程序)。如果对你有帮助,欢迎评论收藏&#xf…

绘唐官网绘唐科技

绘唐AI工具是一种基于人工智能技术的绘画辅助工具。 使用教程:https://iimenvrieak.feishu.cn/docx/CWwldSUU2okj0wxmnA0cHOdjnF 它可以根据用户提供的输入或指令生成各种类型的图像。 绘唐AI工具可以理解用户的绘画需求,并根据用户的要求生成具有艺术…

HarmonyOS开发-鸿蒙UiAbility 组件间跳转

前言 随着春节假期结束各行各业复产复工,一年一度的春招也持续火热起来。最近,有招聘平台发布了《2024年春招市场行情周报(第一期)》。总体来说今年的就业市场还是人才饱和的状态,竞争会比较激烈。 但是,…

操作系统教材第6版——个人笔记5

3.2 单连续分区存储管理 3.2.1 单连续分区存储管理 单连续分区存储管理 每个进程占用一个物理上完全连续的存储空间(区域) 单用户连续分区存储管理固定分区存储管理可变分区存储管理 单用户连续分区存储管理 主存区域划分为系统区与用户区设置一个栅栏寄存器界分两个区域…

Linux网络服务之SSH(远程访问及控制)

ssh远程管理: ssh是一种安全通道协议,用来实现字符界面的远程登录。远程复制,远程文本传输。 ssh对通信双方的数据进行了加密 用户名和密码登录 密钥对认证方式(可以实现免密登录) ssh 22 网络层 传输层 数据传输…

数据结构~~排序

目录 一、排序的概念 二、插入排序 直接插入排序 希尔排序 三、选择排序 选择排序 堆排序 四、交换排序 冒泡排序 快速排序 递归实现 非递归实现 五、归并排序 递归 非递归 六、非比较排序(计数排序) 七、其他排序 基数排序 桶排序 八…

计算机毕业设计python+hadoop+spark猫眼电影票房预测 电影推荐系统 猫眼电影爬虫 电影数据可视化 电影用户画像系统 协同过滤算法 数据仓库

山东青年政治学院毕业论文(设计)开题报告 学生姓名 高宜凡 学 号 202010520237 所在学院 信息工程学院 专 业 信息管理与信息系统(云计算与大数据技术) 指导教师姓名 李海斌 黄虹 指导教师职称 工程师 副教授 指导教…

通用树查找算法

想要一个树形控件来显示数据,却发现Racket的GUI库竟然没有提供这个控件。既然没有,那就自己手搓一个吧。没想到,在做这个控件中竟然有了新发现! 树形控件有一个功能是查找树中指定的节点。这就是接下来的故事的起点。 1 找外援 不…

【List,ArrayList与顺序表】

目录 1,什么是List 2,List的使用 3,线性表 4,顺序表 4.1 接口的实现 5, ArrayList简介 6,ArrayList的使用 6.1 ArrayList的构造方法 6.2 ArrayList的常见操作 6.3 ArrayList的遍历 7,…

【JMeter接口测试工具】第一节.JMeter简介和安装【入门篇】

文章目录 前言一、JMeter简介 1.1 JMeter基本介绍 1.2 JMeter优缺点二、JMeter安装 2.1 JMeter安装步骤 2.2 JMeter环境配置三、项目介绍 3.1 项目简介 3.2 API接口清单总结 前言 一、JMeter简介 1.1 JMeter基本介绍 JMeter 是 Apache 组织使用…

swiftUI使用VideoPlayer和AVPlayer播放视频

使用VideoPlayer包播放视频:https://github.com/wxxsw/VideoPlayer 提供一些可供测试的视频链接,不保证稳定可用哦: https://vfx.mtime.cn/Video/2019/06/15/mp4/190615103827358781.mp4https://clips.vorwaerts-gmbh.de/big_buck_bunny.mp…

ES 8的向量检索性能调优实践

前言 ES的官方实验室曾发布过一篇博客,介绍了使ES向量检索性能获得显著提升的技术要点与展望: 多线程搜索能力的利用:Lucene 的分段架构允许实现多线程搜索能力。Elasticsearch 通过同时搜索多个段来提高性能,使用所有可用的 CPU 核心的计算能力显著减少了单个搜索的延迟。…

【全开源】CMS内容管理系统(ThinkPHP+FastAdmin)

基于ThinkPHPFastAdmin的CMS内容管理系统,自定义内容模型、自定义单页、自定义表单、专题、统计报表、会员发布等 提供全部前后台无加密源代码和数据库私有化部署,UniAPP版本提供全部无加密UniAPP源码​ 🔍 解锁内容管理新境界:C…

巧用Jmeter Debug sampler获取变量信息

Jmeter Debug sampler介绍 Jmeter Debug sampler 可以帮助我们解决如下问题: debug参数化的变量取值是否正确 debug正则表达式提取器(或json提取器)提取的值是否正确 查看 JMeter 属性 具体使用方法 前提条件:添加查看结果树…

【机器学习】机器学习与智能交通在智慧城市中的融合应用与性能优化新探索

文章目录 引言机器学习与智能交通的基本概念机器学习概述监督学习无监督学习强化学习 智能交通概述交通流量预测交通拥堵管理智能信号控制智能停车管理 机器学习与智能交通的融合应用实时交通数据分析数据预处理特征工程 交通流量预测与优化模型训练模型评估 智能信号控制与优化…