交互体验

前端开发岗位是否应该细分为偏静态和偏交互

昨天早上在微博上看到@前端农民工 发了条关于前端工作细分的微博,大意是说将前端的工作细分为页面重构(html/css)和js开发限制了工程师的发展,而且页面功能模块的开发维护也会变得割裂,一定程度上限制了js和css的配合方式,公司不应该这样做。然而,事实上很多互联网公司前端团队就是这么干的,包括我们团队,今天就来探讨一下这个问题,看看很多公司为什么要把前端工作细分,把前端

设计师写代码的方式

设计师应该会代码吗?是的,但不是像开发者那样。这个著名的问题“设计师应该会代码吗?”,答案不只是点个头了,它有更深刻的意义。首先,我们了解一些相关背景。我们正在迅速地转向移动端主宰的世界。从Sketch 到 Pixate, 再到 Framer,设计师的工具,能越来越简单有效地通过原型表现创意。制作app的成本从没有这么低过。也从从不曾如此迅速。对于开发者来说,这意味着他们终

为什么你需要将这个按钮向左移动3像素

当产品即将上线的时候,我(原作者)就会变成一个完美主义者。每一个没有对齐的元素或者是奇怪的交互都是我的眼中钉。还会有一打有瑕疵的实现排着队嘲笑我。一切看起来都糟透了。但是团队中的其他成员觉得产品看起来挺好的,基本的功能都有了。他们会问:“把这个按钮移动3px真的会让我们的产品变得更好么?”或者争辩:“上次我们修正了一个很小的设计bug,一点儿也没觉得产品有什么变化。”接着大

提升移动设备响应式设计的8个建议

随着web向着移动端逐步发展,现在响应能力对于网站来说已经必不可少。很多人没能在移动用户兴起时抓住时机进行顺应潮流,因此现在难以保证网站在移动设备上的体验流畅性。我们必须承认,移动设备已经彻底改变了我们使用web的方式。2013年开展的一项调查显示,多达百分之73的用户会通过移动设备浏览网络,因此,一个正常、好用的响应式web设计可以说是不可或缺的。响应式web设计现在连潮

谈谈微信的设计

一,信息架构自己真正每天使用微信才一年多,这一年多里貌似每次改版都多少有调整架构,但调来调去其中对话列表(tab标签叫微信),通讯录,朋友圈却是相对固定的。这次想说的恰恰是后两个。就自己使用经验和判断,对话列表使用频度最高,作为着陆页ok,最频繁联系的人和浏览的订阅号总在前面,够用了。问题可能在于朋友圈,朋友圈估计是大家使用的比较多的吧?每天闲来无事刷一下,但为什么从着陆页

一网打尽!电商网站导航设计超全面指南

伴随着互联网的成长,通过电子商务网站实现商品交易越来越频繁,而访客在面对越来越庞大的信息量时会感到迷茫,因此,优秀的导航设计能够提高网站的易用性,对实现电子商务网站的高效运作具有实际意义。另,电子商务网站的首页导航设计必须本着用户体验为佳的原则,既要将网站中的所有信息都在有限的导航栏中体现,又要为用户反馈出重要的帮助信息。网站因其独特的重要性和不可替代性,在电子商务网站设计

从Material UI得到的设计感悟

如果你读过Google的Material设计文档,你就会发现其对细节和深度的注重。在文档中你能学到很多东西。其中最为重要的一项,就是其证明了编写复杂视觉风格指南是完全可能的。尽管可能困难重重,但还是可能的。特别是对于Google复杂多样的产品组合来说。如果你想学习视觉设计,就应该认真研究一下Material设计是如何处理不同元素或要素的。Google的文档详细介绍了18种不

从头带你认识面包屑导航的前世今生!

什么是面包屑导航网页上让用户感知当前页面所在的层级位置,或者是产品的属性之间的关系的控件。面包屑的一般样式是用链接文字加上“>”,横向排布 ,也有一些其他的样式。这里用到了“感知”,就是说面包屑导航不会是页面中最显眼的地方,它只是一定程度上帮助用户理解网站的结构和属性的从属关系。面包屑的分类用于表明页面之间的层次关系和当前页所在的位置。这种页面之间的层级关系可以是没有所属和

设计师版式宝典!从零开始教你掌握网格系统

网格的类型许多设计师都会在网格系统上开始一个新的设计。不同的人有不同的习惯,有人喜欢12列的网格,有人则喜欢16列网格,还有人喜欢24列的网格等等等等。重点不在于网格一共有多少种类型,而在于你实际应用的那一个!在网页设计中,网格系统是十分常见的,响应式网页设计的推广,网格的地位又得到了提升呢!我个人更喜欢12列的网格。每一列的宽度取决于最终输出的稿件应用在哪,比如打印或网页

最抢眼的6个方法!如何让交互过程变得惊喜有趣?(下)

紧接上文>>最抢眼的6个方法!如何让交互过程变得惊喜有趣?(上)http://www.imspm.com/ucd/107360.html四、故事化的内容讲故事是人类最自然的一种表达方式,也最易于被人们理解。当我们给小孩子讲道理时,也很倾向用讲故事的方式。为产品设计一个故事情节,通过视觉、动画和音效的烘托,可以把用户带入到一个情境中。这种讲故事的方式可以很有趣味性,也可以很感