首页

S02E04: 体验创造价值,什么创造「体验的价值—— 阿里云设计中心年鉴

seo达人




关于走进政企数字化转型下催生的设计新领域——客户体验设计质询;比起熟悉的事情,很多时候我们也愿意走进一些无人之地。

图片

图片

客户体验设计咨询是什么?

图片

图片
客户体验设计咨询服务分层 _

图片

 

客户体验设计咨询解决什么问题?

人,是商业变革的源头。我们通过帮助客户,从为用户提供美好的体验入手,从目标到结果提供设计咨询服务,为传统企业和政府客户,重塑其发展的可持续增长。

图片
用户体验优化体系 _

 

客户体验设计咨询和其他设计有什么不同?

体验思维定义了设计师新的增长边界,我们希望借助专业能力探索体验之于企业的价值边界。相较于「传统」设计,我们为客户提供的体验设计咨询是融合商业、项目管理、服务设计、交互设计和视觉传达设计等多元领域的交叉性设计类型。

图片
客户体验设计咨询孵化过程 _

 

设计师在其中扮演的角色是?

① 商业设计师 /  提供专业深入的设计咨询服务,担任客户数字化转型的设计顾问;

② 综合设计师 /  输出综合设计解决方案,担任项目里的设计交付负责人;

③ 专业设计师 /  承担某一设计领域的专家角色。

图片
客户体验设计咨询能力模型 _

 

如何提升效率与标准化程度?

客户体验设计咨询 — 产品化探索:

① 服务型设计产品,提供客户定制化设计服务;

② 基于系统平台的设计产品,提供固定的设计资产和软件能力,可配套少量人力服务。

图片
DPM 客户体验设计咨询平台产品 _

图片

图片

图片

客户体验设计咨询的行业化实践?

GTS (Global Technology Services) 品牌设计 _

图片

 

如何进行品牌建设?

我们将品牌与传播建设聚焦四大板块:品牌公关、市场活动、产品服务、品牌周边,建立规范化的品牌体系。

图片                    
图片                    
图片                                                      
                  
图片  
图片                    
GTS (Global Technology Services) 品牌心智建设 _

 

社会效率

一个项目的售前签单包含了设计能力宣讲,客户需求挖掘,市场竞品分析和服务体系介绍,除此外,还有产品 DEMO 设计和 POC 打单,这些都是设计助力售前的重要服务内容。

图片                    
图片                    
1. 某城市规划项目系统设计 _ 
2. 某新区门户设计 _

 

疫情项目

从爆发期各地政府紧急开发疫情大屏做人员治安管控和疾病防控,到后期复苏后人群限制性流动使用的移动端二维码管控,都是我们的设计对象。

图片                    
图片                    
某城市疫情监控大屏设计 _ 
某城市疫情码系统设计 _ 

 

行业探索

各行业中的数字化转型诉求,更多的是把线上线下的用户全流程体验进行闭环,从消费者,到合作商,再到公司内部运营,库存整合等等,都有多方产品的设计和输出。

图片
某金融行业数字大屏设计 _

图片

图片

未来

图片

图片

图片

原文地址:阿里设计中心(公众号)
作者:阿里设计中心

转载请注明:学UI网》S02E04: 体验创造价值,什么创造「体验的价值—— 阿里云设计中心年鉴

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png



分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

格式塔之接近原则,如何帮助信息易理解?

seo达人


格式塔心理学诞生于20世纪初,指出人们的视觉感知具有整体性,并且总体大于个体的总和。

也就是说,我们不会只看局部或者个体,也是需要重新组织所看到的视觉信息来理解世界。如果不这样做的话,我们的大脑就会不堪重负。就像下图我们看到的是一个笑脸,而不会说是31个点。格式塔心理学家将组织信息的方法抽象为格式塔原则。

图片

格式塔原则是非常重要的设计理论,因为信息的组织也就意味着信息的接收和理解,而信息易理解正是设计师的核心任务。

其中,格式塔原则中的接近原则是最常见的原则之一,下面我将提供一些例子来帮助大家理解这个原则。

 

01.接近原则

接近原则是指:将相关物体的物理位置靠近,这样一来,相关的物体就会被看作凝聚为一体的一个组,而不是一堆彼此无关的片段。
在左侧的图片中,你会看到一组圆圈;在右侧的图片中,你会看到三组圆圈。而它们唯一的区别就是圆圈之间的距离(接近度)。
图片
接近原则比其他的格式塔原则更强。即使物体的形状和颜色都不相同,只要距离更近,他们仍然会被认为是一组。因此,接近性原则至少是比相似性原则更强。
图片
接近原则还能够直接影响用户的视觉动线,因为元素的物理距离不同,你会在左图纵向浏览,看到的是列,右图横向浏览,看到的是行。
图片

 

02.接近原则的重要性

接近原则对许多设计师而言,绝对算一个没有专门了解,但却经常使用的原则。我认为,了解接近原则背后的原理总是有帮助的。
比如,我们可以更好地进行设计推理并向其他人解释设计问题。通过接近原则,可以快速地帮助开发同学理解,为什么卡片之间的水平距离是5px,而垂直距离是15px。
并且当我们感觉设计稿奇怪却不清楚原因时,格式塔原则也是一个很好的自查清单。

 

03.印刷品案例

字体与段落

接近原则能够直接影响文本阅读,使用好接近原则可以帮助用户更快速地理解文本。
比如,标题前后需要设置更大的空间,哪一边的内容距离标题更近,则会认为该内容和标题联系紧密。
行高是另一个例子,行与行之间的空隙必须大于单词与单词之间的空隙,并且空隙要足够小才能形成一个紧密的段落。英文字母之间的间距也是如此,字母之间的间距要足够宽,才可以区分出字母,但也要足够窄,字母们才能够形成单词。
图片

 

杂志布局

尽管如今是电子信息的时代,但我们先来看看印刷品的布局仍是有意义的。印刷品的布局是我们进行网页设计的基础,它能够帮助我们更轻松地理解这些原则。
在杂志版面中,图片分布在页面的不同位置,我们只需要判断文本距离哪一个图片更近,便可以知道文本在描述哪一个图片。
图片

 

名片布局

