首页

深度解析体验设计_从了解到运用

分享达人 交互设计及用户体验

用户体验并不是指一件产品本身是如何工作的,用户体验是指“产品如何与外界发生联系并发挥作用”,也就是人们如何“接触”和“使用”它。当人们询问你的某个产品或服务时,他们问的是使用的体验。它用起来难不难?是不是很容易学会? 使用起来感觉如何?
“用户体验”是全链路的,绝不仅仅止于外观,不是说你把页面设计得好看、icon画得逼真就是一个好的体验。它不仅包含“框架层”和“表现层”,还包含着战略层(我们想得到什么和用户能得到什么) 、范围层(我们做什么和不做什么) 、结构层 (信息怎么归纳更合理)。

数据驱动价值-你需要掌握的数据分析技巧

分享达人 设计管理与成长

在这个信息爆炸的时代,数据已经成为了一种新的能源。数据分析能力的高低,直接影响到我们在职场中的竞争力。数据作为一个定量的维度,可以支持设计方案的推导和决策,以及对方案效果的验证。想要证明你的设计,数据是最直观的展现,掌握一些数据分析方法,能有效量化你出色的设计。接下来让我们对数据分析的整体框架、数据如何处理加工做一探究竟吧。

互联网产品设计的6个创新方法

分享达人 设计管理与成长

设计是为了解决问题,然而并不是所有问题都存在现有的解决方案。这时,创新的出现能够打破僵局,赋予设计新的生命力,用更加独特的思维方式来解决问题。不过,创新又经常虚无缥缈,尽管苦思冥想也难等到灵光乍现。
 

深入探究B端产品设计的核心

分享达人 B端界面设计文章及欣赏

一、B端用户需求的深入理解和分析
在当今高度信息化的商业环境中,B端产品已成为企业高效运营和持续发展的关键支撑。
这些产品不仅提供工具和服务,更是企业优化流程、提升工作效率和竞争力的有力武器。然而,要打造一款成功的B端产品,关键在于对
B端用户需求的深入理解与分析。
B端用户,
如企业决策者、团队管理者和专业人员以及普通员工,他们在日常工作中处理复杂的业务流程,对数据分析、系统整合、安全性等方面有着极高的要求。
这些用户的独特需求不仅体现在产品的基本功能上,更涉及到产品的易用性、可扩展性以及服务支持等多个层面。

深入探究B端产品设计的核心

分享达人 B端界面设计文章及欣赏

一、B端用户需求的深入理解和分析
在当今高度信息化的商业环境中,B端产品已成为企业高效运营和持续发展的关键支撑。
这些产品不仅提供工具和服务,更是企业优化流程、提升工作效率和竞争力的有力武器。然而,要打造一款成功的B端产品,关键在于对
B端用户需求的深入理解与分析。
B端用户,
如企业决策者、团队管理者和专业人员以及普通员工,他们在日常工作中处理复杂的业务流程,对数据分析、系统整合、安全性等方面有着极高的要求。
这些用户的独特需求不仅体现在产品的基本功能上,更涉及到产品的易用性、可扩展性以及服务支持等多个层面。

设计原则之一致性

分享达人 设计管理与成长

一致性的字面意思和使用的场景不同代表的含义也会有区别,这里主要使用在UI/UX设计中。
UI/UX设计中一致性是指在整个应用程序或网站中使用相同的设计元素和模式。它涉及在所有页面和屏幕上使用相同的视觉语言、布局和交互,以创造一致且直观的用户体验。一致性有助于用户了解如何浏览应用程序或网站,消除困惑和沮丧,并使他们更容易学习和记住如何使用产品。
设计并非孤立的实践。它与其他领域交织在一起,其中之一就是心理学。在设计中发挥根本作用的心理学原理是重复定律。
这一定律的起源可以追溯到 20 世纪早期,当时德国心理学家赫尔曼·艾宾浩斯进行了开创性的研究。他的工作对理解人类记忆具有革命性意义。艾宾浩斯最著名的贡献是“遗忘曲线”,它表明如果不尝试保留信息,信息会随着时间的推移而丢失。然而,他还发现,反复接触信息会极大地影响我们记忆信息的能力。从本质上讲,重复可以强化回忆。

