数极客首页

用户体验与交互设计

我常被问起:“你是做什么的?”
“交互设计师。”
“交互设计是做什么的?”
我很尴尬

的解释一堆:“!@#¥%…….”
对方更是疑惑:”那….是不是网页的视觉设计?”
………
网上搜到一张图,发现不只是我,很多交互设计师都存在困惑。缺乏职业存在感。
用户体验与交互设计

  • 交互设计的特征
    之一——“虚”

交互设计似乎是个很难解释,有点”虚、空、玄“的东西。互联网的快速展开

,交互设计少了些能够
自创
的办法
。交互设计这个行业似乎只能靠前人阅历

、自身

灵感、悟性体会

,江湖中野蛮展开

着。简直

就是武林中的内功了得。

  • 交互设计的特征
    之二——纠结,有木有!

JJg在《用户体验要素》中,将交互设计设置在结构

层。

用户体验与交互设计

一方面,交互设计恰恰处在笼统
的战略向细致

完成
页面的转化过度阶段。从产品开发流程中,交互设计上从产品经理接到需求,剖析
需求并最终托付
网站高保真的原型。要把“笼统
”的点子和想法照实
贴切
用界面言语
表现出来。满足公司商业需求。

另一方面,交互设计师的降生
某种水平
是为了提升产品可用性。其实就是要满足产品运用
者——用户的请求

说起来简直

就是吃饭靠公司,目的
是用户的“无间道”。要不时
均衡
公司“商业”利益(不能丢饭碗),和用户体验利益(专业道德)之间的矛盾。细致

来说,就是在交互设计思索

的过程中,思索
用户逻辑+公司的特殊需求两部分

内容。

能不纠结么…..

  • 交互设计的内容有哪些?

有人问我交互设计难么?

我说“不难,你想,用户的操作行为就俩:点击、拖拽。”:)

其实,我了解
的交互设计主要分为两块:信息架构操作细节。交互设计的产出物(托付
物)也应当包含这一静一动两块。

下面从交互设计不同阶段的产出物,来谈谈我自己

交互设计办法
和思索

过程:

用户体验与交互设计

1.接需求

这个阶段主要是接到产品经理等拿来的需求,比如

FRD文档。和产品经理讨论需求,了解

重点。

2.需求剖析
——>翻译成界面言语

俗话说,Think first,Design next.关于
接到的需求,第一件要做的事情就是认真
剖析
和讨论下需求的逻辑、内容和目的,而不是马上风风火火的开工。这个阶段的重点在于梳理用户逻辑+特殊需求,最好能高度概括成几点。

忍不住援用
臭鱼博客的一个灰常贴切的案例:

一个需求文档。里面描画

了页面需求
承载的信息。

第一步. 概括信息

•您选择了回邮方式办卡,概括解释这个办卡方式。
•接下来您应该 下载申请表
•回邮办卡的全过程是这样的…
•一系列留意
事项。

第二步. 排序

1. 您选择了回邮方式办卡,概括解释这个办卡方式。

2. 接下来您应该 下载申请表

3. 回邮办卡的全过程是这样的…

4. 一系列留意
事项。

第三步. 翻译为界面言语

关于
单一的页面(并非整站,没有操作逻辑)的产品来说,需求剖析
完,托付
物出线框图,后面视觉和开发静态页面足够了。

3.结构

框架

实践
产品常常
复杂很多,在需求剖析
的时分
要对产品结构

中止

梳理,表达出网站的层级结构

。做出相似
站点地图(site maps)。这个除了能够
把公司所提供的内容层梳理明晰
,为全站导航也奠定基础

用户体验与交互设计
用户体验与交互设计

其实流程图分为单个用户流程图和多用户流程图。它不只
是进步
可用性的利器,也是信息架构的好工具。细致

详情能够
看:应用
任务角色来做信息架构

举一个购物网站的例子:运用
者主要包括置办

者、买礼物的人、经过
EDM(email营销)进来的人和退货者。

先画出“购物者”的流程图

