首页

怎样使通知(Notification)更加智能化

用心设计

我(原作者)的手机又震了。当时我正在冰岛的一个什么地方,离我的车有十多里地远,四下无人。我正拿着马上就要没电的手机查看着Google Maps。

“Spotify刚刚向Afternoon Acoustic歌单添加了两首歌曲哦”,真是时候。一条来自Periscope的消息:“@kayvon和你分享了一段视频…”,还有Mailbox的 两封新邮件通知,Twitter上多了个follower,Slack里的一条消息,总共9条通知。当你拿着一部电量只剩下2%的手机,被困在一个荒无人 烟、网络连接十分不稳定的地方时,当你只想那见鬼的地图能快些加载时,这些通知真的很是让人欲哭无泪。

过去20年里,科技进步的太多太多,但通知服务似乎还停留在上个世纪。

01-mobile-app-design-notification-smart.png

移动端界面中的版式设计原理(上)

用心设计

对任何信息进行排布的时候,首先必须要掌握的是对齐/重复/亲密/对比,贯穿设计的四大原则。

对齐除了能建立一种清晰精巧的外观,还能方便开发的实现。基于从左上至右下的阅读习惯,移动端界面中内容的排布通常使用左对齐和居中对齐,表单填写的输入项使用右对齐。

告别玻璃心!设计师如何正确听取反馈

蓝蓝设计的小编


蓝蓝注:每一位设计师都得面临着一个问题,设计的作品是否得到客户的认可。现实是,有些会容易得到认可,有些很难得到认可,有些改改就能得到认可,有些怎么改都很难达到认可。

不管过程是如何的,哪怕艰难让人想逃,结果你一定要清晰,项目最终要保质保量,让客户认可的完成,创造价值。

为了最终目的,你的工作心态一定要摆正,重要的事可以说三遍:1“为了项目最终要保质保量,让客户认可的完成,创造价值”。2虚心使人进步。3心平气和,态度诚恳。随后是技巧和工作方法。


tips-taking-design-feedback-1

编者按:和谐的团队协作来自互相理解。之前Greenline Creative 联合创始人、资深设计师 Dennis Field分享了他的经验,传授给大家和设计师沟通的技巧。今天这篇文章是它的姊妹篇,向设计师们讲述了正确听取反馈的技巧。




IOS平台设计规范整理(控件+布局+模态情景+手势交互

蓝蓝设计的小编

屏幕快照 2016-01-03 6.59.07 AM.png蓝蓝注:在我们做ui项目的时候,最终一般会给客户一份整理好的ui设计规范或总结。

所以搜集这方面的资料,希望了解众家之长,学习用在工作中,这篇觉得还不错。


工具产品情感化

博博

《情感化设计心理学中》作者唐纳德·诺曼将情感化设计与马斯洛的人类需求层次理论联系了起来 产品特质也可以被划分为功能性、可依赖性、可用性和愉悦性这四个从低到高的层面,而情感化设计则处于其中最上层的“愉悦性”层面当中。

TB1ihEJJpXXXXbCXXXXwu0bFXXX.png

因为市场上不同品牌的同类产品在功能、质量、价格等基本品质方面已经差别越来越小,尤其是消费类产品,比如手机家电之类的,产品的同质化趋势非常明显,竞争日趋激烈。 消费者在购买产品时,情感因素的影响也日益加大,这意味着如果产品具有相同功能、质量和价格,消费者会选择更能触动其情感的产品。

 

先用纸和笔来画草图能让整个设计过程变得更爽

蓝蓝设计的小编

我爹是一个插画师,所以我记得小时候,家里到处都摆着老爹干活的家当。用大头笔在画纸上画画时发出的沙沙声,和大白兔糖一样成了我最回味的童年记忆。长大之后我成了一枚设计师,但是来到这个时代我发现,真的掏出纸笔来画画的机会是越来越少有了。今时今日,人们能很容易就下载到各类高保真的UI kits,各种精美的libraries,更有多到泛滥的软件能帮助我们很容易就做出一个炫酷到爆的高保真原型。

在为Design Sprint干活的那几年里,我常常喜欢用各种不同的作死方法来进行我的工作。期间我发现,回归到用纸和笔来画低保真的原型这种做法真是深得我心,画草图能让你的脑筋腾出更多的空间来思索新的点子,挖掘出真正有意义的问题,让我有更多的时间和产品或者视觉或者开发撕逼,而不是浪费在画一个个炫到不发朋友圈天理难容原型上。

Image title

你的布局设定方法靠谱吗?

用心设计

屏幕快照 2016-01-03 5.54.05 AM.png

有一种“奇怪的”现象会经常的看到“很多设计师没有办法清楚的跟其他人解释他们是如何设计的,越细致的地方可能越是如此。比如,这个菜单的宽度为什么是200px?250px或者190px是否可以?图片的尺寸为什么是278px*196px?如何确定网页的宽度?“

软件界面的设计师除了视觉本身以外,对于设计是否可以实现、大概以何种方式实现、规范可否被理解并且复制执行、设计实现的性价比与时间比等纬度都应有相当高度的认识。就像建筑设计师一样,他们一定很了解建筑材料以及如何建筑,虽然他们不会去亲自砌墙。:)

希望通过此文可以交流关于栅格化和盒子比例的设计方法。

栅格化

对于网页的宽度,设计师之间基本上比较容易达成共识,比如:950px、960px、1000px、1190px、1200px。但是如果接下来让 每一个设计师设计一个左右布局的版式,左边是一个树形菜单,右边是主要内容区域。那么可能会有很多结果。但是这些结果基本上是比较接近的。如果这些设计师 都服务于一个品牌下的话,这种情况并不是一个好的事情。会给人以没有一致性的感觉。

图1:一个产品站点,同样是980px的页面宽度,但是菜单宽度分别为:200px和245px

你的布局设定方法靠谱吗?

全部躺枪!UI设计师容易忽略的四个现实

周周

ui-designer-overlook-the-reality-1

@Akane_Lee :我遇到非常多这样子的设计师,他们从不考虑「这样设计稿交出去,工程师做不做得出来」的问题,也不愿意去了解什么叫「限制」和「规则」。如果你也想从画图标的变成UI设计师,这篇干货千万要收藏。

用科学方法帮你提升移动应用用户粘性

用心设计

如何提升用户粘性?这是产品有一定UV后都会面临的问题。大部分产品都在尝试主动跟用户联系,比如电商类APP定期给用户推送各种打折促销消息,吸
引用户回到APP;SNS类APP会给用户推送「您关注的人XX更新了状态」等动态;有些日记类APP会定期推送消息,提示用户多少天没去了之类等等。但
对用户来说,什么样的联系他们会更愿意接受呢?本文作者讲述了什么是钩状理论,以及我们该如何利用这个理论帮助提升用户粘性。

第一次遇见Joe,是在他35岁时,有两个孩子。看看自己的游泳圈,他决定要减肥20磅。他买了的运动装备,最好的健康管理APP来记录自己的 饮食和运动。最开始的一周,他坚定地执行计划并且成功减掉了几磅,第二周他的热情减弱了很多,经过一个月之后,他完全停止了记录并且又胖了回来。他对自己 的状态很不满意,并且对减肥失败自责。

屏幕快照 2016-01-03 7.11.51 AM.png

打磨细节!超实用的移动端缩略图设计攻略

周周

mobile-list-thumbnail-design-1

在列表中使用缩略图,这样一个简单的需求,看似平淡无奇的设计,也有如此多的细节和原理可以挖掘。原文中推敲的过程非常值得学习和借鉴,来看今天@TerryFan 这篇译文。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档