揭开心理学在用户行为的奥秘

分享达人 用户研究

   心理学是研究人的内心世界的学问,它关注的是我们的思想、情感和行为是如何相互作用的。现在,随着大家的生活越来越好,大家都开始追求那些能让自己心情好的东西,这就让设计心理学变得特别火。设计心理学就像是心理学的一个小分队,专门负责帮我们在做广告、搞艺术创作或者是在网上卖东西的时候,更好地抓住人们的心。简单说,就是让我们更懂顾客,让他们更愿意接受我们的产品和服务。
 

产品经理如何用ChatGPT提高工作效率?给你15个例子!

分享达人 行业趋势

ChatGPT爆火一年了,但真正能在日常工作生活中高频使用它,并且帮助自己提升工作效率的人还是太少了。我问了一些小伙伴,大都是问了几个问题后觉得用处不大,也懒得深入研究。
作为一名已经习惯使用ChatGPT的资深产品经理,决定整理出这大半年的使用心得,真正帮助产品经理们把AI用起来,节省出来的时间多睡会儿不香吗?
废话不多说,我们开始进入正题。

常见的B端弹窗样式设计总结

分享达人 B端界面设计文章及欣赏

B 端产品的业务场景通常比 C 端更为复杂,因此在进行产品设计时对信息的处理方式也需要根据不同的业务场景进行设计。今天主要聊一下 B 端产品设计中弹窗设计。
常见的B端弹窗样式设计总结
 
 
弹窗的定义
弹窗是展现在用户操作界面之上的容器,在 X 轴和 Y 轴的平行空间之上扩展了页面的高度。是系统与用户之间建立联系非常重要的组成部分。它通常在用户进行特定操作或访问特定页面功能时弹出,目的是向用户展示某些信息、提供选择或执行某些操作。
 
弹窗使用场景
  1.  
    需要呈现的内容篇幅相对较少。
  2.  
    常用于针对某些内容进行补充说明、需要用户处理关键信息、重要的警告提示等。
  3.  
    通常是由系统触发(用户被动接受)。
  4.  
    弹窗整体高度和宽度不做绝对的标准或规定,可以根据内容篇幅的多少和视觉的平衡度来确定,整体规范保持一致即可。
 
总体概括为简单和复杂两个场景。
 
一、场景简单
场景简单包括:全局提示、气泡确认框、警告提示、通知提醒框,通常是操作确认和系统内部自动触发性提示时使用。
 
1. 全局提示
以 toast 提示居多,通常在页面中间偏上的位置。
常见的B端弹窗样式设计总结
 
 
 
2. 气泡提示
用于解释难理解的功能名词或者由于版面限制文字展示不完,利用气泡来展示。
常见的B端弹窗样式设计总结
 
 
 
3. 警告提示
用于重点内容的警告提醒,降低用户犯错概率,提升用户的使用体验。
常见的B端弹窗样式设计总结
 
 
 
4. 提示性通知弹窗:
位置相对固定,通常出现在需要介绍说明的功能旁边或者居页面中间展示。
例如,当系统发生重要更新维护或者重点功能引导时,可以显示一个提示性通知弹窗,告知用户当前状态。
类型主要包括以下三种:
常见的B端弹窗样式设计总结
 
 
常见的B端弹窗样式设计总结
 
 
常见的B端弹窗样式设计总结
 
 
 
举例:
有赞后台页面
有赞后台页面
 
 
 
二、场景复杂
1. 场景复杂|全屏弹窗
常见的B端弹窗样式设计总结
 
 
 
