首页

阿里专业干货!用户体验设计进阶修炼的思考总结

周周

编者按:如何形成自己的设计方法,建立交付物的衡量标准,优化协同模式。在这篇文章里,你可以看到一个阿里专业设计师是如何进行自我提升的。

鸿影:如果2015对我来说尚处于用户体验设计的职场入门阶段,2016的核心则是开始撕下初级与新人标签的进阶修炼。4月份的2016 S1开始的时候,我给自己设定了包括形成个人设计方法论与应用案例等一系列目标,如今S1结束,也是时候对这段时间的进阶修炼来一个总结回顾了。

形成自己的设计方法

在公司内部经常会有一些跨部门的UED分享活动,听下来个人最明显的一点感触就是,这些来分享的设计师普遍有着一套自己思考总结出来的设计方法论,并且有成功应用案例支撑。

也许有人会有疑惑,现在关于设计方法的轮子到处都是,网上随便一搜就能找到某某大厂某某大牛的设计方法分享,直接拿来用就好了,为什么还要费心费力自己造轮子呢?

在我自己的设计方法还没有完全成型时,我一度很迷信于网上别人的各种设计方法的分享,并试图在自己的项目里加以运用,但结果却差强人意:设计推导的过程看似洋洋洒洒专业性十足,拿出来给别人一看一讲就发现漏洞百出;有时为了套方法而套方法,体验地图一类的输出物看似有模有样,最后项目做完了才发现设计方案时基本没用到……虽然自己用的都是别人经过验证的设计方法,但却没有理解透这些方法的应用场景与局限所在,也不清楚哪些环节其实并非必要存在,自然也让实际的应用效果大打折扣。而靠自己思考、沉淀和交流改进出来的设计方法,理解和运用起来则要透彻顺手很多。

这四种大胆前卫的背景设计技巧,能让你的设计脱颖而出

周周

在很长一段时间里面,网页中的背景图片元素,一直都生活在CSS、JS甚至视频的阴影当中,它的“参与感”并不强烈。不过随着审美和用户需求的逐步变化,背景图片在网页装饰上,开始发挥着越来越重要的作用。

当然,从总体上来看,变化并不明显,但是在绝大多数的情况下,背景图片开始作为主要的视觉驱动力而存在。

传统意义上的背景主要是使用图片,近几年开始流行视频背景了。而这些主要还是集中在网站的页头、Banner等位置,大多用来欢迎用户,推荐内容。许多网站都采取了相似的策略,让用户有所期待。

随着动效的流行,现在越来越多的设计师开始试图将CSS3、HTML5和JS等技术融入到背景设计中来,寻求全新的解决方案。事实上,现在已经有四种不同类型的动态背景设计方案,它们风格都非常符合时下流行的趋势,且都具备不俗的发展潜力,今天我们聊聊这四种风格前卫大气的背景设计。

5个小技巧,用动效提升界面的用户体验就这么简单

周周

动效能讲述故事。和图片不同,动效能够呈现变化的过程,讲述一段简短而有趣的故事,能够同你进行对话:“嘿,你该看这个按钮了”或者“哦耶!你刚刚完成了一个操作!”不过,动效的目标并不是单纯的娱乐用户,而是帮助用户了解交互的效果和界面中发生的变化,让用户更为有效地使用你的APP。Zurb 有一句话很好的解释了这一点:

“我们设计的不再仅仅只是静态的界面,实际上,我们所设计的是用户从界面获得内容的过程。”

动效广泛运用于网页内容和背景当中,用来强化功能,提升美感:它会直接影响用户的行为,引导用户注意到特定的内容,呈现状态,帮助用户找到他们想要的内容,达成目标。想要借助动效提升用户体验,可以参考下面的指引来进行优化:

绝对不能错过!2016 年最流行的8个UI设计趋势分析

周周

进入2016年后,我们会发现行业在体验设计上出现了很多新的元素,从我们平时经常浏览的设计社区中,这些新元素出现的频率越来越高,比如彩色投影、双色调渐变设计等,我们也慢慢开始接受这些新变化,并且逐步应用到我们的产品中。这篇文章的初衷是希望能更系统更全面地梳理出一份流行趋势的分析,能对我们平时的工作能产生一定的指导作用。

一、使用模糊背景

模糊背景和iOS毛玻璃效果非常的相似,也符合时下流行的扁平化和现代风的设计,设计效果十分的赏心悦目,可以很好的和幽灵按钮以及时下流行的元素搭配起来,提升用户体验。

以淘宝电影为例,采用的是虚化电影海报作为背景,这样做的好处是每一个页面的头部效果都不一样,这样的排版视觉效果更佳,同样也突出电影信息等主要内容。从设计的角度来看,这也很容易实现,让内容模块变的清晰,同时可以规避复杂的设计,还可以降低设计成本,花最少的时间达到最大的效果。

