首页

交互丨新人交互设计师如何把知识能力体系化?

用心设计

 Arale:碎片化阅读的时代,很多刚入行的设计师都喜欢用碎片时间充电,看看公众号,看看设计博客,零散的知识信息点缺少了一些整理和总结,因此基础也就不够坚实了。尤其是想要得到更进一步能力提升的时候,就会发现真的会有些吃力。在几个月以前我就面临着这样的困境,感觉自己很难在现有设计水平上有大的提升,经过不断地自我反省,自我总结,我将原因归结于,基础知识能力没有及时得到与经验相匹配的提升,故而在经历了项目经验带来的飞速提升之后,就陷入了一个长久瓶颈期。也就是基础不够扎实,知识能力不成体系。

好在找到了问题症结,也就有了下一阶段努力的方向,现在我将自己对于交互设计师所需要打下的知识能力基础,更系统更体系化地分享给大家,希望能对那些跟我有同样困惑和问题的同行有些许帮助。


Image title

如何利用动效提升用户体验

用心设计

如何利用动效提升用户体验


动画可以讲述故事。不是很长很复杂而是很简单的故事,而像是 "嘿,你现在要看看这个!" 或 "哇,你竞争成功了!"。然而,动效的目的不是娱乐用户,而是帮助他们理解发什么什么事,或者如何有效的使用你的软件。在Zurb的叙述中很清晰的表明了:

Image title

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

周周

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

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

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

UI动画可不是卡通片

用心设计

简介:我之前撰文讲过多余的动画,引发了一些共鸣。得到了非常积极的反馈,我很高兴了解到,动画过多的界面也会令其他人手足无措。老实说,我并不反对为界面进行动效设计。我主要是在质疑那些妨碍用户的动画。克制,是一名 ...

之前撰文讲过多余的动画,引发了一些共鸣。得到了非常积极的反馈,我很高兴了解到,动画过多的界面也会令其他人手足无措。

做到这8个点,有效地整合你的视觉设计

用心设计

在视觉界面设计中,不同于艺术作品传达的是设计者自身的情感和寄托,这里关注的重点是传达的行为和信息,也就是目标。而在视觉设计元素中,重点关注的有:

交互小技巧!浅聊四个主流的页面间跳转动效

周周

website-redirection-interaction-animation-1

@米_亓 :最近一直在做交互规范总结的工作,在不断梳理页面间跳转逻辑的同时,发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒的切换动效,却能在一定程度上影响用户对于页面间逻辑的认知。为了输出详细的规范,花了大量时间把玩现在公司线上的产品以及国内外优秀的APP,尤其是苹果、谷歌自己开发的APP。(如果某些方面在设计规范中并没有给出答案,就在原生APP中找答案吧!)

交互技巧,浅析四个主流的页面间跳转动效

用心设计

多出现于信息内容页面,用户将绝大部分注意力集中在内容信息本身上。当信息不足或者展现形式上不符合自身要求,临时调用工具对该页面内容进行添加、编辑等操作。在临时页面停留时间短暂,只想快速操作后重新回到信息内容本身上面。Tool   Tool

停止不必要的UI动效设计

用心设计

短文将会探讨UI设计中动画的过度使用,并将其与早期的视觉设计进行对比,提出一些对于有效的GUI动效设计的建议。

我们将在下文中,简单探讨如何改善下面的这个交互。

相关好文推荐:盘点那些应该杜绝滥用的设计

1-Example of Poor UI

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档