2016年设计师必须掌握的微交互知识

如何打造一款看起来非常惊艳的应用,我想大家应该有所了解,借助有趣的故事、流畅的流程和令人难忘的视觉设计就好。但是仅有这些并不够,你需要拿出一些真正能打动用户心灵,产生情感联系的东西,让他们感受到应用真正鲜活的一面。这个时候,就需要微交互登场了。[br]那些真正让人沉迷的优秀应用很大程度上是因为微交互的存在。微交互出现的瞬间,用户会感受到更强烈的互动和参与感,这些微小而自然的

超实用的格式塔原理小科普

在界面排版,网页广告设计等视觉传达设计工作中,视觉上的画面琐碎,零散,信息混乱无序总是视觉设计师无可避免的问题。视觉的整体感做不好,会给人不舒服,不协调的心理感受。这些问题来自人们的主观感受(“不舒服”,“奇怪”),通常难以描述清楚。同时,设计师们也意识到:表现作品的整体感与和谐感是十分重要的。无论是设计师本人或是观者,都不欣赏那种混乱无序的形象。但是,“有毛病,不舒服,奇

微信公众号里八大不能忍受的用户体验

[br]首先要说这里写的“微信公众号”不是指微信的公众号服务,而是指企业申请公众号以后企业在公众号里提供服务。说到这点不得不说到国内的手机端web网页的迅猛发展(主要采用HTML5的技术,下文里用H5来代指手机端的Web网页)。H5在几年前刚推出的时候,虽然有像Facebook这样的公司给它加持,但是并没有扶起来。国内也有百度、UC等巨头在用轻应用的名号,想让H5的应用能有

【译文】移动应用界面设计7宗罪

[br]规则就是用来打破的?这完全取决于规则本身。在移动应用界面设计(后续简称:移动设计)的世界里,大家对美学、手势和动效的看法略有不同。有时一个简单的功能性应用比华丽的应用带来的效果更好,而有时候却恰恰相反。不过,有些基本规则是人们不愿意去打破的。如果你的移动设计使得用户无法顺利触达关键功能,这显然是行不通的。假使你的文字字号过小导致没人能顺利完成阅读,那么你得回炉重做。

交互译文-如何合理的在移动应用中使用动效

[br]本文是我在Smashing Magazine看到的一篇关于如何在移动应用设计中运用微动效的译文。初次翻译文章,很多词句用的可能不太妥当,在这里给大家作揖了!knock knock……下面进入译文。一个优秀的UX设计师可以轻松地解释每一个动作逻辑背后的设计概念,包括信息框架,页面内容的继承,每一个点击动作对于页面跳转的影响等。不久的将来,动效将被广泛的引入到原型的概念

iOS 9人机界面指南(一):UI设计基础(1)

[br]1.1 为iOS而设计(Designing for iOS)iOS 表现了以下三大设计原则:遵从(Deference):UI应该有助于用户更好地理解内容并与之交互,并且不会分散用户对内容本身的注意力。清晰(Clarity):各种尺寸的文字清晰易读;图标应该精确醒目,去除多余的修饰,突出重点,以功能驱动设计。深度(Depth):视觉的层次感和生动的交互动画会赋予UI新

iOS 9人机界面指南(一):UI设计基础(2)

1.5 导航(Navigation)除非导航设计不合理,不然用户应该明显察觉不到应用中的导航体验。导航设计应该能够支撑你应用结构和目的却又不分散用户注意力。[br]广义来说,导航主要有以下几种类型,每个导航都有其适应的应用结构:分层扁平内容或体验驱动在有层级结构的应用中,用户在每个层级中都要选择一项,直到到达目的层级。如果要切换到另一个目的层级,用户必须回退一些层级,或者直

移动端文字与排版设计的六个原则

在印刷与桌面端Web的传统领域我们有很成熟的文字排版经验,在移动时代,这些经验很多依然有效,但因显示设备与使用环境发生了变化,也给带来了不少变化……  在印刷与桌面端Web这些传统领域,我们已经有了很成熟的文字排版经验。随着移动时代的到来,APP的界面设计,加上网站越来越多地转身为响应式设计以适应多种显示设备,这些经验很多依然有效,但因为显示设备与使用环境发生了变化,也给文

腾讯产品经理告诉你,怎么“设计”用户体验

毕业后的这几年,从前端工程师转到交互设计,再由交互设计转为产品经理,一路上不断的去探索和适应新的工作、新的团队。这其中的驱动力有自身兴趣的转变,有职业发展的影响,同时,也一直有一个在心里驱动着我的愿望,就是希望能够有机会将“用户体验”做得更好。没错的,我离开“用户体验部”,是希望有机会将“用户体验”做得更好。转了产品经理后,需要从更加全局的角度去思考每一件事情,这其中也包括

移动端交互-下拉菜单、单选、多选

“在PC上常出现的下拉菜单,在移动端上都是用什么交互来实现的”,将最近项目里碰到的情况总结一下。1. 层级设计,以iOS为代表iOS系统日历目前最常见的一种做法,外露设置名称和默认设置项,将全部设置内容放在下一层。节约垂直空间,不干扰当前界面其他内容。可以很好兼容单选、多选等多种情况。作为一个完整的界面,可以容纳的内容比较多。但增加一个层级,就意味着有进入和返回两步操作。尤

移动端设计模式的误用

