交互设计与用户体验设计

app和web:交互设计是由页面、icon、文字着三种基本要素构成的系统流程

交互设计概念

路径 效率 行为

1、以最简短的路径达到自己想要的目标

2、交互设计决定着用户对产品的使用效率

3、帮助用户用最简单的方式引导,让他们找到关注的内容和想要使用的功能。

用户体验设计概念

感受

用户体验时用户在使用产品过程中建立起来的一种纯主观感受。它是整个过程中身心全方位的接触和体验

用户体验贯穿产品:

有用性(基本)

易用性

友好性(用户对你的产品认可,丢不掉)

 用户体验核心本质

用户体验核心和本质就是研究人在特定场景下的思维模式和逻辑,然后顺应和利用它。

如:以最短路径提升用户购买欲望

及时反馈

产品与用户交流的指标

交互设计是否有效

信息是否传达准确

反馈类型-视觉

最常见的反馈方式,所以也最容易会被用户忽视

1、toast提示:一般2到3秒短暂出现,可以在屏幕任意位置,然后自动消失,无需任何操作,内容短信息不重要。

2、弹窗提示:能后引起用户的主要,需要简单的操作,通常用在询问用户是非需要进行某项操作。

3、按钮被按下的状态:当用户在使用中按下一个按钮时,一般都会出现按下状态,让用户知道他的操作得到了回应。

4、动效反馈:帮助用户直观的了解操作,同时会给用户留有深刻印象,提升产品的吸引力

注意:简洁易懂,操作反馈信息简单适当使用插画吸引用户注意帮助用户提示判断类型。

听觉

强度高于视觉,使用率却不是很高,不能作为主要反馈,并要给用户关闭的权利,因为过度使用用户会反感。

触觉

比较少见但是很强烈的反馈方式,基本作为辅助

操作流程简捷

1、使用自然思维非程序思维

2、围绕用户的目的设计

3、减少查找步骤

4、将常用功能提前

5、遵循已经成型的用户习惯

审核交互:

1操作前可预知

2操作中有反馈

3操作后可撤销

用户习惯与用户体验:

用户习惯大于用户体验

UE:用户体验的简称(国外叫UX)

产品设计的灵魂职位,通过分析用户心理模型,产品功能需求。设计任务流程,运用交互知识搭建产品核心构架,并设计出原型以最终实现产品的易用,好用。

PM项目经理(Project Manager)思维导图和原型图

前端开发:FE(Front-End Development)只能看不能用

研发:RD(Research and Development)偏向于后端的技术实现:功能技术实现,能看能用

测试:QA(QUALITY ASSURANCE)

产品经理至少2-3个,

设计师游3个人,前端就要有6个,后端9个,测试1-2个

UI设计思路

立项会议:头脑风暴

用户头像(用户痛点,用户故事)

竞品分析

产出产品文档与流程图

参与者:所有人

沟通会议 确认产品文档

设计师核对原型图

程序员考虑开发成本

参与者:产品经理 设计师 程序员

原型图-低保真(没图片图标)

为什么需要低保真:低保真原型时在设计初期帮助我们验证想法的粗略表述

低保真原型构建起来更加容易且成本更低

沟通会议:确认低保真

产品经理核对低保真

工程师核对低保真是否可实现

工程师搭建框架

沟通会议:确认高保真

产品经理确认界面符合产品要求

工程师趣儿是否能实现界面交互

沟通会议:如何对接

如何切图,切图的命名方式

如何交互,交互方式

产品开发完毕

设计师核对界面

测试工程师找bug

工程师改bug

立项会议:头脑风暴

下版本规划

测试工程师继续找bug

工程师继续改bug

时间节点:app78十张三个月左右 web一个星期

交互设计6大原则

费茨定律:光标到达一个目标的时间,与当前光标所在的位置和目标位置的距离和目标大小有关

席克定律:是指一个人面临的选择越多,所需要作出决定的时间就越长

泰思勒定律:这个定律时说产品固有的复杂性存在一个临界点,超过了这个点过程就不能再简化了

4防错原则

5剃刀法则:我们做产品时功能上不可以太繁琐,应该保证简洁和工具化(国外用的好,国内差)

6接近法则:将相似的、有关联的信息尽量摆在一起,不要让用户迷茫,要潜意识知道在哪里能找到自己想要的信息

设计师误区

误区A:配图是后台运营的工作

页面由icon、文字、配图的排版而组成

误区B:状态栏颜色只能一种

误区C:界面动效全权交给AE

1code4app

2市面已完成动效

3AE辅助实现(有前提)

4keynote辅助实现

误区D:让所有用户满意(50%以上)

误区E:完全按产品经理意图行事

1反驳产品经理不靠谱的需求

2主动分析调研,提升用户体验数据

3深入思考使用场景

4跟进开发,找到性价比高的方案

5寻找创新有趣的交互方式

 didot衬线英文:时尚饰品

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,386评论 6 479
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,939评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,851评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,953评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,971评论 5 369
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,784评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,126评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,765评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,148评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,744评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,858评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,479评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,080评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,053评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,278评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,245评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,590评论 2 343

推荐阅读更多精彩内容