专栏名称: 站酷网
关注站酷网公众账号,随时随地了解最新的原创设计作品、设计师招聘信息。
目录
相关文章推荐
庞门正道  ·  蓝色是忧郁。 ·  6 小时前  
设计之旅  ·  智利海滨度假屋 / Croxatto & ... ·  17 小时前  
福昕会员  ·  宴会邀请函定制,仪式感的秘籍! ·  20 小时前  
福昕会员  ·  宴会邀请函定制,仪式感的秘籍! ·  20 小时前  
字体设计  ·  早期的异形标贴设计 ·  昨天  
51好读  ›  专栏  ›  站酷网

这些产品背后的设计原则,设计师你知道嘛?!

站酷网  · 公众号  · 设计  · 2017-02-17 18:13

正文

请到「今天看啥」查看全文


口语化的

我们的产品与用户沟通时,应该与现实生活一样,轻松易懂。


作为“共同的朋友”

让用户在线上尽量减少不确定的内容、可以方便设定好自己的期望,从而更好的匹配用户需要的结果,真实生活中的线下体验才会很棒。我们产品是为了房东、租客可以更好的互相认识而设计的。我们还会不断了解你的需求,通过好的产品设计,持续为用户创造更好的新体验。我们为用户互相认识搭好舞台,互相介绍,然后就离开,把空间留给用户。就像好朋友的角色一样,当你需要我的时候,我就在你身边。


为第一印象而设计

尽管airbnb在用户下订单的时候需要一些信息,但并不需要所有事情都开诚布公。所以我们需要客人告诉我们他是谁,但具体他是什么样的人,由客人决定吧。


互相信任需要努力

就和现实生活中一样,你在airbnb里投入什么,就会收获到什么。airbnb里的信任是相互共享的。我们发现租客对房东越真诚,房东也会更愿意信任租客。


(译者补充:刚好前阵子使用airbnb在美国租房子,在向房东提出申请的时候可以写一封信介绍自己,写得越详细和真诚,房东的通过率越高,毕竟房东要拿出自己的房子给你住,总不愿意杂七杂八的人糟蹋自己的房子,所以大部分房东挑选房客都很谨慎。当你住宿完离开后,可以互相打评价,你觉得房东的房子有什么优缺点都可以写到评论里作为下一个房客的依据。如果你很爱护房东的房子,他也会对你写出很好的评价。下次你再向别的房东提出申请时,就像有推荐信一样,更容易通过。所以这是个互相信任的过程。)




Facebook


全球化的

我们的使命是让全世界更加开放,这意味着我们的产品要触达世界每一个角落、每一个人。我们要为每一个人、每一种文化、每一种语言、每个生命阶段而设计。这就是为什么我们的产品总是做90%用户的功能,而不做少数人的功能,即使这样意味着我们短期内可能后退一点。


以人为中心

用户使用我们产品是因为这里有他的朋友和他附近的人。 “你在乎的人都在这里“就是我们产品的核心价值。这就是为什么人的脸庞、人们发的消息比一切视觉设计都重要。


干净的

我们的视觉设计干净而素雅,就是为了给用户提供一个干净的画布呈现他们的生活。一个极简的、明亮的空间可以让参与者真诚的交流。干净并不是视觉设计最容易的方法。相反的,因为想极力减少视觉样式,边缘的距离、字体的比例,颜色的设计都变得尤其重要。


始终如一的

拥抱可重复使用的控件样式。我们认识到当使用一致的交互控件后,可用性会大大提高,因为不需要重复的学习。我们保持用同一种声音和用户说话,建立信任。尽量做减法、重复的使用,不要什么都重新设计。


实际有用的

我们的产品不像娱乐类的产品,它会被每天重复使用,需要有效率的为用户提供价值。这就是为什么我们用户每天最主要的交互方式就是时间流,为用户大大节省了要没必要的点击和空间的浪费。


快速

我们珍惜用户的时间比自己的更甚。我们认识到更快速的体验可以让人感觉更有效率和不费劲。网站性能不是用户应该关心和注意到的。我们的网站应该尽我们所能的快。


透明

用户把信任交给我们,他们的身份、照片、想法、对话都因为信任而交给了我们。我们要以最大程度的诚实和透明作为回报。对于现在发生了什么,为什么会这样,我们都要对用户如实告知。



Apple


整体的美学

整体的美学是指一个app应该从外观、行为与它的功能保持高度的一致性。例如,如果一个app要帮助用户完成一个严肃的任务,图形的设计就应该更微妙而不张扬,使用标准的控件,这样用户可以很轻松的预测操作后的反馈。如果一个app是沉浸式的如游戏,就应该有一个抓人眼球的外观,提供有趣、激动人心、鼓励发现的体验。


保持一致

通过使用系统提供的界面元素、大家熟知的icon、标准的文字样式、统一的术语来可以使App保持一致。app所包含的功能和行为,都应该与用户期待的所一致。


直接的操作感

对屏幕内容的直接操作,使用户有参与感和容易理解。当旋转设备或使用手势来控制屏幕上的内容时,用户应该直接体验到他操作后十分迅速的结果呈现。


反馈

用户行为后的及时反馈可以让用户马上知道操作的结果。iOS的原生app对所有的用户行为都提供了容易感知的反馈。交互的元素在点击后会有高亮的点击态,进程的指示器会在稍长时间的运行时提供状态告知,动效和声音的提示也可以帮助告知当前行动的结果。

隐喻

当app中虚拟物体的行为与现实生活中相似时,人们会学习得更快。iOS的隐喻使用得很棒的原因是人们真的在与屏幕交互。你可以拖动视图来展示内容的底部。你也可以拖拽或扫动内容。你还可以打开切换按键,移动滑块,滚动选择器的数值。你甚至还可以对书籍和杂志进行翻页的操作。


用户的操控感

在iOS里,人才是控制者,而不是app。app可以在遇到危险结果时提出建议的操作,但如果app自作主张的帮用户做决定就一定是错的。好的app能在纠错和让用户有操控感之间找到完美平衡点。好的app能通过熟悉的交互元素、再次确认、容易取消之前的操作等来让用户觉得他们正在控制大局。



Google Material Design


实体感是一种隐喻


通过构建科学合理化的空间和系统的动效,形成了实体感的隐喻。由于在研究纸和墨水的时候受到启发,实体感的营造灵感来源于可触摸的实体,实体感的技术上很先进且充满想象和魔力。


界面元素的表面和边缘提供了基于现实的视觉暗示,熟悉的触感让用户可以快速地明白其功能可见性。界面元素的灵活变化甚至创造了超越物理世界的新的功能可见性,但又不会脱离客观的物理规律。


光线、界面、运动是传达物体在移动、交互和空间中相互关系的基础。真实的光线会展现出两个面之间交接线,划分的空间以及移动的部分。


大胆,生动,有意为之

基于印刷设计的基本元素-字体、栅格、空间、比例、颜色、图像的使用-是我们视觉处理的基础。这些元素的作用远远不止养眼。他们创造了层次关系,意义和焦点。通过颜色选择、图像、大比例的字体,和有意的留白可以创造出一个让用户沉浸体验的大胆的、图形化的界面。

我们要为用户突出当前的核心功能操作以及路径的关键节点。


动效提供意义

用户才是操作后动效的原动力。因为用户的行为才有了动效,这会改变整个设计。







请到「今天看啥」查看全文