笔记-产品交互设计注意事项

各设计岗位的工作重点
各设计岗位的工作重点
用户研究和文案撰写通常由产品经理负责
用户研究和文案撰写通常由产品经理负责

线框稿,流程图

用色克制但层次清晰
在完成需求分析以后,交互稿只是产品功能与业务逻辑的表现,为了更好的提现功能和逻辑,交互稿要少使用颜色。使用黑白灰。

采用合理的页面布局与黑白灰色调来表现页面中的重要元素以及功能逻辑。

交互稿中出现的彩色是交互设计师向视觉设计师传达的视觉设计建议,暗示视觉设计采用该色彩,来强调元素。若非上诉情况下,交互设计师应尽量少使用彩色,一方面能够尽可能的体现交互设计的逻辑,另一方面能够减少对视觉设计师的视觉干扰,更大的发挥视觉设计师的创造性。

交互设计时的用户细分(用户研究)

始终要考虑两个问题:1. 谁是我们的用户? 2.我们的用户想要什么?

“目标驱动的设计” 设计的目的是什么,能解决什么样的问题。

不要把自己当作目标用户。

在符合行业特点的前提系,交互方案要讲求用户细分,针对相应的用户角色设计个性化的交互方案。

功能简单但考虑周详

多功能流程的优化,减少不必要的操作,让用户在不需要思考的情况下完成相应的任务。(减少操作步骤的前提是保证功能流程的完整,用户不会出现功能使用障碍。)


chrome浏览器的设置 显示基础设置,隐藏高级设置
chrome浏览器的设置 显示基础设置,隐藏高级设置

对于极端情况的一种,特殊页面的处理,不仅仅要告诉用户出现错误了,还要以用户能够懂的方式,告诉用户哪里出现了错误,更进一步要告诉用户该怎么操作。要引导用户到正确的页面中去,完成用户功能,提升用户,让用户忘却页面错误带来的不快。

正向闭环

我们在做任何复杂的功能时,最好先只考虑一个正常的、无间断的正向使用流程,因为这样你的思路才能够保证足够的清晰。而在整个环节中,我们经常会疏漏一些场景,使得整个流程没有闭环,举个例子:

我们在做微信分享的功能时,会做如下几个页面:


然后忘记分享后的显示界面


注册流程中的「打通断头路」


注册流程中,在提示用户号码已注册的结果页上,打通断头路,快速回到直接登录


逆向闭环

如果有一个扫码申请加入群聊的功能需求,方案如下:


1.扫码过后出现申请入群的页面
2.点击“申请入群”后,按钮状态变成“申请已发出”

群主如果答应我,那我可以直接进入群聊,如果拒绝也会提示我已被群主拒绝,但是,如果群主没有给出反馈呢?群主没有同意也没有拒绝,也就是说服务器是没有接受任何指示信息,那用户下次再扫码进来依然还是“申请已发出”的状态,不会有任何变化,所以通过反向推到后我们发现这个方案是不可行的。

方案改成:点击“申请入群”后,此页面不变,而是进入新的状态页面,告知用户申请已发出,即使在群主忽略的情况下,用户再次扫码进来,还可以点击申请入群,再次发出申请让群主接收。

竞品分析时避免盲目照抄

即便是同类产品,它们的业务背景和策略也可能有很大的差异。
例如 电商产品也会有资讯页面,可能是新品介绍或者是爆款推广,也可以是用户试用心得。这个页面的设计原理和新闻类、阅读类、社交类产品有很多相似之处,因此可以类比去看。

入口坑位设计中,图片、标题和摘要的排布关系,
哪些采用了左图右文?
哪些采用了上下结构?
哪些使用了嵌套模式?

语句简单但意义明确

在用户要删除文件时,二次确认的目的是减少用户误操作。但是,左侧的操作引导语,不论用户采用哪一边的操作都要去确认弹出框的内容,然后去进行提操作。而右侧的操作引导语,具有明确的指引作用,即使用户不阅读弹出框的文案,也能根据操作引导语完成正确的操作,更加符合Don’t make me think设计理念。

设计模式(Design Patterns)

  • 使用用户已经熟悉的各种设计模式,降低界面的学习曲线。
    登录,注册,表单校验,下拉搜索等等通用情况下不要去造轮子。
    http://ui-patterns.com/patterns (什么样的情况下,应该使用什么样ui组件)

    UXpin ebook https://www.uxpin.com/knowledge.html
    UXpin的Ebook都很不错,总结了很多经典实例。

  • 关注新的交互设计模型,在满足易用条件下,寻求满意度突破。
    例如: 普通的输入表单



    更加潮流的输入表单


关于可用性

  • 可学习性:对于一个新用户来说,学习如何在界面中操作有多简单?
  • 可理解性:用户能在多大程度上理解他所看到的?
  • 效率:用户完成一个任务有多快?
  • 可记忆性:如果一个用户离开这个系统一段时间,他们是否能很好的回忆起界面?
  • 错误:用户会造成多少错误?他们从错误中走出来有多快?
  • 吸引力:这个界面有多吸引人?
  • 规范性:界面依从规范、标准了吗?
  • 满意度:用户享受使用这个界面的过程吗,以及他们对结果满意吗?
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,491评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,856评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,745评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,196评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,073评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,112评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,531评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,215评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,485评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,578评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,356评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,215评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,583评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,898评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,497评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,697评论 2 335

推荐阅读更多精彩内容