美文网首页iDesign
笔记-产品交互设计注意事项

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

作者: Rab | 来源:发表于2017-04-05 17:38 被阅读128次
各设计岗位的工作重点各设计岗位的工作重点 用户研究和文案撰写通常由产品经理负责用户研究和文案撰写通常由产品经理负责

线框稿,流程图

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

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

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

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

始终要考虑两个问题: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都很不错,总结了很多经典实例。

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



    更加潮流的输入表单


关于可用性

  • 可学习性:对于一个新用户来说,学习如何在界面中操作有多简单?
  • 可理解性:用户能在多大程度上理解他所看到的?
  • 效率:用户完成一个任务有多快?
  • 可记忆性:如果一个用户离开这个系统一段时间,他们是否能很好的回忆起界面?
  • 错误:用户会造成多少错误?他们从错误中走出来有多快?
  • 吸引力:这个界面有多吸引人?
  • 规范性:界面依从规范、标准了吗?
  • 满意度:用户享受使用这个界面的过程吗,以及他们对结果满意吗?

相关文章

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

    线框稿,流程图 用色克制但层次清晰在完成需求分析以后,交互稿只是产品功能与业务逻辑的表现,为了更好的提现功能和逻辑...

  • 【连载11】产品经理、设计师面试注意事项之二

    之前我们讲了面试的公共部分:产品经理、设计师面试注意事项。今天我们继续讲讲交互,视觉设计师,还有产品经理找工作时相...

  • DAY 13

    今天开始做人人都是产品经理的笔记,Fighting 一、交互设计 1.视觉设计如果不懂交互,会造成以下几个后果:1...

  • 2018-12-03交互设计课程笔记

    一、交互设计是什么? 交互设计 明确产品的任务需求、目标,规划逻辑关系,设计交互流程,同时,通过设计测试,优化产品...

  • 猫眼电影APP产品原型设计

    目录: 产品背景介绍产品分析“电影”布局与交互设计“影院”布局与交互设计“发现”布局与交互设计“我的”布局与交互设...

  • 交互设计----揭开交互设计的面纱

    交互设计学习 揭开交互设计的面纱 什么是交互设计?交互设计要明确产品的任务需求和目标,通过系统的规划,梳理产品的逻...

  • 数字化儿童产品设计读书笔记

    2018年2月20日星期二 读书 笔记 数字化儿童产品设计 儿童产品设计需注意事项:(与成年人不同的四点) ①(挑...

  • 交互设计转型产品手册

    产品设计(产品经理)是什么 产品经理,更准确的说是产品设计,在团队中,有可能是交互设计的前置,也有可能兼任交互设计...

  • 产品设计

    产品设计包括用户研究,交互设计,视觉设计和原型制作,交互设计不可外包。 富有创意的产品并非来自偶然,成功的产品会遵...

  • lesson 6 | Mobile

    ios设计 新手设计指南 注意事项 工作流程 有个设计iphone music player app交互的例子 简...

网友评论

    本文标题:笔记-产品交互设计注意事项

    本文链接:https://www.haomeiwen.com/subject/xmlxattx.html