我们来看一下这两个名片,左侧名片上的每一项看上去都与其他项没有任何关联。这样一来,我们不知道从哪里开始阅读名片,也不知道何时才算结束。
如果对名片的距离做一点调整,便形成了一个个组。我们会清楚的知道信息的阅读顺序,能够更容易更快速地找到信息。另外,信息之间的空白也会变得更有组织。
图片

 

04.网站案例

现在的网站信息非常丰富,组织信息也变得更加重要。

 

菜单

菜单通常位于网页的左侧或者顶部。在顶部菜单中,菜单之间保证充分的留白更加符合现代审美。但一定要注意的是,要确保菜单与下方内容的距离,否则,很难辨别内容和菜单本身。

 

项目组

一个项目组通常是由图片、标题和文本内容等不同部分组成,为了让他们看起来是一个项目组,元素之间的距离不能太大。

 

卡片

卡片在如今的网页中是一个常见元素,当有页面中存在不同的卡片组时,一定要确保组内卡片的空间小于卡片组之间的空间。
图片

 

表单

表单同样是一个常见页面,比如注册或登录等都需要表单,针对表单我专门写过两篇文章,分别是组织内容和标签细节。
比如,在顶对齐表单中,我们可以通过调整元素之间的距离,明确那个标签/描述属于哪一个字段,这将会让表单更易于使用。
图片

 

列表

每个app总会有一些列表相关的页面,因此学习如何设计好它们是非常有价值的。
列表设计的其中一个关键点就是,如何区分各项目。我们可以使用空间距离取代项目间的线条进行区分,这样做可以减少视觉噪音。我们需要注意的是,确保项目之间的空间明显大于组成元素的空间。
图片
接近原则是一个非常棒的设计原则,可以帮助设计师组织信息。
虽然许多设计师已经在无意识地使用着接近原则,但是如果进一步了解它,它或许是一个更加强大的设计工具。尤其是在复杂的屏幕中,我们更加需要接近原则帮助我们组织信息,减少其他元素的视觉干扰。

 

原文地址:Medium

译文地址:栗子设计喵 (公众号)

作者:Lukas Oppermann

译者:栗子

转载请注明:学UI网》格式塔之接近原则,如何帮助信息易理解?


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png



分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



【大咖专访】大老虎:保持平常心做好每个字

seo达人



@大老虎:设计不是艺术,是一份职业。设计师即希望自己的作品能名利双收,又希望能通过作品在艺术上有所成就。你的一生会有很多作品,可能有几颗像珍珠般光华耀眼,也会有一些像砂石一样磨人,但决定你能走多远的,是你自己有多强韧。

 

阿亦:大大你好!先向大家介绍一下自己吧~

大老虎:大家好,我是凶猛的大老虎,平面设计师一枚,字体设计爱好者。

图片

图片

图片

图片

图片

 

阿亦:看到您之前很早的作品都是以电商平面的教程居多,现在倾向于字体设计这一块了,一起聊聊你是怎样与字体设计结缘的吧?

大老虎:我从一五年开始工作,其实接触设计行业也比较偶然,当时刚毕业着急找工作赚钱,刚好有一家品牌设计公司邀请面试,就这样误打误撞开始了设计生涯。工作以后发现这行有很多细分,自己在工作前期也是不断的尝试和摸索,走了很多弯路,毕竟一个人精力有限,也不太可能去将每种类型的设计都去做到最好。

最初做PS教程就是单纯的感觉视觉效果很酷,而且当时的自己对于软件也不太熟练,就利用业余时间一边学,一边把学习的过程记录下来,再分享出来。后来感觉进步很慢,因为很多商业的设计不光是需要软件技能的熟练,更多的还是需要设计师的想法和创意的表现,于是我开始尝试其他方向。

图片图片

图片

图片

做字体设计也只有三年多时间,刚开始是单纯的因为工作需要,就是你字体设计必须得会。我在这之前也没有任何的基础,开始总想着有没有什么快速便捷的方法,能一下子做出来想要的效果,就在网上找相关的教程,发现没有什么捷径可以走,每个字都需要一笔一划去做。后来发现字体设计的应用领域非常广,是一个可以坚持去做的事情,而且可以带来一些额外的收益,就这样一步一步慢慢的坚持到了现在。

图片

图片

图片

图片

图片

图片

 

阿亦:给大家讲讲你在学习和成长的过程中,极具意义或里程碑的故事吧~

大老虎:最有意义的应该是第一次上站酷首推吧。去年三月份,记得当时是疫情最严重的时候,就宅在家里把以前的案例全部整理一遍,优胜劣汰挑选一些最满意的,本只是为了打发无聊的时间,没想到却成功的上了首页。

就好比你买饮料,你买的是一瓶,打开一看,哇哦!盖上写着再来一箱!一转眼已经1年多了,一切也都慢慢平静,希望以后也能保持平常心,做好每一个字。

图片

图片

图片

图片

图片

 

阿亦:最近做过最喜欢的案例是哪个?创作它的期间有什么有趣的探索吗?

大老虎:比较喜欢瘦金体系列的案例,也是最近做的比较多字形,一种风格非常独特的字体。字体方面结合自己的理解重新设定笔画、结构等属性。目前同类型的字库字体几乎没有,是一款非常有潜力的字型。

版式以古典中式的楷体结合无衬线英文字体,再加上现代的国际风格排版,从而到达粗与细、曲与直、锐与钝、几何与手写、机械与人文的对比,产生很强的、很独特的形式感。

图片

图片图片

图片

 

阿亦:在你字体设计中,最常使用的手写感和毛笔元素,你觉得这种表达形式的优势和劣势是什么?

大老虎:应用领域比较广,很符合现在互联网设计的快节奏。但局限性也很明显,Good bat Old,普通大众对毛笔字总会有些刻板印象,认为比较古老、传统、文人气息重等。

图片

图片

图片图片

 

阿亦:怎样看待字体设计的发展趋势,和目前的行业情况?

大老虎:个人感觉字体设计目前来说还没有发展的特别好,还是属于一个相对小众的领域,还只是我们一小撮人在这个圈子里小打小闹。汉字每个人每天都会接触,电脑里的字体是怎么制作的却很少有人能知道。目前来说还是一个非常专业的问题。

 

