首页

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

蓝蓝设计的小编

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

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

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

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

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

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

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

蓝蓝设计的小编

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

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

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

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

互联网时代,软件如何做市场调研?

蓝蓝设计的小编

在互联网时代,谁有互联网思维?马化腾,雷军,周鸿祎他们有。他们为什么有互联网思维?因为他们都是产品经理!所谓的“互联网思维”其实就是产品经理的日常工作方法。这篇文章是一位资深产品经理写的故事,看过后,就算不是IT人,你也一定会有所收获。

一家软件公司接到了一个项目:开发某报业集团的图片管理系统,老板决定成立一个跨部门的项目组来负责这个图片系统。任务由产品经理张晓龙负责,韩冰配合张晓龙的工作。

他们商量了一下,决定尽快开一个项目启动会。会议的目的有两个,一个是大家互相认识一下,另外一个就是一起讨论一下对于这个项目的看法,以及下一步的工作安排。

挖掘产品痛点的神器:用户角色模型

蓝蓝设计的小编

各位已经工作了的小伙伴们,你们在跟公司领导或是开发、销售等其他人讨论产品的设计问题是不是经常听到这么两个问题:“我也是用户啊,我就觉得xxx功能提好的啊”,“如果用户需要xxx功能怎么办”?

通常这个时候你是怎么回答的呢?是不是觉的他们好不讲道理但又却无法反驳?那今天老D给你讲一个案例,一个故事讲什么为什么需要用户角色模型。

一家汽车公司准备设计一款新车,他们的产品种类广泛,一直以来的主要销售对象是如下几类人:

 A是个富二代,喜欢跑车,因为马力足、外形酷、好玩;

B是个家庭主妇,希望自己的车能安全、舒适、空间大;

C是个零售店主,经常拉货,所以希望自己的车解释耐用;

D是个上班族,希望停车方便、省油;

E是个农民,希望能够结实耐用动力强劲;

F..;

G...;

还有很多小众的用户需求


交互设计分享(一)

蓝蓝设计的小编

如果你看了很多优秀的设计,但是自己却仍然还觉得有所欠缺。来看看作者梳理的掌握交互设计的方法吧。

最近两个月给公司的伙伴们做交互设计的分享,这是第一期分享的内容。在这次分享中,我认真梳理了交互设计师掌握和精通这门技艺的方法。我认为,如果想成为拔尖的设计师,只有这条路可走。

什么是交互设计

用户界面有两部分的设计:交互设计和视觉设计。在下图中,左边和右边分别是微信的交互设计和视觉设计。

jiaohu1

交互设计 vs. 视觉设计

交互设计师的核心能力

蓝蓝设计的小编

1.png


交互设计师的核心能力其实是三者的交集,这个也很容易看到,为什么交互其实是易学难精的,也就是你每放大一点点,你需要在每个维度上都放大很多,产品维度而言,如果你知道商业目标,产品功能,运营策略是如何制定出来,那你从源头上就找到了和产品经理对话的能力,开发维度而言,核心来讲,是你得知道技术的约束边界,知道可行性把握有多大,如果你还知道实现机制,,那你也能就找到了和开发工程师愉快合作的基石,设计维度,不多讲,具备足够的设计美感和设计品味是应该的,对设计规范、用户习惯了解越多,越能知道设计不应该做什么,不干舍本逐末的事,从这个模型上,这也很容易解释,为什么一个好的交互设计师要涉猎产品,开发,UI知识,做到最好比较全面的知识结构,我们经常讲用户体验,讲体验设计,其实有句话我一直很认同,谁讲的不记得了“体验是个人的,体检设计不是”。

顺便讲讲我觉得重要的交互设计师好习惯。

html5动效系列二十六:分享几款HTML5 动画图表

蓝蓝设计的小编

一款基于HTML5 Canvas的折线图表,这款HTML5折线图表的特点有两个,一个是图表是有动画效果的,即在图表初始化的时候带有动画;第二个是这个HTML5折线图表可以让你动态添加数据节点,并且用折线平滑地连接,Canvas是这款折线图的一个画板。

html5-canvas-animated-line

html5动效系列二十五:纯CSS3响应式分页插件

蓝蓝设计的小编

这次我们要来看一款纯CSS3实现的响应式分页插件,对于分页插件,之前我们也分享过一些,都是基于jQuery分页插件。这款CSS3分页插件可以完全自定义分页条的样式,包括鼠标滑过时的背景颜色、页码的数量以及前后翻页的按钮。

css3-responsive-paging

html5动效系列二十四:分享几款CSS3菜单导航

蓝蓝设计的小编

这是一款基于纯CSS3的菜单导航,这款菜单非常有个性,菜单背景是一页古老的笔记本纸张,菜单项像是浮动的文字一样嵌入在纸张上。鼠标滑过菜单项时会出现不同的背景线条,显得相当可爱。这款CSS3菜单导航非常适合在个人博客中使用。

css3-menu-personal

html5动效系列二十三:基于HTML5 Canvas的图表插件Chart.js

蓝蓝设计的小编

chart.js是一款基于HTML5 Canvas的图表插件,chart.js的功能非常强大,它不仅提供了常见的柱形图、折线图、饼状图,而且还提供了环形图、雷达图,样式外观多样,图表的色彩搭配也比较清新。chart.js还有一个特点就是图表在初始化的时候有弹性动画,这也是HTML5 Canvas的一大功劳。

chartjs-html5-canvas

日历

链接

个人资料

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

存档