uisdc-trend-2016-10-11

专业能力之外,交互设计师应该具备哪四个素质?

周周

从今年4月份开始,我被安排负责一个直播项目,设计之路可谓曲奇坎坷,难得的设计经验让我对交互设计本身有了一些新的认识。结合自身的感悟,我自认为交互设计师除了专业能力的要求外,还应该具备以下素质:

1,业务深度带来业务驱动力

在工作之初,我认为无论负责什么项目,交互设计都是一种解决复杂问题的能力,从设计分析到设计产出是具有绝对的普适应;而且随着设计能力的提升,经验的积累,这种普适性更加凸显;这一层我并不否认,但交互设计师只聚焦于普适性可能永远都处于门外汉的水准;有机会专门负责直播项目,让我不得不接触和使用各种直播App,不得不和很多专门做直播的人合作,在这过程中,让我对于直播业务有了深入了解。

举个栗子,比如设计一个直播的发布流程。

不止是划条线!移动端UI中常见的视觉分隔设计技巧

周周

乍一看许多APP的布局并不复杂,感觉换成自己也能设计出来,但是当你真的开始着手设计这么一个APP的原型的时候,会发现事情并不是那么简单。看着别人已经设计完成的设计可能觉得不难,可是当自己动手的时候,在特定的元素的选取和设计上很容易陷入困局,这个时候才明白它的难点并不在于工作量的多少,设计者常常深陷于细节构建的囹圄,这才是它的困难之处。即使是元素与元素之间的分隔方式,都能随随便便用一整篇文章来进行探讨。

传统的分隔方式

在UI界面中,最传统也是最常见的分隔方式用的是线,将视觉上或者内容上需要区分的内容用横向或者纵向的细线区分开来,它帮助用户了解页面的层次结构,赋予页面内容以组织性。

1-A2lLUDOWFDjePhePR5WcsA 

做好这4个细节设计,让你的移动APP 用户体验脱颖而出

周周

启动页、空状态、动画反馈、框架界面… 今天提到的这4种状态,都是容易被忽视,而又能让移动App 脱颖而出的细节。如何做好这4个细节的用户体验设计?今天这篇好文总结了关键的几个原则。

启动页

当用户打开 app 时,最不能做的事情就是让他们等待。但是如果 app 的初始设置非常耗时,又不可能优化该怎么办?你不得不让用户等。如果他们愿意等,你得知道如何 吸引他们。启动页解决了等待的问题,让你有一个简洁有力的窗口来吸引用户。

uisdc-app-201609261 

用一个文本框,让你学到交互设计师的逻辑思考方法

周周

文本框是设计工作中常见的组件之一,无论是PC还是无线,大多仅是样式上的不同,它们的交互行为上是可以相互参照的。本文想从这一简单的组件出发,让大家看到交互设计师在工作中的逻辑思考方法,从而达到见微知著的直观感受。

先来做个设计需求吧!

这个设计需求是:我们需要用户填写活动的名称。

第一反应,这个是用来收集信息的,需要用户填写内容,并提交给系统,应该使用文本框

然后大笔一挥,设计如下图:

uisdc-24-2016092417

用这6个方法,他写了不少高人气的专业设计文章

周周

团队每周例会都有专业分享环节,快轮到我的时候,我问大家想听什么设计专业话题。我心里想着这些话题:交互设计进阶,设计与商业,设计视野拓展,设计推动力,设计创新,设计新动力等,想着大家对哪个话题感兴趣,我就准备好并好好讲。结果,大家一致要求我讲,如何成为网红。。。

我当然不是网红,不过我知道大家开玩笑之余想听什么,所以我分享了这个话题,专业文章写作经验,给团队分享一下自己写设计专业文章的经验和故事。

从2012年3月开始到现在,我已经保持写作习惯4年半,写作内容有60%是设计专业文章,20%是职业发展文章,20%是随笔旅游类文章,一大部分发布出来了,一小部分自己留着读。在这次分享中,除了设计专业文章,我也讲了一些职业发展、随笔旅游类文章的写作经验。

uisdc-24-201609241 

用这些方法做提案,设计比较容易落地

周周

编者按:什么是设计提案设计提案怎么做?如何组织设计提案?如何增强提案的说服力?设计提案要注意哪些点?今天@南宫若沁 这篇全面系统的文章,帮你彻底搞懂这些问题。

什么是设计提案?

设计提案,简言之就是基于现状,针对存在的问题提出设计的解决方案。目的是为了与业务方达成共识,在后续的工作中互相支持,促进最后的项目落地。

在商业设计中,常见于设计团队将自主驱动的设计方案“卖”给业务方,获得认可,并提供相关技术合作,达成共赢。

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档