图片图片

图片

 

阿亦:关于创作,未来有什么想要去突破或尝试的方向吗?有什么关于字体设计上想要和大家分享的建议呢?

大老虎:就差一套的字库了,现在没出过字库的都不好意思自称是字体设计师了,哈哈。

经常看好的设计,站酷、BE,优秀的案例,多临摹,总结笔画结构之间的共性。给自己设定一些小的目标,比如每周或每月要输出多少案例,定期在网上发布出来,有了点赞和评论会更有动力。前期少动脑,多动手,坚持每天做练习,学习的过程也是一次又一次的重复巩固已学的知识,在重复中不断得到提升。

设计不是艺术,是一份职业。设计师即希望自己的作品能名利双收,又希望能通过作品在艺术上有所成就。你的一生会有很多作品,可能有几颗像珍珠般光华耀眼,也会有一些像砂石一样磨人,但决定你能走多远的,是你自己有多强韧。

 

图片

图片

图片

图片

图片

 

阿亦:感谢大大接受LEO设研所的访谈,祝大大创作出更厉害的作品!

 

原文地址:Leo设研所(公众号)

作者:Leo设研所


转载请注明:学UI网 » 【大咖专访】大老虎:保持平常心做好每个

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png



分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


还不会标题设计?这个方法很好用!

seo达人



设计大多是服务于商业的,或许我们会遇到很多奇葩要求,但我们要学会留给自己一些空间,去发现设计中的乐趣,这样才不会觉得枯燥乏味。今天的文章会着重讲解AI自制画笔与字体设计如何结合。今天的案例虽然是刚刚过去的端午节,但是掌握了方法,下一次标题设计,一样好用。

 

大家都知道端午节也叫端阳节,那么我们就以端阳节为主题进行设计,先把文字整理好。

图片

 

 STEP 01 > 分析属性 

接着我们分析字体属性,作为中国传统节日,端阳节有两个显著的特征,那就是粽子与龙舟。

图片

根据分析出的属性,我们确定字体设计的风格方向,笔画我们可以用粽叶的特征。

图片

 

 STEP 02 > 设计字体 

下面画出字面框确定字形的横竖比,重心偏低;字体的笔画粗细保持一致。

图片

将制作好的画笔拖入到画笔框中,选择艺术画笔,就得到了五条横线的画笔。

图片

接着垫字在字面框里将文字做出来,可以看出还是遵循了方块字的做法,只是笔画特征发生了变化。

图片

接着我们将部分笔画替代,增加特异性,同时调整字体的大小和部分细节。

图片

到这里字体基本就设计完成,接着我们需要对字体进行编排,增加的元素有云,粽子,粽叶样子的舟,都是用混合工具做成的,这样整体风格更匹配。

图片

 

 STEP 03 > 搭配颜色 

然后就是搭配颜色,这里我想到的就是粽叶的绿色,那么我们填充好将文字变成白色就完成了。

图片

OK,设计做完了,可以看出自制画笔他本身具有的优势,由于固有相同的特征,会在笔画细节处理的时候更方便,同时还具备设计感。这个方法是比较常用的,希望大家多多练习

 

原文地址:

作者:趣趣熊


转载请注明:学UI网》还不会标题设计?这个方法很好用!


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png



分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


峰终定律,揭露用户宁愿长痛不愿短痛的秘密

seo达人



用户体验的本质其实是心理学在科技产品的运用,需要的是让技术顺应人性。我在读人机交互硕士时,学的也都是些心理学的研究成果和方法。可在心理学这块了解得越多就越发现,很多人做不好体验设计,是因为喝太多鸡汤,导致脑子里不自觉地产生了很多反人性的思想。而这些反人性的鸡汤,虽然能够帮助自己更加优秀,对于理解用户来说却一点帮助都没有,甚至可能适得其反。

图片

例如今天我就用一个很经典的心理学定律来给大家讲讲:

 

峰终定律——The Peak–End Rule

意思是,人们对于一件事物的记忆好坏,取决于高峰和结尾的感觉

注意,这个高峰并不一定是正向高峰,也有可能是负向高峰。

诺贝尔经济学得主丹尼尔•康纳曼(Daniel Kahneman)曾经做过一次实验,让两组人带上耳机听噪音。

两组人听的时长和音量都是一样的,唯一不同的是,第一组听完这段就结束了,而第二组听完这段后,还会再听一段音量小一些的。

从测试设计者的角度看,第一组的忍受噪音的时间更短,总量也更少,理论上应该比第二组体验好一点。

然而根据调查发现,忍受完这轮噪音后表示愿意继续参加实验的人,竟然是第二组更多一些!

康纳曼让两组受试者戴上耳机,听很大声、令人不舒服的噪音。两组听到的音量都一样,不同的是,第一组听完大声的噪音就结束实验,第二组还会再听一段比较弱的噪音。

图片

按常理推断,第二组的人听了更久的噪音,应该比第一组感觉更痛苦,但事后调查,愿意继续参加实验的人,居然是第二组较多!

 

宁愿长痛不愿短痛?

我们都说长痛不如短痛,但为什么实验中,而且哪怕长痛的总量比短痛的总量更大,大多人都宁愿长痛不愿短痛?

  • 明知道高考的时候再努力一把,毕业后就能找到好工作了,可偏偏忍受不了。
  • 明知道晚上少熬点夜,第二天神清气爽工作效率高,可就是做不到。
  • 明知道每天只要花半个小时锻炼一下,不但体型能改善而且精气神也能上去,可就是坚持不了。
  • ……

看来,短痛什么的都只能是对自己的要求,对大多数人来说,还是长痛更加符合人性。

运用到产品体验上,那就是:便捷性比不过易学性,与其与让用户短时间内完成一个高难度的操作,还不如花更长时间完成一个低难度操作

例如我以前设计过一个控件,方便用户快速滑动切换到某个日期。

结果用户测试发现,虽然这个控件操作效率高,但是几乎所有的用户都无法立即理解,于是效率反而下降。

图片

 

结尾比过程更重要?

虽然很多鸡汤文说,要重视过程而非结果。 

