数极客首页

好的交互设计就是简单

交互设计是近几年盛行
的一个词语。往常

市场上有许多资料

来引见
什么是交互设计,怎么做交互设计等。从场景,任务,用户,操作等剖析
。但由于受实践
状况
的限制,常常
不能很深化
。所以笔者分离
实践
工作体验与大家分享下,细致

做设计时分
是怎样
思索
的。假如
要说什么是一个好的交互设计,个人浅见就是简单。本文以下内容都是盘绕
简单2字中止

展开。

简单在本文中包括认知和操作两个部分


1. 认知主要是指人的思想
过程,本文中主要阐明
用户是怎么做决议
的;
2. 操作在本文中阐明
用户的阅读
和点击行为。
好的交互设计就是简单

先来说下认知,我们经常
能够

看到“装修前大清仓,最终
3天”。这些促销用语,是商家用数字来制造稀缺,惹起
用户的留意
,我们就来说说:数字是怎么引导用户的。

制造稀缺和迫切的氛围

要让人们盼望
做一件事,只需求
使做这件事的机遇

难以取得

1. 时间(通常用倒计时的方式呈现,给用户构成

一种,“此时不买,只需

懊悔
”的暗示,或者   引荐
给好友,附带一句“赶快买,马上要终了

了”)
2. 数据量
(限量200件,仅剩20件)

好的交互设计就是简单
好的交互设计就是简单

小结
1. 把原价,现价标出来,再去掉原价。由于
只需

一个价钱
用户不知道

有多低价


2. 给出原价,产生对比

,辅佐

用户决策。至于现价是不是真的,很多用户不会思索

制造社会认同,刺激用户跟风
社会认同是指一种群体影响力,简单说来,就是个人在群体中的从众心理,人们倾向于以为
他人

比自己

愈加
了解

所处的状况
,他人

的行为也总是合理和正确的。因而
个人会做出和他人

一样的行为,来取得
群体的认同,这种效应就是“社会认同”。

数字提示
,让用户非点不可

置信
很多人都有立刻

去点掉数字的激动
。这里的数字提示
,笔者以为与前面的略有不同。

好的交互设计就是简单

1. 起到最基本

的提示引导作用;
2. 这里的操作会让用户上瘾,从而培育
用户习气
,增加用户粘性;
3. 关于
平台级的产品,是相互
拉动,构成
一站式体验。

小结:
1. 数字不能故弄玄虚
,特别是电子商务网站,关于
一些价钱
,时间、数据量
的数字要真实精确

2. 要在显眼的位置把这些数字显现
出来,让用户有一个直观的判别
和快捷的操作;
3. 关于
“微”提示
,界面上要设计的显眼,又不能打扰

到用户。

接下来就让我们说说操作的简单:

好的交互设计就是简单

这里笔者先抛出一个常见的场景:

1. 按钮放这么远,用户会看不到;
2. 按钮能不能大点,生动点,要有点击欲。

这是日常工作中经常碰到的事,在这里我们能不能去提炼下呢?

1. 约请
用户操作(评论,置办

,注册)—功用
需求;
2. 要大,要近,要显然
—设计需求。

先来看一个事例:

好的交互设计就是简单
好的交互设计就是简单

这是来自Digg的截图,Digg是一个社会化引荐
的新闻站点,引荐
是站点运营的中心
,所以按钮要大,要显然
,按钮更不能躲藏
,这似乎

是废话。但需求
引出本文一个概念—实时可见工具,该工具就是将用户操作入口明白
化,表现方式
上是各种按钮,文字链,图标等。接下来我们简单剖析
下它能否
足够简单:

1. 从认知角度来看,在这里主要是视觉部分

。经过
文字的颜色和大小,明度和间距的变化起到层次感,主次突出,便当
阅读。
2. 从操作层面上来说其实就是点击,已近是最简单的了。所以需求
经过
按钮的3态(默许
,悬浮,点击)变化,动画效果(从Digg变到Dugg)等细节来提升产品的体验和口碑。

下面我们看看一些主流的SNS的feed设计是怎么的?

Qzone

好的交互设计就是简单

facebook

好的交互设计就是简单