新开页签(浏览器)
常见的B端弹窗样式设计总结
 
 
为什么是全屏弹窗,而不是页签?
全屏弹窗功能和页面相似,之所以使用全屏弹窗作为页面载体,原因就是对原触发页面的使用和关注并没有结束,编辑完成后需要快速关闭当前窗口并返回到原来的页面中去,数据可以做到实时同步。如果用新页签打开,则会对数据同步造成隔断,需要二次打开页面。页签是浏览器新开窗口,通常用于不同功能的展示。
 
 
2. 场景复杂|非全屏弹窗
①中间弹窗·纯文本
确认弹窗:用于向用户确认某个操作或决策,通常包含确认和取消两个按钮。例如,当用户点击删除按钮时,可以显示一个确认弹窗,询问用户是否确定删除。
常见的B端弹窗样式设计总结
 
 
 
②中间弹窗·下拉框
下拉框:后台将全部数据返回,下拉展示全部内容,方便用户快捷查询。
常见的B端弹窗样式设计总结
 
 
 
③中间弹窗·文本输入
文本输入:通常用于备注等说明性内容的填写。
常见的B端弹窗样式设计总结
 
 
 
④中间弹窗·选择器
包括单选和复选两种类型,下图以单选框举例。
常见的B端弹窗样式设计总结
 
 
 
⑤中间弹窗·步骤条
常见的B端弹窗样式设计总结
 
 
 
⑥中间弹窗·多内容组合
常见的B端弹窗样式设计总结
 
 
 
⑦中间弹窗·左右穿梭框
穿梭框左侧通常会有分页,为了防止用户对已选内容造成遗忘,右侧框展示已选内容进行二次核对。
常见的B端弹窗样式设计总结
 
 
 
⑧中间弹窗·上下穿梭框
常见的B端弹窗样式设计总结
 
 
 
举例:
常见的B端弹窗样式设计总结
 
 
 
3. 场景复杂|抽屉
抽屉呈现的内容篇幅介于弹窗和页面之间,通常居右侧展示。
 
①抽屉·纯文本
通常展示较大篇幅的说明性内容。
常见的B端弹窗样式设计总结
 
 
 
②抽屉·横向 tab
通常展示同一大类下,不同分类的信息内容。比如全部消息、已读、未读等。
常见的B端弹窗样式设计总结
 
 
 
③抽屉·纵向 tab
常见的B端弹窗样式设计总结
 
 
 
④抽屉·多内容结合
多类型内容的聚合展示。
常见的B端弹窗样式设计总结
 
 
 
 
三、其他情况
①强制性提示
为了更好的了解用户特征,提供更加优质的服务,有的系统在用户首次使用时,会出现强制性弹窗,执行必要操作后,才可进入系统使用。
常见的B端弹窗样式设计总结
 
 
 
四、弹窗使用规范
上下左右间距大小固定,弹窗大小根据内容的多少来自动调整。
 
①中间弹窗
常见的B端弹窗样式设计总结
 
 
常见的B端弹窗样式设计总结
 
 
 
②侧边弹窗
常见的B端弹窗样式设计总结
 
 
以上就是全部内容,谢谢。


作者:西城门设计
链接:https://www.zcool.com.cn/article/ZMTYyMDI5Ng==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

层级思维解构图标分类体系

分享达人 设计思维

近年来,Ul设计行业蓬勃发展,图标设计风格更是呈现出多元化的特点,各种新颖、创意的设计风格层出不穷。图标样式早已从潺潺溪水变成汪洋大海,通过系统归纳和整理各类常用的面性图标设计类型与风格,我们构建了一套体系化的记忆框架,使得在日常工作中能够迅速且准确地作出图标样式的决策,从而有效提升设计效率与质量。本文章主要讨论近年UI界面中会经常使用的图标风格,线性图标样式组成一般过于简单,在此不做讨论。
 
本文在探讨图标的分类思维时,巧妙地运用了层级理念,
并特别关注层级是否穿透这一关键因素来区分不同类型的图标。这种分类思维不仅使图标的辨识变得更为便捷,还有助于人们更轻松地形成深刻的记忆印象。通过这种创新性的分类方法,我们得以更清晰地理解图标的本质与特点,进一步提升我们对常用图标的认知水平和应用

日历

链接

个人资料

蓝蓝 http://www.lanlanwork.com

存档