但是对于只体验一次的事情来说,大多数人更在意结果而非过程。

以电影为例,通常对于喜剧和悲剧的划分,并不是根据过程,而是结尾。也就是说哪怕同样的故事,只要结局反转,就会给人完全不同的感受。

把这个类比到产品体验,就拿购物为例,不论搜索产品的过程有多么复杂,只要最终我能买到合心意的产品,用户体验就是美好的。

所以说拼多多这类主打实惠电商平台,根本没有必要再一些体验细节上死抠,点击收货时自动拉摄像头什么的……都被拿到便宜商品后的愉悦感冲淡了~

相反,如果一个电商平台流程体验上再考究,可只要在最后一步收货阶段让用户失望,前面的努力都白费了。

这么一想,写之前那篇《拼多多这个恶心的交互,居然有人说好?》时,我的困惑也终于找到答案。

不过,我还是不喜欢这个方案,这个下面再解释。

 

脚踏实地比不上巧言令色?

通常我们受到的教育是,做事要脚踏实地,那些巧言令色的小人走不长远。

可如果真的是这样,为什么不论是职场还是相亲,「老实」这个词都被认为是贬义词呢?

其实大部分人根本不喜欢稳定,例如投资股票的朋友,经常喜欢张口闭口就说“我最近赚了 50%”、“再加把劲,说不定可以翻倍”……

可是股神巴菲特的年均收益率不过 20% 左右,据我了解无论是创投还是私募,实际年收益率平均能超过 20% 已经相当不错了。

图片

蓝色线为收益率

 

但是对于大多数业余股民来说,即便是自己年均收益率为负数,只要曾经有过一段高光时刻,那就很满足了。

对应在产品体验上那就是:只要有一点让用户感到了「高光时刻」,那就足够让用户记住要长时间了

例如 iPhone 其实整个产品的用户体验,尤其是在刚需上未必比 Android 强多少,可他们抓住自己在细节上的优势,让用户在某些时候突然印象深刻一下,就能圈住不少果粉:《iPhone 这些体验细节太感人,换安卓后不习惯了》。

当然,Android 也有自己的「高光时刻」,例如我在接到陌生电话,看到屏幕上显示“诈骗电话”时,立即由路人转粉。

当然,这个「高光时刻」也可能是负面的「至暗时刻」,例如虽然拼多多能够让我买到便宜的商品,结尾通常是美好的,但是那个点收货拉摄像头实在是让我的体验一下子跌落谷底,所以始终无法产生好感。

 

总结

鸡汤本身就是反人性的,用来要求自己可以,用来要求他人可千万别。

所以说用户体验要反鸡汤,这个其实再合理不过。

以后可千万别抱怨用户这不好那不好,因为人性本来就是这样,样本大了从概率学上看,是一个绝对不可能改变的客观事实。

体验设计就是要运用技术去迎合人性,而千万不要妄图改变什么。

 

原文地址:体验进阶(公众号)

作者:设计师ZoeYZ

转载请注明:学UI网》峰终定律,揭露用户宁愿长痛不愿短痛的秘密



蓝设计建立了UI设计分群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

                                                            微信图片_20210513163802.png

 

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

 

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务




S02E03: 数字构建世界,什么构建「数字的世界」—— 阿里云设计中心年鉴

seo达人


本篇文章是承接《产品解决问题,什么解决「产品的问题」》《设计定义专业,什么定义「设计的专业」—— 阿里云设计中心年鉴》的内容。年鉴的第三篇,走进“数字”世界;比起这些宏大的视角,我们更希望和你一起推敲每一个细节。

图片

图片

如何构建一个数字世界?

图片

图片

图片

构建数字世界分为三步:

① 数据原料的采集与转译

② 数字世界的生产与加工

③ 设计过程的成本管控

 

数字世界的血液从哪里来?

数据是数字世界的血液,那么数据从哪里来?将空间数据采集后,我们进行标准化处理、融合,用于空间展示与计算;通过对环境、建筑、城市道路数据编辑能力,为生成3D城市(世界)提供完备数据。

图片                    
图片                    
空间构建平台 _

 

数字世界的构建就是建个模么?

孪生不仅仅停留在表面,而是由底层数据驱动、可以对物理实体流程模拟、结构模拟,甚至可以达到对物理的实时优化与反控。

                   
图片                    
图片                    

图片

怎么理解数字世界的生产加工?

这是一种很“工程化”的设计流程,无法通过设计稿“所见即所得”,需要在了解数据的特性基础上,同工程师一起,通过算法决定建筑的形态,通过视觉设计规则决定建筑的样式,通过场景编辑器决定物理世界的表现形式和规则。

                   
                   
DATAV _

 

如何降低设计成本提高效率?

针对大屏搭建成本高、周期长、我们的方法是从生产的各个环节进行优化,如提供涵盖行业特色场景的大屏模板,建立设计资产库、数据映射视觉设计;同时,DataV的智能设计 AiVisLab提供的智能化搭建与编辑方式(识图搭建,美化工具箱,自动可视化等)以及Visbar的资产沉淀让搭建设计成本更低,提高搭建效率。

图片                    
图片                    
图片                    
自动化,智能化,产品化
设计预设,模版等 _

 

图片

图片

如何把图形引擎能力抽象出来,服务更多的场景?

图片

图片

图片

 

三维场景和动态数据效果,是如何做到的?

我们通过提供便捷的数据服务一键生成三维数据基底、通过设计资产预设,后期环境设置等完成从物理空间到数字空间的转化;同时在数据业务展示层,我们有一套完整的图元系统贯彻组件支持数据展示;而在信息交互层上为了满足不同维度的交互编辑,我们提供了蓝图节点编辑,和镜头沉浸式设定等功能。

图片                    
图片                    
图片                     

图片

                   
                   
                    
 

不会代码,也能用 DataV么?

当然,为满足用户日益增长的编辑诉求,我们从最初的1个画布编辑器已扩展至今天横跨多个维度的6大编辑器,形成一套简单易操作的可视化编辑器系统。用户可通过编辑器里丰富的模版及资产库、数据配置、自动数据映射等0代码编辑的功能快速搭建专业水准的数据可视化应用,感受数据的美好。