新浪微博

好的交互设计就是简单

腾讯微博

好的交互设计就是简单

 

Digg
里面包含了头像,发布者,内容,时间戳,操作入口等基本

元素。这里需求
思索
各元素之间的关系,从视觉上分清主次,从而便当
阅读,特别在大面积feed的状况
下,不紊乱

,洁净
,整洁。是不是很简单,下面我们就看个反例,滥用按钮会怎样
样。排布紊乱
,层次不明晰
,细致

就不担负

了。

好的交互设计就是简单

往常

让我们看看Gmail是怎样
做的。

好的交互设计就是简单

突出标志
是对邮件分类很重要的功用
,所以将他默许
展示

,经过
明度调整使它从视觉上不突出,降低视觉干扰。点击后用高亮显现
明白
突出,简而言之,把最重要的东西默许
放出来,经过
处置
,降低视觉干扰。

最终
我们小结下,实时可见工具需求
留意
的点:
1. 触及
用户执行重要操作,应该坚持
一直
可见;
2. 减少视觉干扰,重点突出
3. 坚持
可见操作最小化
接下来我们看下另一个工具——悬停即现工具,简单来说就是鼠标悬浮触发操作入口。

好的交互设计就是简单
好的交互设计就是简单

这是很显然
的悬停操作,经过
弱化背景,突出焦点区域的变化,来提示用户操作。这种交互方式合适
于图片,列表等大面积的样式

,并且需求
提供操作又不希望影响版面阅读效果的场景。

好的交互设计就是简单
好的交互设计就是简单

随着功用
的越来越复杂,页面承载信息也越来越多,怎么均衡
各种引导,操作,反响

是权衡
一个交互工作的基本

点。

好的交互设计就是简单

这是一个照片编辑的事例,普通
我们将显现
和编辑分别

,经过
操作入口进入编辑页面,保管
后反响

。随着技术的进步,以前需求
的页面跳转往常

也能够
部分
刷新处置

了。

接下来我们看一个例子:

益处
:即时编辑不用跳转,操作更便当
,意味有更多元数据,从而产生更好的搜索和阅读
体验 。

悬停即现工具-易发现性

悬停即现-需求
思索
易发现性,由于
你把它躲藏
了。 所以关于
交互提示需求
设计的很显然
,这里,移动

到头像上有浮雕效果,然后是下拉箭头用蓝色高亮显现
,点击后三角形的箭头方向变换。一切
都是细节的变化,有时分
我会想到能否
做的太过了会。最近工作中也和同事讨论,我们做产品做设计,有个假定
:就是面对的海量用户,他们的互联网阅历

很少,不明白哪里能够
点击,这个功用
是什么意义
。所以作为设计师需求
做好引导,操作上把反响

做足够,鼓舞
用户去尝试和探求

。简单来说,交互设计做的是产品的包装,要会讲故事,设计场景,吸收
用户后,经过
贴心的引导来留住用户。

好的交互设计就是简单

小提示:

1. 用户通常知道

点击图像会有更多信息
2. 在主要的操作途径
触发悬停内容是个不错的办法

小结
1.  操作不太重要,需求
突出内容的易读性,能够
讲操作躲藏
于鼠标悬停之后
2.  显然
操作的时分
需求
保证页面规划
不变化
3.  编辑区域显然

4.  鼠标状态变为编辑状态(I形)
5.  空间适合

的状况
下能够
放编辑入口

参考资料


1. http://www.socialbeta.cn/
2. 《web界面设计》

  • (本文出自Tencent CDC Blog,转载时请注明出处)

 

给大家引荐
我国新一代大数据用户行为剖析
与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析
用户行为数据和业务数据,能够
自动监测网站、APP、小程序等多种渠道推行
效果剖析
,是增长黑客们必备的互联网数据剖析
软件。数极客支持实时多维剖析
、漏斗剖析
、留存剖析
、途径
剖析
等十大数据剖析
办法
以及APP数据剖析
网站统计网站剖析
小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析
模型,是用户行为剖析
范畴
首款应用定量剖析
与定性剖析
办法
数据剖析
产品

发表评论

评论已关闭。

相关文章