再画出其他角色的流程图
继续画出“买礼物的人”的业务流程。假如
这家B2C网站增加了“买礼物”的需求,增设了“我的愿望清单”用来记载
、显现
我想置办

的商品或者公开、指定给好友。

你会发现不同用户角色能够
复用相同的页面。比如

:购物车、搜索结果list页、送货地址、确认页面等等。

画出一切
用户角色的流程图,整体看一遍
用户体验与交互设计

经过
梳理不同用户的行为途径
,能够
更好地梳理复杂问题。你不只
能够
从开端
紧盯用户来网站的目的和需求,还能够
避免

遗漏页面和页面上关键性的操作

  • 所谓避免

    遗漏页面就是查看整站能否
    缺失了某些页面,首页、类目汇合
    list页、list页、detail页,以及操作后的结果页。个人觉得在这个阶段项目估时最靠谱。

用户体验与交互设计

这些表现页面

  • 每个页面展示

    要素页面上关键性的操作关于
    接下去的视觉设计也能够
    起到参考的作用。

用户体验与交互设计

相关箭头越多,页面承载的信息量也越多。还有一些重要操作(如上图红框)在视觉上应该突出表现(比如

buon颜色醒目色、高亮度等)。各个要素在页面中的级别其实是不同的。比如

用户体验与交互设计

“接受

” 愈加
醒目的引导用户。这里也会对一些企业战略的特殊需求引导。

还有,操作逻辑紧密

的按钮要接近。

用户体验与交互设计

保管
宝贝后,要么结算要么关闭。固然
右上角有关闭按钮,但由于两个操作紧密

,应该放在视觉上比较

接近的位置。

5.线框图(wireframes):更像最终产品呈现的毛胚。简单来说,就是抛去配色、字体样式

、图片等的原型设计。这个阶段包含细致

操作细节

线框图这个阶段,除了把上一阶段流程图需求
的要素包含好,最重要的要思索
怎么在页面中排布这些信息,积极细致

的操作细节、状态阐明

交互体验的一些参照准绳
:操作前,结果可预知。 操作时,操作有反响

,可中止
。 操作后,操作可撤销。

用户体验与交互设计

托付
物中对交互细节和跳转页面的阐明

用户体验与交互设计

6.检查check

这个阶段就是第三
对线框图中止

可用性的剖析
。第一时间,设计师能够
把已有的可用性准绳
拿出来参照,能否
呈现
问题。

《Don’t make me think》里有些阐明
,外加偶个人总结的常见排查点:

  • 这是个神马网站?(站点称号
    、logo、恰当
    的阐明
  • 我在哪?(文章或page title)
  • 主要栏目有神马?(导航、分类…)
  • 我在导航的哪个位置?(导航反白、面包屑)
  • 能回去么?(Home和返回或撤销)
  • 需求
    搜索吗?(搜索框满足讯问
    型用户,而不是阅读
    型用户的需求)
  • 两个重要状态有吗?(第一次进来的新手引导,参见here+出错状态提示)
  • 相同功用
    和文案的统一、分歧
    表达。

回头看看,这几个阶段的托付
物涵盖了交互设计的内容:信息架构操作细节。当然,细致

思索

过程不会那么界线
分明

。可能统筹
两者,比如

在流程图中既有细节又有架构。

用户体验与交互设计

 

交互设计其实让机器“模仿

”人和人沟通对话。交互和视觉最终要的是明晰
表达信息

设计师都该有自己

的一套设计办法
,设计剖析
思绪
和习气
。这只是我一个小白设计师对过去一些思索

的总结,便于未来

反省
。不一定对,找到合适
自己

和环境的办法
才是重点,以上均为个人观念
,如有相同
,算我抄你的。如觉得不好,板砖扔来。求童鞋们分享批判

不过办法
各样,Don’t fall in love with your design,最终还是要做“有爱、有人情味”的产品。干巴得~

来源:http://www.zhangyq.com/interaction-design-methods-and-processes/

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

发表评论

评论已关闭。

相关文章