产品设计(3)——产品交互设计

作者: 职惑产品 | 来源:发表于2019-01-17 18:53 被阅读3次

    前言

    产品交互设计是个很宽泛的话题,交互设计原则往大了说可以分为几百条,比如交互的一致性、易学性、简洁性、流畅性、反馈性等等。往小了说一切设计的原则都是「以用户为中心」让用户『更方便的解决需求』。专栏之前写过《产品设计(1)——设计原则》也可以是交互设计原则参考的范文,本文主要写基于自己的工作经历,讲解自己对交互设计的理解。

    1理解交互设计

    交互设计起源于互联网「网站设计和图形设计」,现在的交互设计并不仅仅指文字和图片的设计,而是用户在屏幕上可能会「触摸、点按或者输入东西」的所有元素设计。简而言之,就是用户在产品使用过程中用户与产品之间产生的所有接触(交互)设计。

    交互设计是一种让产品易用,有效且让用户在产品使用过程中产生愉悦感的设计,它致力于了解目标用户在产品使用过程中因交互形式而产生的心理及行为特点。

    合理的交互设计,让用户在使用产品的过程中产生愉悦感,可以让用户与产品之间建立一种情感关系,给客户心理上对产品的认可,从而达到交互设计的目的。

    2交互设计原则

    交互设计是为了让目标用户更好的使用产品,所以交互设计的原则也是以用户为中心的设计,越简洁越易用,越「符合用户心理模型设计」越「符合用户使用需求」。

    具体原则多种多样,本文主要讲以下五点:

    易用性

    功能越简单越好(360一键清理,微信读书滑动翻页),

    快捷方式(手机手电筒,iPhone上划键,支付宝扫码)

    减少点按(APP删除,智能语音输入,微信读书)

    表达方式可视性(微信摇一摇,漂流瓶)

    一致性

    基于人类认知与行业规范,保证同一系统的同一功能的表现及操作一致,减少用户的学习成本。

    例如:车同轨,书同文,统一度量衡;红绿灯及一些行业标识;APP分享、关闭、复制链接按钮等;同一款产品页面跳转一致等;具体可查看《安卓及苹果界面设计规范要求》。

    反馈性

    人与产品的交互过程中,当用户进行了某些操作,产品都需要使用变色、形状改变、振动、发光等方式来给用户即时反馈,即使在用户等待的过程中,也要做出等待反馈。

    例如:下载进度条,页面跳转指示,当前页面提醒等。

    逻辑性

    主要突出层次感,让用户知道当前页面所处位置。

    例如:淘宝商品分类、属地省市县分层等

    防错性

    防止用户出现错误,而出现的提醒功能。

    例如:输入法大小写提醒,百度搜索相关提醒,删除信息提醒等。

    备注:不同的人对交互设计原则有不同的总结,不同的目标用户,不同的使用场景有不同的设计方法,但交互设计核心是以人为本,其目的是让产品更好的为用户服务。交互设计的精髓在于产品的不断更新迭代,原则只是基于交互设计的一种参考方式,适合用户的交互形式就是最好的交互设计。

    3交互设计流程

    3.1同理心构思交互方案

    交互设计的目的是为了让用户更好的使用产品,在原型设计之前一定要先了解项目的背景、目标、预算等确定问题的边界,然后要了解用户对「产品解决需求」的「心理期望模型」,不仅包括目标用户群的心智特征、行为特征、人口特征等,还要包括用户的使用场景,任务流程等。只有综合分析各方面的诉求,构思出来的交互形式才不会顾此失彼。将构思的方案图纸化,同时通过相关功能的竞品分析,选择最佳的构思方案。

    3.2原型设计

    图纸化的构思方案毕竟属于“纸上谈兵“,只有将图纸的元素及具体流程通过原型设计,才能更加直观的表达交互设计的优劣。在原型设计的过程中也可以对图纸化的构思方案进行更多的细节探索。

    3.3优化与测试

    通过用户使用测试(或其他测试方法)不断优化原型设计,同时测试也可以增加设计提案的说服力。

    备注:本文只是基于自己的工作经历及认知对交互设计的总结,仅供参考交流。

    关于产品的更多内容请看我的专栏

    友情链接:

    产品设计(1)——设计原则

    产品设计(2)——产品框架设计

    如何评价一款「产品的好坏」?

    产品经理基础工作/PM利器——流程图绘制

    【职惑】产品经理职业提升大礼包

    关注微信公众号【职惑产品】

    回复【视频】获取产品经理成长进阶视频

    回复【书籍】获取50部产品产品经理必读书籍

    更多产品干货,点击公众号号内「获取资源」

    相关文章

      网友评论

        本文标题:产品设计(3)——产品交互设计

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