图片图片

图片

小白如何快速上手搭建三维空间可视化?

为了让用户能够“傻瓜式”搭建复杂的三维空间可视化,我们打造了一整套包括 CityPro、CityV、GI组件等的图形引擎产品。并提供了一套既能满足沉浸式数字孪生体验,又能满足时空大数据分析的解决方案,可覆盖可视化领域的各个场景。

                    
图片                  

 

 

图片

图片

如何把模型资产沉淀下来,产生更多的复用价值?

图片

图片                    
图片                    

图片

 

为什么要有 Visbar?

在数字孪生的行业可视化项目中 ,每个具体行业的需求往往很相似,功能场景也有较高通用性。于是我们以行业维度沉淀资产,并以解决方案打包输出,最终以产品化对外服务。Visbar 不但能够提升可视化项目交付效率,还可以降低项目投入成本。

图片

行业案例 _

 

那么多资产沉淀得过来吗?

Visbar拥有自己的物料生态与运营模式。

图片

图片

图片

图片

原文地址:阿里设计中心(公众号)
作者:阿里设计中心

转载请注明:学UI网》S02E03: 数字构建世界,什么构建「数字的世界」—— 阿里云设计中心年鉴

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

                                                            微信图片_20210513163802.png

 

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

 

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


想抓住产品第一印象?看看这些引导页设计方法!

seo达人



引导页可以算作我们打开一个新产品时看到的第一个画面,能在未使用产品之前提前告知产品的主要功能与特点。

第一印象的好坏会很大程度上影响到后续的产品使用体验。文章通过梳理引导页设计的构成,总结出实用的观点与方法来助力引导页设计。

 

1.什么是引导页?

第一次打开新的应用时通常能会看到2-3个系列开屏页,上面有简短的文案来解释产品的功能,方便用户使用。

又或者打开一个全新的社交类产品,会引导用户进行创建帐号、设置偏好、添加兴趣等一系列操作,从零开始带用户了解产品。

图片

▲ 通过友好的引导页向用户介绍价值主张以及产品将如何改善他们的生活。

入门引导有助于用户了解需要做什么以及怎么做才能从产品中获得需要的东西。这是一种与用户建立信任的方法,不仅有助于用户,也是提高业务转化率和保留率的关键。

 

2.为什么引导页很重要?

平均来说,近四分之一的用户会在仅使用产品一次后就因为各种原因放弃再次使用。一旦用户试用了产品并且离开,可能很难再次成为产品的使用者,除非他们能从产品中获得一些有价值的内容。

例如我们花时间和精力去下载一个新产品时,总会带着某种目的性,希望这个产品能在某种程度上解决现阶段遇到的问题或者改善我们的生活。

图片

▲ Twine将渐进式的引导页融入到产品体验中,用户的流失率降低了一半以上。

用户留存率和客户忠诚度是大多数产品和服务成功的关键因素,合适的引导页可以提高长期留存率。

为产品或服务添加新功能虽然很好,但如果用户不了解或不知道如何使用,会导致用户在很大程度上未充分利用这些新功能,那么它们就没有为用户带来太大的价值。

 

3.引导页设计类型和方法 

引导页类型

为满足新用户的需求并留住他们,大多数产品会采用几种引导页组合来为用户提供指导。

 

入门之旅

这是一种在移动应用中非常流行的模式。用户第一次启动产品后,他们会看到几个快速概述产品价值和基础知识的页面。

这种简单、静态的介绍为新用户提供了一个很好的入门。

图片

▲ Slack通过四屏概览引入了新用户,整个介绍流程很清晰,为用户提供了明确的进度点以及跳过选项。

最好的做法是为用户提供进度指示以及退出或跳过选项。这样他们就会明白还有多少介绍内容需要阅读,并且不会感到困惑。

 

工具提示和指导标记

这是另一种很常见且相对省力的方法,用于从一开始并贯穿整个产品体验来引导用户。

图片

▲ Twine使用工具提示和指导标记帮助用户快速了解页面情况。

图片

▲ 在为Metrie的3D房间配置器设计界面时,通过添加指导标记的可切换图层,将它们合并到加载屏幕中。

虽然这种带注释的引导设计很有用,但要注意不要过度使用或者连续弹出多个窗口来干扰用户。一次引导用户使用一个元素或操作,避免解释太多显而易见的事情。

 

引导任务完成

让用户记住某事最好的方法就是让他们实际去做。引导式任务是通过一系列步骤提示用户与产品交互的方法,常用于当产品希望用户尽早创建帐户或设置一些个性化参数时。

图片

▲ 用户首次进入团队管理平台Basecamp时,会被引导完成一项任务,以此来熟悉产品的特性和功能。

 

什么时间开始引导

从初次进入到持续使用的整个过程中,决定在产品体验的哪个部分使用哪种引导模式对于用户体验来说都至关重要。

 

开箱即用

第一印象很重要,因为很多用户在第一次打开产品后就把它放弃了。

图片

▲ 日记应用Dailyo友好细致的引导页向用户解释了产品的价值,并提供了如何让用户从中获益的提示。

 

渐进式引导

用户完成了开箱即用的流程之后,在使用产品的过程中仍然有很多机会可以继续帮助、启发和取悦用户。

图片

▲ 每当用户选择一种新语言来学习时,多邻国都会提示用户表明他们的专业水平,然后测试他们的语言能力。这有助于用户避免因高估自己的能力而有可能放弃使用的挫折感。

 

新功能上线

当产品推出新功能或对体验进行重大的改动时,需要让用户知道这些新功能的优点以及如何使用。

图片

▲ 当Facebook为用户引入一项新功能时,会通过一个高度可见的工具提示标注来让用户知道如何在一个简单的消息中使用新的功能。

 

4.引导页设计实践和技巧 

了解用户

通过了解用户来调整引导页的设计,发现并利用用户现有的心智模型,来帮助弥合用户对产品的期望。

图片

▲ Basecamp通过提供一个简单的选择面板和友好的指南,突出了新用户在首次使用时要注意的核心要素。

在构建产品时,用户测试和可用性分析不仅能帮助团队改进整体设计,还能告知用户在入门时应关注哪些内容。

 