如果你是一名经验丰富的设计师,你一定会认同一点,受他人启发并不是在抄袭UI设计。这是一种最佳的研究实践。它也要运用各种设计模式,也要遵循设计规范,也需要确保选择用户熟悉的模式来建立可用的界面。有些人可能会说,死守规范和模仿他人会扼杀创造力,终将有一天,所有应用都长一个样。但从用户体验的角度我注意到另一个问题。习惯于最佳实例可能会让你盲从Google/Facebook/Ins

当产品进入碎片迭代,设计师可以做些什么?

鸿影:我在之前的用户体验设计实践经历中,所做的项目绝大部分都属于『从0到1』,以被动地接收分析产品经理提出的需求、然后不断设计全新的产品或功能为主,一个项目完成后就基本不再管,后续的运营数据也不关心,而是立马投入下一个新的项目中去。这种四处忙碌的感觉看起来很充实,但实际上却有些浮躁,作为设计师没有完整地参与进产品设计闭环,少了数据验证、迭代改进的步骤(这正是当初Mentor

双十一之购物车体验

今年的双十一,你剁手了吗?不管你剁不剁,反正我是剁了。剁手的同时,不妨来看看,电商购物车的哪些设计让你剁了还想剁。本文主要讲四个电商网站的购物车,分别是淘宝、京东、唯品会和聚美优品。一. 满减优惠满减优惠充分刺激起用户“占小便宜”心理,让用户以为卖家亏了,而自己占了便宜,增强他们购物的成就感,从而刺激他们买买买。淘宝淘宝购物车商品上方的“双十一”购物券显示“满199最多可抵

你确定,你真的理解用户体验?

人的心理感受是对外界的反映,具体表现为知、情、意,即人的认知过程、情感过程、意志过程。我们的互联网产品即通过视觉和听觉来影响人们的知、情、意。好的用户体验即能让你的用户在认知上感觉很轻松,情感上感觉很愉悦、意志行为上感觉很便捷,让用户在知、情、意上都感觉到很协调。 一:确定你产品的用户价值 明白你的产品究竟是为哪些人的何种需求而生的,同时你也要明白产品生产运营方(公司、个人

体验设计 | 认识用户体验

小开场不知道大家有没有这种经验,逛街逛到一半,突然着急地想上厕所,然后就开始狂奔搜寻,结果是越来越急。突然,你看到前方出现一间肯德基,是不是有种释,放,的,感,觉?这个时候你当然直奔肯德基,的厕所。但,结果,你发现厕所门牌是这样的:或者这样:理智告诉你,先好好判断究竟哪边才是你要去的,也就是说,你硬生生又得憋回去一下。这就是一个用户体验问题,关于交互的线索不清晰的问题(以后

视觉设计如何“一稿就过”—— 谈谈最近踩过的坑

最近一年多,我们在设计企业级产品时走了很多的弯路,这些弯路促使我们尝试新的设计方法和思路,每一次尝试我们都发现比之前做的更好。因此我把这些踩过的“坑”分享出来,希望后面的人可以少走弯路。企业级产品(toB)和C端产品不同,在国内,C端产品竞争十分激烈、设计的同质化也比较严重,设计师其实比较难有大的创新。我经常苦恼在收到很多 简历作品时很难判断谁更优秀一些,限于产品本身的性质

一个案例告诉你如何用尼尔森10原则分析产品

个人理解整理的尼尔森10原则模型如下:这次检验的产品“我的安吉拉”简介如下:1、产品定位:“我的安吉拉”是一款针对儿童的游戏APP,用户操作小猫安吉拉的吃、穿、洗、睡体验宠物乐趣。此外用户还可以进入游戏频道玩一些简单有趣的小游戏,也可以观看汤姆猫和小猫安吉拉的视频。2、产品目标用户:喜爱宠物小猫的儿童3、产品主要使用场景:吃:用户可以给宠物小猫喂食物,食物分为几种类别,每种

YY交互设计师 | 认识用户体验(二)

接上回(《体验设计 | 认识用户体验》),继续分解。3.3 可用性及一堆模型、概念我们平常除了常听说“用户体验”之外,还常听到“可用性 usability”这个词,这个词挺牛逼的,在国际标准ISO 9241-11有概念描述:产品在特定使用环境下为特定用户用于特定用途时所具有的有效性、效率和用户主观满意度。概念总是很拗口,我们拆开来看。拆成“特定使用环境、特定用户、特定用途”

尼尔森交互原则,讲的到底是什么?

这几天,脑海里面一直回绕着一个声音,尼尔森,尼尔森交互,尼尔森交互十大原则。blues老师的讲解至今让我记忆犹新,如果真的让我选择一款产品进行尼尔森交互分析,我想应该就是简书了。尼尔森第一点提到,系统可见性,直白的表达,我不管操作点击、下拉、还是按下键盘、又或者说各种状态下都应该准确无误的向用户传递信息,简书的banner页面,可以很清楚的看到当前是第二个推广页面。二:匹配

前车之鉴:一个视觉交互设计失败的案例

最近在做产品设计时,遇到了一个非常典型的设计失败案例。这个案例反应了一些老生常谈的问题,我觉得非常有意思。好看的设计未必好用我负责的是一款秀场类产品,近期要在移动端中添加一个模块,模块主要的功能是展示主播的录播视频。下面展示一下原型图和效果图的对比。我的原型图中,采用了最简单常用的布局方式,而UI设计师拿到需求以后,觉得这样做实在死板,想做一些和其他竞品的差异化。所以,将视