阿里巴巴内部资料 | 交互设计全档案

·交互设计师的基本素质首先,谈谈我个人对交互设计师基本素质的看法。从我个人的理解来看,可以简单归纳为九字诀:“听、看、想、说、磨、做、验、写、讲”。1)听:做一个交互设计师,最重要的一点就是要懂得倾听(这里蕴藏了一个隐晦的性格属性:谦虚!)。通常情况下,我们不是用户,所以很难100%代表用户,更左右不了老板,所以我们首先要有听的本事,把来自用户的、老板的、PD的、视觉的、前

国外创新网站欣赏之动态效果的信息图表篇

今天小编要给大家推荐的是和动态效果的信息图表相关的几个国外创新网站欣赏,希望各位产品控们能有所收获!^_^NO.1 The Arnold Clark Savings ChallengeNO.2 Meet Your MXNO.3 Why Your Brain Craves InfographicsNO.4 Good Morning Breakfast appNO.5 Atla

图标字体化浅谈

在做手机端Web App项目中,经常会遇到小图标在手机上显示比较模糊的问题,经过实践发现了一种比较好的解决方案,图标字体化。在微社区项目中,有很多小的Icon(图 标),如分享、回复、赞、返回、话题、访问、箭头等,这些Icon(图标)一般都是纯色的。开始制作时考虑用双倍大小的Sprite图,通过CSS样式设 置只显示二分之一尺寸,这样在Retina屏上显示的大小是正常的,一

酷站欣赏:50款优秀的配色方案

好的网站配色可以成功获得用户和提升用户体验,本文主要介绍这50款优秀的配色方案,希望对你的感觉有用。Daniel SitekTrinity Web TechRyan KeiserWe are ImperoHitmoVolllNybble DesignsMelon FreeSkittlesBroncoReel EffectCodes Lingers ChallengeArun

涨姿势!聊聊中英文排版

在《让我们吹毛求疵一下:中英文混排时的优化状态》中,我们聊了一些中文字适应英文语系的横式书写的方式的情形。因为中文的方块组成在排列上具有非常优秀的弹性,因此不论是直书或是横式的书写方向都可以很好的适应。在近代为了推行计算机化、让文字与信息带来普及化,横式书写的排版方式被广泛地应用。但其实在许多场合,例如较为着重中文文字表达性的书籍,依旧会使用直式书写来做排版,在阅读上具有完

谈手势驱动的移动界面设计

作为设计师,你也许还记得苹果刚刚发布iPhone时的情景吧,我(英文原文作者)觉得那就像是昨天发生的事情一样。他们将电容触屏技术完整的运用到了这样一个私人化的重要设备当中,这是具有里程碑意义的时刻,同时也改变了整个业界的游戏规则。若干年之后的今天,连小孩子们都已经习惯了触屏体验,好像这是非常自然的事情,而家长们也会惊叹于他们的孩子可以如此迅速的学会使用触屏设备,包括手机和平

高大上的扁平化交互设计

写在前面的话:(看正文请直接跳到分割线处)[br]当写完“做好扁平化设计:视觉篇”给到各位设计师看求指点的时候。[br]大家吐槽了:有人说“只有交互扁平了,视觉才好做扁平⋯⋯”还有人说 “如果一个产品把希望寄托于视觉上,想靠视觉来表现产品的扁平化,显然是不靠谱的⋯⋯”确实是这样的,扁平化不仅仅是界面视觉扁平无立体感,更应该是交互体验的扁平化,信息架构的扁平化。在进入正题之前

都是为了打动你——QQ电影票之iPad版

iPhone版确定地位,iPad版则是需要更多关注品牌感,建立能打动人的目标。 区分iPhone和iPad使用场景的不同,并充分利用iPad设备本身的特性,确定此项目的设计基准规则: 滑动是第一体验;娱乐高于购票需求; 由此两条准则的前提下,我们在页面做出了大量滑动性和娱乐性优先的创新。原文来自:腾讯ECD 关键字:交互体验, 视觉设计

做好扁平化设计之交互篇

写在前面的话:(看正文请直接跳到分割线处)当写完“做好扁平化设计-视觉篇”给到各位设计师看求指点的时候。大家吐槽了:有人说“只有交互扁平了,视觉才好做扁平⋯⋯”还有人说 “如果一个产品把希望寄托于视觉上,想靠视觉来表现产品的扁平化,显然是不靠谱的⋯⋯”⋯⋯确实是这样的,扁平化不仅仅是界面视觉扁平无立体感,更应该是交互体验的扁平化,信息架构的扁平化。在进入正题之前,我们先来看

终结拟物化与扁平化之争!多研究些问题,少谈些主义

这里搬出这些文字,是想抛玉引砖,借真知来粉饰拙见,谈一谈眼下产品和设计业界里的”问题”与”主义”。拟物主义 VS 扁平主义?众所周知,自微软创造出Metro伊始,关于”skeuomorphic(拟物化)”和”flat(扁平化)”的的争议就未曾间歇过。这一公案,在6月11日苹果发布iOS7后,更是被推上一个新的高潮。至于这段公案的详情这里就不再赘述,看官可随意Google之。

交互设计师是做什么的?