与用户价值联系起来

使用福利介绍来提醒用户为什么产品或服务适合满足特定需求。

图片

▲ Inbox对入门体验进行了冗长的介绍,但每个案例都强调了其功能将如何使用户的生活更轻松。

 

快速引导

使用一个实体产品时,很少有人愿意翻看说明书,相反大家更愿意自己去摸索产品的功能。

图片

▲ Morningstar Financial的入门引导违反保持简单引导的准则,因为没有人愿意花费时间去阅读这么多的说明,更别说记住这些说明。

如果产品很简单,快速的概览可能就足够了。当需要更深入时可以考虑渐进式引导,将引导扩展到整个产品体验中。

 

可重复引导

入门引导之后,不能假设用户不会再次访问这些引导内容,用户很可能忘记了第一次引导时提到的技巧或内容,所以考虑在导航中设置一个“帮助”模块,便于用户重复回看这些引导内容。

图片

▲ 指导标记可以根据用户需要在房间中选择打开或关闭,这使用户能够根据自己的实际情况获得指导和帮助。

 

避免过于个性化

鼓励新用户提供一些有助于个性化体验的信息是很好的,但需要注意不能要求太多细节,导致让用户有一种信息泄漏的感觉。

产品不应该向用户询问太多不必要的问题,尤其是在刚开始使用的时候。

图片

▲ 首次使用Pinterest时,用户需要使用邮箱才能登录,再通过年龄和兴趣爱好的选择为用户带来个性化的体验。

 

最后 

引导页不仅仅是一瞬间的操作,而是一个与受众建立并保持信任的过程。

 

原文地址:Clip设计夹(公众号)

作者: Clippp

转载请注明:学UI网》想抓住产品第一印象?看看这些引导页设计方法!


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

                                                            微信图片_20210513163802.png

 

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

 

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



如何提升UI效果图空间感?

seo达人


不论是作品集还是项目汇报,都少不了UI效果图展示。虽然网上有很多样机模板可以用,但与其与胡乱套用,还不如自己学会怎么展示界面。

今天教大家一个简单的方法,只需五个步骤就可以立即提升界面展示的空间感。

看过之后,说不定你还可以举一反三,做出更多不同的创新。

 

1、准备界面

可以像这样把两个界面并列放到一起,这里我用的是一个正方形画布。

看起来很无聊就对了,因为这只是第一步。

 

2、旋转角度

如果什么东西都方方正正的,看起来会很没意思。更何况在三维空间看二维界面,肯定是不可能这么摆放得规矩。

于是我们把两个界面都向不同的方向旋转一点角度,例如下图右边是 -5 度,左边是 8 度。

同样是为了体现三维空间感,我们把这两个界面交叠一下,像是两张散落在桌面的扑克牌。

 

3、添加背景

什么东西都用白色背景多无聊?更何况很多界面本身就是白色背景,再往白色画布上放就要找不到边界了。

最简单的方法,就是把界面上的主题色直接用到背景上,这样即把界面体现出来了,又能保证整体色调。

但是这样做问题还是很明显:首先,背景太强容易分散注意力;其次,也许有少量页面用主题色作为背景,那就和画布区分不开了。

所以,比较简单的方法,就是把背景上的主题色往浅灰色靠一些,让它即保留在同一个色调,又不至于太抢眼。

另外可以给画布和界面都加个圆角,让它们看起来更有卡片的感觉。

 

4、绘制投影

阴影可以说是空间感的点睛之笔,所以很有讲究。

很多人直接给界面设置阴影效果,结果阴影紧贴着边缘,导致空间感较弱。

为了让阴影更加真实,最好是单独画一个阴影方块,叠放在两张界面之间。

这个方块可以直接用上层界面的形状,缩小一点、加大圆角并填充黑色,至于摆放位置,就想象一下自然投影效果吧。

 

5、模糊投影

投影肯定不能是一个黑色的圆角方块,所以要给它添加效果。

例如,我设置了 50 的模糊效果,和 20% 的不透明度。这个数值可以根据具体的情况,自己调节。

 

总结

第五个步骤完成后,和第一个步骤比起来,是不是感觉好多了?

你也可以用这个方法尝试不同的色调和排版:

 

原文地址:知乎

转载请注明:学UI网》如何提升UI效果图空间感?

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

                                                            微信图片_20210513163802.png

 

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

 

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

最初我觉得这效果也太差了,最后没想到做的还不错!

seo达人


今天给大家讲讲每周任务页页面头图案例,讲讲这里面的思路,让大家吸收一波!本文头图强调颜色的横向丰富与纵向丰富,色相的差异化、颜色占比的问题、层次和饱满度,这样就能大大提升画面质感。

最近在做每周任务页页面,头图又是给我难够呛,我们先看下第一版到第三版的变化:

第一版

图片

 

第二版

图片

 

第三版

图片

中间过程思考了很多,和大家分享一下。

 

1. 颜色的横向丰富与纵向丰富

什么是横向颜色?

其实就是同一饱和度、明度的颜色,色相不同,比如下面这组颜色:

图片

虽然色相挺丰富,但是看多了会比较腻。

所以有时候我们就需要进行颜色的纵向延伸,也就是除了色相的不同,还有饱和度、明度的不同,比如:

图片

 

2. 色相的差异化

之前在总结颜色的时候有说过,色相不要用的太正,会比较常规,因为人们看多了比较正的颜色,所以就会感觉没什么新意。

举个例子,同样是红色:

图片

第一个红色就会比较正,如果没有相当足的功力,很可能做成过年、国庆的感觉,而第个组就会相对容易出效果一点!

当然,颜色本身没有好坏,要看怎么用,只是说不太正的色相对新手来说比较友好一些。

所以大家看下,色相从比较正的橙色变换色相后,瞬间感觉没那么老气了:

图片

 

3. 关于颜色占比的问题

当然,这个案例中,除了色相以外,还有颜色完毕的问题,其实我之前很多作品,重色会占比多一些,比如下面这种:

图片

而这次的每周任务页面希望能有一点轻松愉悦的感觉,别用太浓烈的颜色让用户压力太大。所以对我来说也算是一次小挑战。

