首页

语言,是一种界面

用心设计

首先,你的产品文案不仅仅是一句友好的问候,它还解释了这个网站的性质。其次,无论是建议注册,或者直接跳转到能够吸引用户的内容,文案还起到了引导用户第一步操作的作用。如同我们经常说的,交互设计需要被当做一次交谈来对待,所以这是你创造人性化体验的第一次机会。

下图是旅行租房网站 AirBnB 的案例,文案极简,但同时深入人心。标题 Just for the Weekend 和 Explore the World 让用户在去往特定目的地之前看到 AirBnB能够带来的体验。这个交互很微妙,通过文字的暗示,它构建了产品体验的框架 – 让用户距离一 次愉快的旅程更近一步。

经验分享!聊聊交互设计新人的核心竞争力

周周

interactive-designer-core-competence-1

从实习的第一天起,我就数着日子在过,时间走的太快拦也拦不住,要做要学的事情又太多。转眼七月已经过去,总觉得还是有点后知后觉,花了一个月的时间去适应新环境和新工作,慢慢才知道寻求突破点的重要性,所以今天来聊聊我所理解的交互设计师的核心竞争力。

巧用视错觉 UI更有趣

用心设计

巧用视错觉 UI更有趣

格式塔原理解释了人们如何以视觉方式感觉物体,以及图像的结构,视角,大小等要素是如何影响我们的视觉的。

在下面这篇文章中,我们首先会简单介绍一下格式塔原理中的基本概念,然后再详细探讨一下如何将它们应用于今日的UI设计中。

在设计中建立视觉层级

用心设计

在设计网站的时候,图片资源会在很大程度上帮助你设置站点,以及颜色,排版或者更多内容的基调。如果图片视觉元素没有和设计正确的结合,他很可能会破坏你原本想呈现的感觉。

移动应用空白情况页面的设计

用心设计

移动应用的设计中,最容易被忽视的地方就是空白或者异常情况的设计。从传统PC时代web的异常页面如404,502等页面的设计体验迁移过来,移动应用的空页面,网络故障页面等展示也有相似的设计模式。从以前的纯文本的排版设计,到后来404成为设计师
展示图形创意的舞台,移动应用的空白情况页面的设计也从纯文本提示到后来精彩纷呈。然而在移动应用的设计中,空白页面的的作用不仅仅在于给用户以温柔或者
精彩的提醒,安抚用户焦急或是疑惑的情绪,更重要的是,空白情况页面可以引导用户去填补“空白”。人都是害怕空虚寂寞冷的,当你面对一个空虚寂寞冷的页面
的时候,善意的指点迷津的一些语言和画面告诉你咱们还是可以有方法来填补你的寂寞空虚冷,这时候,用户的操作行为就会被触发,潜移默化中指引用户完成填补
空白的工作,那么,无论从用户个体的活跃度上还是整体的留存率,活跃度上,你设计的空白页面做到了拉升的作用,对电商产品和社交产品等来说,这些页面可谓
是自己展示产品调性,曝光功能,加深引导的黄金地段。

数据驱动的界面设计-20150706早读课

用心设计

1. 用户不同,数据不同

任何时候设计一套复杂的系统,都不可避免要为很多用户和角色进行设计。总裁、经理和分析师是几个常见角色,每个都有自己的工作流程和对数据的需求。

定义好角色,产生不同视角,这本身就是一种艺术。我就不在此详细解释了。如果你对此有兴趣,请看Cooper的这篇有用的文章。

关于角色,重要的一点是预先确定好,围绕它们来组织信息结构与线框图。

下面是我们去年做的一款健康报告应用的最终成品。这套系统有着不同的用户群,他们各自都需要不同的数据管理。创建了关键角色后,我们每次评审会将它们放在旁边。

2

UI设计的整个工作流程是怎样的?

用心设计

4. All wireframe 全部界面线框图

主要负责人:交互设计师

此环节交互设计师要完成全部界面的线框图(1:1的)设计并且团队确认。

*做完全部的线框图,一般会出一个总结构图。如果有足够大的场地,也可以逐页打印出来贴到一面墙上。方便团队随时参考。

交互设计中的功能动效

蓝蓝设计的小编

译者纪:本片文中包含大量的动态页面(原网站是视频链接,本网站上传视频不能排序,故人工转为动图),加载较缓慢,请各位多点耐心,么么哒

---

一个好的交互设计师可以很容易的解释设计里面的决定背后的逻辑。这包含着信息架构,页面内容的层次结构,流程和所做的解释。

迟早,动效将会应用到线框图原型中,这个时候,再去对设计做决定或者是解释,将会变的难一些。例如一些这样的理由:太狂拽酷炫了……太潮了……太鸡冻了……这将是设计失去其力度的领域(Reasons such as “It will be cool!” or “It’s trendy” or ”exciting” are exactly the areas where a design starts to lose its strength.)在我们的设计中,动效理应占到更多的比重。我们应该去定义动效,并且阐述他们的目的——像我们阐述一个设计中其他的元素一样。

什么是功能动效?

交互设计技巧:创造好的用户体验(2)(翻译)

蓝蓝设计的小编

一个好的用户界面具有较高的转化率和易用性。换句话说,它既能满足商业用途也便于使用。以下是我们发现的一些想法清单。

上一篇:交互设计技巧:创造好的用户体验(1)(翻译)

21. 尝试平滑过渡而不是突兀呈现

当用户进行操作的时候,界面元素经常会有出现、隐藏、移动、转换以及大小调整的动作。作为对操作的回应,为元素变化适当添加时间延迟有时候让用户更容易理解刚刚发生了什么。以动画或者过渡的形式刻意制造的延时,给了用户理解元素大小或者位置变化的必要的反应时间。当然了,你也要记住,我们应该将过渡的时间控制在0.5s之内,时间太久的话,用户可能就会感到不适。对于那些只想快点完成任务的用户,太长时间的延时当然会成为一种负担。

 22. 尝试循序渐进的引导而不是草率地让用户注册

与其要求用户立马注册,何不让用户先体验一些已示范的有价值的操作呢?在最初的交互过程中,不仅能展现产品的价值,也能显示出产品的个性。一旦用户开始看到你的产品的价值,了解产品对自己的用处,他们将更乐于与你分享更多的信息。这种循序渐进的引导是一种尽可能推迟注册过程的方法,同时还可以让用户使用和自定义你的应用或产品。

交互设计技巧:创造好的用户体验(1)(翻译)

蓝蓝设计的小编

一个好的用户界面具有较高的转化率和易用性。换句话说,它既能满足商业用途也便于使用。以下是我们发现的一些想法清单。

  1. 尝试使用一列布局代替多列

一列布局会让你对全局有更好的掌控。它也能让你的用户预先对整体的内容从上到下有一个大致的了解。然而多列布局则会让用户从页面的核心内容上分散注意力从而增加额外的风险。最好的方法是用一个有逻辑的叙述然后在文末加上一个行动的口号来引导用户。 

  2. 尝试用礼物代替直接销售

日历

链接

个人资料

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

存档