2011年10月,相继写了两篇《交互设计那些事儿》(一)(二),至今已经有两年了。期间有不少新的想法伴随着我的工作、交流涌现出来,加上几周前,在新的团队又进行了一次分享,颇有点心得,又懒得去重新修改原有文章,就在此进行一些补录吧。还是个人经验,眼界有限,欢迎拍砖。一. 再谈术语面向对交互比较陌生的团队进行分享,少不得再介绍下那些让人云里雾里的术语。这次,咱们为这些术语做一个

我要如何了解“她”

有关UE在团队中的作用,有一点大家已经达成共识,那就是用户是所有体验的基础,如果用户的要求没被满足,良好的体验自然也无从说起。那么,我们怎样才能了解用户需求呢?大家都知道可用性测试、调查问卷之类与用户进行沟通的途径,这些方法各有各的利弊,如果逐一分析的话,恐怕至少要分成三本书来写。现在我们先把它们放在一边,从另一个角度来看看这个问题:用户的需求会通过什么途径来表达呢?举个小

Android界面与交互设计原则

设计原则这些设计原则是由安卓的用户体验团队制定并应用的,以此来保证用户心目中最佳的用户体验。应用开发者应该参考这些设计原则,并将之用于自己的创作与设计,有针对性地在用户体验方面进行实践。吸引我以令人惊讶的方式取悦我[br]漂亮的界面,精心设置的动画,或是恰到好处的声音效果,都是快乐的情感体验。各种细微的效果精妙地组合在一起往往效果惊人,不仅显得轻松明快,更可以营造出丰富强大

微交互:细节设计成就卓越产品

平庸的产品与伟大的产品差就差在细节上。作者Dan Saffer将通过《微交互:细节设计成就卓越产品》这本书展示怎么设计微交互,即位于功能之内或周边的那些交互细节。你的手机怎么静音?你怎么知道有新邮件了?怎么修改应用的设置?诸如此类的交互细节,既可以毁掉一个产品,也可以成就一个产品。高效而有趣的微交互,涉及触发器、规则、循环和模式,还有反馈。透过书中生动、真实的设备及应用示例

如何设计产品和体验,让用户眼前一亮?

现在,时尚和零售行业应该能在科技世界里占有一席之地了,在这一领域里创业的初创公司有些已经成为了最热门的企业。而对于年轻的品牌来说,由于科技的支持,让一切皆有可能,这些公司可以跳过中间商,直接和他们的消费者客户进行沟通交流,而且无需再投入巨大的日常管理费用就能生产出高质量的产品。顺理成章,这一领域也吸引了投资人的关注。这些公司,只需花费很少的投入就能产生令人艳羡的利润,更能抓

APP解构重构.勿忘初心

大学美术史(选修)的第一堂课上,那老师开门见山的说:知道大家认真听课的不多,下节课能来多少也不知道,这里介绍一个自学阅读的办法,方便你 们抱佛脚,在我看来大部分书籍讲的实质性内容都很少,这就需要拧干提纯,发现一本书有用之处最有效的方法是看目录,大家能消化掉美术史这本书的目录就能考 60分了。对于其它休闲类书籍你大可从目录里面选择自己有兴趣的章节阅读,感兴趣的章节对你来说就是

捕捉用户的文艺神经—清明活动设计小结

清明节是中国人非常注重的传统节日之一,有关清明的专题比比皆是,如何在众多传统设计风格的活动中脱颖而出呢,这将会是一场新的挑战。强化感情诉求准确的把握节日期间的用户行为,把清明节打造为轻松的踏青氛围。塑造了踏青出游,“荡秋千,放风筝,插柳枝”四个清明民俗场景,并各自对应一个业务产品。 创新的设计风格即保持传统节日的“调性”又营造出不一样的中国风,和同期活动产品差异化,强化用户

超级面包屑的分面查找

译者注:搜索的关键是让用户更加容易的找到所需的信息,我发现该文精心的为用户创造了一个灵活的解决方法,交互形式不在拘泥于固有的设计原则,更多是从实际情况出发,创造更适合的交互控件。 翻译了这篇文章跟大家共享,若大家发现任何错误,欢迎随时给予纠正。原文地址:faceted-finding-with-super-powered-breadcrumbs如今的查找界面没有有效的支持一

手绘移动端极致体验

(Lennart Hennigs 著     Ellazou & Charrywang译    Crispinzhu校正     查看原文   转载请注明出处)移动端用户体验设计正日趋成熟。衡量这一点的方法之一就是看工具。原型工具可以让我们创建线框图以及点击事件,比如Balsamiq、Axure以及Fireworks,帮助我们诠释目标用户体验。跨浏览器的框架工具如Phone

26个精彩的网格布局网站欣赏

现在大量网页设计基于网格布局。虽说人们通常注意不到它,但杂乱无章的布局时代确实已经过去了,现在是整齐结构化的天下。无论从理论、美学和整齐来说,这样的布局都很好平衡。网格结构是所有现代网站的基础,它总能给最终用户完美无暇的设计。尽管通常网格设计仅仅是在规定的间隔下用没有任何多余修饰的水平线和垂直线的交叉,但很多设计师们也会用一些明显突出的几何图形来修饰网格。通常我 们会在展示