所以我将重色占比缩小,只用在最前处的近景和字体暗部(蓝色部分):

图片

其他地方都是比较轻的颜色。

 

4.关于层次和饱满度

上面讲的都是关于配色的,接下来说下层次和饱满度。

因为这次的构图比较简单,就是中心构图,也没有什么大透视,那如何增加层次呢?

我使用三、四层云放在前面,这几本就把算是拉开层次:

图片

但是有个问题,下面是有层次了,但是上面有点感觉空空的,于是又加了一点小元素进行点缀:

图片

这样整体看起来就比较和谐了,这里面有个要说的点,对于小元素的颜色,一定要有前后关系,也就是用颜色的深浅、色相来体现:

图片

这样看起来才不会生硬。

 

总结:

做到这里,越看越不顺眼,总感觉有点油腻,有点土,具体什么原因?怎么修改?因为不想写的太长,所以我们下期再仔细的聊一聊在保持基础框架不变的情况下,如何拆分画面来优化每一处细节,使第二版变成第三版的!

图片

 

原文地址:菜心设计铺
作者:菜心设计铺

转载请注明:学UI网》最初我觉得这效果也太差了,最后没想到做的还不错!

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

                                                            微信图片_20210513163802.png

 

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

 

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

掌握这20条用户体验设计原则,助力设计成长!

seo达人


用户体验设计需要考虑很多不同的因素,例如为用户创造新体验时需要考虑哪些内容?哪些规则能区分产品的好坏?文章整理了20条用户体验设计原则,希望通过这份简洁易懂的合集能够让你对用户体验领域有一个初步的概览和了解。

 

1.以用户为中心 

这是最常被提及的用户体验设计基础,当涉及到产品设计决策时,提醒我们要学会使用同理心,而不是仅凭个人的想法或意见。

真正好的用户体验设计是为用户量身打造的,用户的意见、痛点、愿望、偏好和需求对产品来说至关重要,所以在项目初始阶段需要投入大量的时间和精力去了解用户。

图片

用户体验研究重点是了解用户,为接下来的产品设计做准备。以用户为中心的设计理念是设计师迎合用户的需求,区分了设计任何人都可以使用的产品和为目标用户设计的产品。

一款特定的产品需要面对不同的目标群体,前期研究中需要了解目标人群需要什么并在产品中反映出来,这是针对性很强的设计研究。

 

2.了解信息架构

可能很多人对信息架构的定义很模糊,这里举个例子来具象说明一下信息架构的含义。

例如在一款产品中,如果把所有内容都堆到一个列表或页面中,可能我们将无法使用这款产品,所以我们看到大多数的App和网站都包含很多的导航和页面结构,按照内容重要程度有序地来组织内容。

信息体系结构的最终目标是帮助用户理解他们在看什么,并帮助他们找到需要寻找的内容。

图片

信息架构在制作线框图或原型之前完成,因为它是产品的基础,有助于设计师考虑什么功能是最重要的,哪些是用户最需要的以及哪些次要内容可以隐藏起来等。

这种结构与产品的导航设计密切相关,有助于将用户引导到正确的位置。导航和信息架构都试图让用户以最少的认知努力来完成操作。

信息架构的设计不当会造成重大故障甚至可能危及整个产品。如果用户在使用产品时找不到任何想要的内容,点击任何元素都没有反应,会给用户带来很糟糕的使用体验。

 

3.考虑使用场景

没有场景,任何设计都很难生效。设计师在项目开始时会投入时间去了解用户面临的问题以及围绕这些问题的背景。

图片

这条原则有助于设计师考虑还有哪些因素会影响用户和产品,很多产品设计会为用户提供一些有助于消除使用摩擦的操作提示。

例如在设计表单时,会尽可能的添加输入提示,最大程度地减少用户出错的机会。

 

4.了解一致性及其重要性

保持一致性是用户体验设计的关键原则。拥有一致设计的产品可以更快地被新用户接受,因为用户不需要再次学习如何操作,他们会回忆起之前的操作习惯并将其作为指导,这也解释了为什么同类型的产品例如电商类App页面设计的很相似。

保持一致意味着在需要时可以重复使用某些UI组件,并在整个产品中保持一致的行为。例如当点击或悬停在按钮上面时,所以按钮的状态应该是一致的。

图片

从逻辑上讲,产品越大,这种一致性会变得越来越有挑战性,这促使许多设计团队创建自己的设计系统。一款产品的学习曲线越长越陡,放弃的用户就会越多,在市场营销中,这通常被称为销售漏斗中的漏洞。

 

5.给予用户适当的控制权

这条原则意味着用户希望能控制产品,无论是完成任务还是定制满足他们需求的内容。

在设计过程中一直试图给用户尽可能多的控制权,例如允许用户撤消操作、更改设置、自定义UI外观、创建快捷方式等。

图片

需要注意的是,当提供太多选项或用户太依赖于自己的选择时,用户可能会不知所措,造成所谓的选择悖论。所以在设计时要了解用户乐于掌控的余地,不能让用户感到使用压力。

 

6.把可用性放在首位

在整体上看,建立高标准的可用性是为用户做的最好的事情,有助于检查用户是否能够轻松地完成任务、产品是否正常运行以及是否完成工作。

图片

可用性的重要之处在于要理解可用性的灵活性和重要性。

 

7.了解用户测试

结合可用性的概念,我们还要进行用户测试,这是设计师对工作进行测试的方式,对新的产品来说至关重要。

当设计思想和理念被转化为有形的原型时,设计师要观察真实的用户是如何与之交互的,可以通过许多不同的方式例如简单的A/B测试到全面的审核测试等来实现。

图片

测试通常分几轮进行,团队在向原型添加更多细节之前验证每个步骤。随着测试结果的出现,设计也随之发生了变化。

如果发生更改,将会进行新一轮的测试,通过这个过程,设计团队可以改进他们的工作,直到达到可用性标准。

 

8.少即是多

在创造力和创造独特事物的渴望中,很多设计师很容易无意中弄乱产品界面甚至产品本身。

功能过多的产品可能会失去焦点并削弱吸引力。具有太多元素的页面会变得充满视觉冲击,但也会给用户带来负面体验,在设计时要学会克制并优先考虑真正关键的部分。

