沿着这7个思路,你可以正确地使用动效取悦用户。“在体验设计的过程中,为用户提供满足感已经是一种常态,而愉悦感则是我们所追求的目标。”“个性和情感是我们被一部分人吸引,而没有被另外一部分人吸引的原因。”人们会忘记你所说的话,忘记你所做的事,但是不会忘记你给他们所带来的感受。 —— Maya Angelou
-
-
交互设计 改版设计的思路(下):解决问题
做改版设计大体思路很简单,只需要做好两件事:发现问题与解决问题。上一期(点击查看)我们做了改版设计的第一步──发现问题,今天我们来做第二步──解决问题!
0 549 03 5 月, 2017 -
交互设计 微交互的设计案例与思考(上篇)
作为一名交互设计爱好者,在此抛砖引玉,用6类约30个案例供大家参考,本文先分享前面两部分,即为懒而做的设计和为等待而做的设计。
0 2k 03 5 月, 2017 -
交互设计 常用中后台交互设计控件使用场景与规范总结
最近刚完成平台安畅云 2.0 的改版设计,平台模块很多,经常存在很多类似的页面和组件,若不制定统一的规范和控件,则会导致很多重复的工作,大大降低产品的设计效率;同时,平台的一致性也得不到保障。所以,我们视觉、交互、前端的小伙伴们针对我们踩过的坑,大家认真总结和提炼出一个符合公司定位的设计规范,统一公司项目的前端 UI 设计,规避不必要的设计差异和实现成本,实现设计和前端资源的效率最大化。
0 444 02 5 月, 2017 -
交互设计 浅析手机交互设计中的“拇指法则”
你有没有遇到过一款APP让你用的很不舒服?你的拇指必须要伸得老远才能够得到菜单,或者页面里元素太多导致你经常误操作。这些都是因为交互设计师在设计的时候没有考虑拇指的感受,或者更学术化点说,没有考虑到“拇指法则”。
0 909 02 5 月, 2017 -
交互设计 微交互的设计案例与思考(中篇)
设计师和初级产品经理在面试中不能很好回答APP设计好在哪里,并非是由于平时使用太少,而往往因为缺乏一种视角,即产品是为人而设计的。当我们意识到使用产品的是人,人具有感性层面,就会发现使用”功能强大、信息准确和流程最优“等客观化标准评价的不足。“设计和艺术是不同的,但很多人都没有认识到这一点,设计是为了人而产生的,如果你不明白人,你就不能理解什么是好的设计。”
0 2k 02 5 月, 2017 -
交互设计 来自腾讯交互设计师的分享:交互微动效设计指南
本设计指南适用于UI界面中交互微动效,涵盖入场、出场动效,过渡动效和加载动效,在时间和缓动曲线的选择上提供了一些通用的设计建议,帮助设计师理清动效设计思路,提高设计效率。
0 758 02 5 月, 2017 -
交互设计 阿里设计师分享:UX设计心理套路
在阿里巴巴国际站,我们对心理学理论进行了客观的数据验证,把科学理论应用至前线设计,提升设计效益。我们沉淀及过滤出一些行之有效的方法及案例与同业共享,希望普惠更多设计师能活化科学理论,共享知识协同促进中国设计走出去。
0 1k 02 5 月, 2017 -
交互设计 浅析栅格系统的基础六要素
这是一篇非常非常基础的关于栅格的文章,如果你已经对栅格系统有了深入的理解, 就不用浪费时间看这篇文章了!
0 474 02 5 月, 2017 -
交互设计 UI设计师:教你以问答形式“来“把玩”APP
作为APP狂热分子,定期去App Store或者其他渠道找新鲜的产品来玩儿,已经持续了很多年。但是光浮于表面的玩儿,还不够。因为只有了解产品背后的逻辑才能更全面的解读为何会那么设计。
0 2k 02 5 月, 2017 -
交互设计 当与需求方争论时,UX 设计师的正确姿势该是怎样的?
在我们平常的设计工作中,和需求方产生各种争论的情况很常见,双方都比较偏执强势的时候,很容易陷在各自的立场中,谁也说服不了谁;如果设计师本身就离自己负责业务的用户有一定距离(比如大多数的 B 类产品),就更容易在需求方面前陷入被动。这种时候,我们更需要从自己的专业思考角度走出来,用科学的方式去收集、分析、定位、验证问题,洞见问题本质,来和对方更好地达成一致。产品经理 A:我们的首页好久没改版了,要不要来点动作?
设计师:好啊好啊,我也正想和你提议呢,早就看不下去了!
(省略双方需求沟通过程若干字)
***进入设计评审阶段***
运营:哎,这个内容对我们推广 XX 很重要的,怎么能去掉呢?
产品经理 B:我负责的这块业务你是不是漏掉了,要首页首屏重点透出!
产品经理 C:你要考虑万一某某用户来访怎么办,他们的诉求得满足~
老板:我需要什么什么感觉,没体现出来啊!
设计师:塞这么多东西用户都想看吗?
众人:我不管,这块内容很重要的!
***设计师吭哧吭哧改了一版新的***
众人:感觉好复杂啊!是不是还是别改了……当所有人都觉得一匹更快的马已经够用时,该如何说服他们接受相对昂贵、不容易习惯的汽车呢?0 331 02 5 月, 2017 -
交互设计 铃木说马云的双11是错的
铃木敏文:“判断项目是否可行,应该由用户立场出发,以用户视点深入考察是否符合需求。一旦决定开拓,就一定要坚持到底。”“海星有一种特殊的能力——再生。它的腕、体盘和管足受损或自切后,都能够重新生成一个新的海星。因此,它对环境的适应能力和生存能力都特别强。”铃木敏文:“冬天,北海道地区的店准备了大量空间贩卖冰淇淋。“
当地生意人纷纷嘲笑说:“谁会大冬天里吃冰淇淋呀!”
但是,铃木说:“家里暖气开得很足,如果能吃上冰淇淋,客人应该会很开心吧!”铃木敏文:“红豆糯米的美味之处在软糯口感,但在它刚被研发成型时,试吃过后并没有尝到糯糯的口感,于是找到研发告诉我制作红豆糯米的方法和普通米饭一样是用锅煮熟的,因而导致口感上有所差异。铃木训斥他说,红豆糯米本身应该以蒸笼蒸制,为什么不采用正确的方法呢? 原来,当时的 生产工厂并没有以蒸制大量糯米的工艺和设备,因此选择了和普通米饭相同的做法。 我要求他们改变制作方法,引进新设备,力争做出原汁原味的糯米饭团。开发团队对糯米的种类、 淘洗方法、浸泡时间、红豆的选择、煮法等所有的要素都重新研究,克服了好几个难关,终于让这一 产品 获得了极大的成功。”铃木敏文:“如今已最新的第六版的投资高达500亿日元,这些年IT的总投资金额已达到3000亿日元。商品库存数据、POS数据、缺货数据、报废数据,在第六版系统中,7-Eleven开始为各家加盟门店订货提供三项数据,以作为协助成立假设的参考,分别是立地数据、设施数据和长期数据。“立地数据”是指调查各门店周边(半径350米,徒步5分钟以内的)的家庭数;如果有商户的话,就调查其员工人数。“设施数据”主要了解自家门店周边是否有学校或医院之类的设施,这对于日常订货作业的假设设定都能提供一定的帮助。他们还根据过去的数据呈现出有关趋势及动向的数据,提供“长期数据”。”0 768 02 5 月, 2017 -
交互设计 译文 | iOS 10 人机界面设计指南 (完结)
iOS10发布了,苹果遵循了一切从简但又增加了一些提升用户体验的功能,比如向开发者开放了更多接口,设计者又如何跟随iOS的步伐做好产品设计呢?本文是系列文章的完结篇,enjoy~Note
模板图片(template image)会丢弃图片本身的色彩,而采用图片视图使用的色调。请参阅UIImage中的UIImageRenderingModeAlwaysTemplate。TIP 对于多行或是多样式的文本输入,请使用文本视图。请参阅Text Views。0 2k 02 5 月, 2017 -
交互设计 在新用户引导流程中,如何用好空状态界面?
今天的文章,我们将会提供一些使用空状态来优化新用户引导的策略和技巧。
0 401 01 5 月, 2017 -
交互设计 在交互设计中,极简设计的四种策略
本文将介绍交互设计中的极简设计4策略,帮助产品经理或产品设计人员在进行产品设计时,可以打造一款真正为“用户”设计的产品。
0 1k 01 5 月, 2017 -
交互设计 四个步骤,完成一个APP的LOGO设计需求
希望这篇文章,能够在你做LOGO设计时,提供一些方向和思路。
0 2k 01 5 月, 2017 -
交互设计 浅析设计图表色彩的简单方式
译者按:对色彩的研究通常要么太过随意缺乏逻辑,要不太过理论化难以理解,这篇文章用非常浅显易懂的方式,讲述了一个专门研究数据可视化的团队探寻图标色彩搭配的历程,给出有力的论证,并得出很棒的结论,非常值得一读。对色盲色弱来不够友好*:原文中问题一的标题是“Low Accessibility”,通常用形容来产品对残障人士的友好度不够,这一点在欧美国家经常作为需要重视的产品硬指标(也是由于他们的色盲色弱发病率比亚洲高很多)。因为在中文里没有简短精准的说法,所以我在写的是“对色盲色弱不够友好”。
逻辑性较强的人*:原文的写法是“left-brained folks”,直译是左脑型的人。通常左脑型的人被认为逻辑严谨,右脑型的人被认为有艺术天赋。因为这种说法在中文里不是很通用,所以我写的是“逻辑性较强的人”。0 2k 01 5 月, 2017 -
交互设计 iOS和Android规范解析——确认弹框、全屏弹框和模态视图
今天介绍三个控件,前两个是Material Design(简称MD,下同)规范中的确认弹框(Confirmation Dialog)和全屏弹框(Full-screen Dialog),后一个是iOS规范中的模态视图(Modal View)。下面先说MD中的两个。
0 865 01 5 月, 2017 -
交互设计 FAB实践分析:设计中的悬浮按钮
如果要在应用程序中使用FAB,则必须仔细考虑应用程序的设计,并将用户的可能操作归结为一个最突出的功能。正确使用FAB,最终会给用户带来惊人的帮助。为了促进操作,不要一味使用FAB!用户必须记住它的含义。FAB可以改善屏幕之间的转换
0 2k 01 5 月, 2017