另外手机端的屏幕空间非常小,创建一个有效的布局,想出巧妙的方法来隐藏次要元素并创建一个令人愉悦的界面需要付出很大的努力和创造力。

 

9.视觉层次

视觉层次是向用户传达产品中元素重要性的方式。良好的层次结构有助于用户视线在界面上移动,并立即了解最重要的内容以及这些内容与其他部分的关系。

视觉层次结构与布局设计紧密相连,帮助用户消化所接触到的信息。

图片

创建层次结构从概念的草图开始,一直持续到完成设计。例如发送按钮通常会用绿色而是不红色,而次要按钮会显示为灰色或与背景混合,并显示“撤消”或“返回”。

 

10.了解用户的心智模型

为用户创建心智模型是尝试使用同理心的一种方式,是帮助设计师从用户的角度看待问题的工具。

图片

做到准确就是直观的产品,用户不需要投入精力就可以使用它,而错误的思维模型会导致一些问题,例如界面混乱、高昂的交互成本。

为了匹配用户的心智模型,可以采用多种不同类型的研究方法,常见的方法包括卡片分类、决策树、对用户行为的密切观察,或者使用大量的数据来建立关键用户的心理模型。

 

11.设计中的讲故事

讲故事的方式更加直观,利用图像、视频、动画和文本等元素让整个页面与用户对话。用户体验设计中的视觉叙事是为了唤起用户的情感,给用户留下持久的印象。

图片

想出一种可视化的方式来传达复杂的内容具有挑战性,但同时也是有益的,可以更好地接近用户并将其作为提高产品可学习性的方法。

 

12.不要直接跳到高保真原型上

高保真原型是设计项目的最终目标,但是直接使用原型软件不断添加各种页面细节是错误的操作。

图片

避免直接出高保真的主要原因是因为这样做的成本会更高。在没有任何用户研究和测试的情况下,一款产品无论具有多少的细节都有可能面临不符合用户使用的情况。

 

13.可访问性测试很重要

不仅要检查关键用户是否可以流畅地使用产品,还应该检查其他所有用户例如少数群体等是否都能够正常使用产品。

图片

事实上,残疾人和其他用户一样需要数字产品,但很多产品在设计时并没有考虑到这些群体,但这也提供了一个机会,为所有用户提供一个可以依赖的好产品。

 

14.熟悉并在用户体验设计中使用

我们知道为用户提供一致的设计有助于克服学习曲线,同时为用户提供熟悉的东西也有助于缩短学习曲线。

例如,大多数用户都会立即识别某些UI组件(汉堡菜单/单选按钮),这意味着他们会本能地知道这些组件代表什么意思或者如何操作。

图片

使用用户已经熟悉的东西并不一定会让产品的独特性消失,有经验的设计师会利用这种熟悉性来来创造一些独特的设计,同时也是直观的,不需要太多努力就可以使用。

设计一个完全不依赖熟悉度的产品可能是具有风险的行为,因为它很容易让那些不熟悉产品的用户超负荷,形成巨大的学习曲线,增加用户负担。

 

15.了解交付成果的力量

可交付成果是可以在整个团队中交付的内容,包括用户画像、心智模型、用户旅程以及线框图和原型等,是一种有形和具体的表现。

可交付成果是用户体验设计原则,可以帮助设计团队和其他利益相关者理解和交流概念。

图片

▲ 用户画像可以捕捉理想用户,并提供可以相关联的真实面孔,是一种指导设计的工具。用户旅程图帮助设计师了解用户完成任务需要的具体步骤,有助于确保这些步骤确实可以轻松执行,并且整个过程很流畅。

这些交付成果服务于关键功能,设计师需要在整个项目中都依赖它们,不断转换为用户可以与之交互的真实有形的设计。

 

16.专业的原型设计工具

用户体验设计的过程不是线性的,而是一个循环。无论创建什么样的产品,都需要专业的原型工具,将基本框架放在一起,然后添加可能需要的所有细节。

图片

从逻辑上讲,设计团队的具体需求会因团队而异,但一些关键功能例如团队协作、需求管理、交互设计和开发移交等,对于大多数团队来说是必要的。

 

17.精心管理产品需求

一切都从收集需求开始,然后慢慢创建关键列表。虽然简单地列出一个列表听起来很容易,但随着项目的进展,要保持列表的条理性确实是一个挑战。

图片

除了创建需求和检查需求之外,还有一个问题就是调整需求,需要从设计、技术和业务各个方面来处理各种需求,还要确保这些需求之间没有相互矛盾。

 

18.了解移动和网页产品之间的差异

网页端和移动端产品最明显的区别是屏幕尺寸,这意味着所有的视觉层次结构和信息架构都将从Web到App发生变化。

图片

移动端产品会有更多影响设计决策的因素,例如设备的操作系统、使用产品的环境等。了解移动端产品在导航设计、用户流程等关键方面的差异是至关重要的用户体验设计原则。

 

19.利用UX设计模式

几乎所有的产品都专注于设计模式,它们可靠、易于查找并通过减少设计时间来为项目增加实用性。

图片

▲ 当用户在谷歌搜索中输入的内容有问题时,谷歌会提供一个相关的搜索提示,辅助用户进行精确地搜索,解决用户使用不同方式在搜索栏中传达他们正在寻找的内容的问题。

 

20.使用合适的工具才能有效

拥有单一的内容来源可以为团队带来清晰性和高效性,如果线框和原型分散在多个渠道中,这种内容的集合就会变得很难达成。

图片

通过合适高效的工具能够避免产品在到达终点时遇到各种各样的可用性问题,防止产品细节没有表现出来或者被忽略。

 

最后

通过这份用户体验设计原则的合集希望能够让你对这个领域有一个大致的了解。

没有人知道用户体验设计在未来会引领我们走向哪里,不过我们可以确定,无论它带给我们什么,肯定都会很有趣

 

内容参考:justinmind.com/ux-design/principles


原文地址:Clip设计夹(公众号)

作者:Clippp

转载请注明:学UI网》掌握这20条用户体验设计原则,助力设计成长!

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小

助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

                                                            微信图片_20210513163802.png

 

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

 

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档