探讨交互设计

2022-3-4    周周

先放一张图:视觉设计师如何与交互设计师对接





目录:


什么是产品?


什么是交互设计?


交互设计学什么?



一、什么是产品?


产品是指能够供给市场,被人使用和消费。


产品就是一系列满足人们某种需求的功能和组合。


基于互联网存在的,满足人们某种需求的功能的组合,叫互联网产品


产品的好坏取决于他被需要的程度以及它能满足用户需求的程度 。


产品设计流程


项目分析、需求分析、竞品分析,定义产品,视觉设计,技术实现。


时间节点(重点描述一下交互设计的工作职责)


Pm:立项,提出需求,选择竞品,功能设计,组织评审、跟视觉设计师沟通,跟前端、后台沟通


交互设计(工作职责):


        视觉层:用户研究、五大层、配合pm出交互设计方案、方案微调、沟通。


        提交内容: 市场分析文档、用户研究文档、竞品分析文档、头脑风暴。


产品产出的过程:





二、什么是交互设计


交互设计是指,设计和定义使用者如何使用一款产品达到其目标,完成某一项任务的过程。


交互设计的目标可以从“可用性”“用户体验”两个层面上进行分析,关注以人为本的用户需求。


三、交互设计学什么?


软件: 


Axure RP   


Xmind


交互流程:


市场分析


用户调研


竞品分析


功能结构图


信息框架图


业务流程图


纸原型


低保真原型


页面交互说明


静态页面流图


交互说明文档


3.1 市场分析

市场分析,是指为了提高产品的销售决策质量、解决存在于产品销售中的问题或组织根据特定的决策问题运用科学的方法有目的的收集、统计资料及报告调研结果的工作过程。


3.1.1 市场分析的目的

    1.提供作为决策基础的信息

    2.弥补信息不足

    3.了解外部信息

    4.了解市场环境变化

    5.了解新的市场环境


根据客户特征、场景、需求、行为等因素确定维度,把大的整体市场从客户角度细分成若干小市场,市场细分是产品定位和需求调研的基础。


细分的市场应该有如下特征,否则便是无效市场


(1) 可衡量性(2)可进入性(3)可盈利性(4)差异性(5)稳定性



细分市场决定了客户和竞争对手是谁,最佳的细分阶段是进入蓝海市场。


3.1.2确定目标市场

确定多个细节市场后,就需要在这些细分市场中选出企业要进入的目标市场


市场定位

确定了目标市场后,就需要给市场定位了。市场定位即产品定位


3.1.3 SWOT 分析法

SWOT分析包括:分析企业的优势(strength)、劣势(weakness)、机会(opportunity)和威胁(threats)。


因此,swot分析实际上是将对企业内外部条件各方面内容进行综合和概括,进而分析组织的优劣势、面临的机会和威胁的一种方法。



3.1.4Pest分析

是指宏观环境的分析,p是政治(politics),e是经济(economy),s是社会(society),t是技术(technology)。政治、经济、社会和技术四个因素并不是彼此独立的,而是相互关联和相互影响的。

Pest分析法也常用于预测行业优势。


基本竞争战略分析


基本竞争战略有三种:成本领先战略、差异化战略、集中化战略。


3.1.5价值链分析

价值链分析方法视企业为一系列的输入、转换与输出的活动序列集合,每个活动都有可能相对于最终产品产生增值行为,从而增强企业的竞争地位。


分析内容:


    1.历史(市场发展的历史,包括起步时间,发展阶段总结,多元化发展)

    

    2.现状(经济规模,所处阶段,品牌格局,用户基数,当前焦点问题等)用方法


    3.趋势(行业规律,经济增长趋势,未来阶段,行业有可能的突破点)


    4.总结报告  行业有可发展性  市场细分 针对人群


    5.产品定位


分析要领:


    1.数据有迹可查。每条数据(图表)都需要表明数据来源。

    2.数据保持最新。使用的数据发布时间需要标明,调查的时间段保持最近。

    3.合理总结规模和趋势。调查到的数据是有关联性的,从多条数据中找到合理总结。



3.2用户调研


做产品设计时,我们经常凭借自己的经验来判断用户的需求。对于产品经理或交互设计师来说,聪明的头脑不一定带来正确的判断。

在设计一款产品时,踏踏实实的对目标用户进行适当的了解和研究,一定会有所收获。

用户研究适用于各个阶段

什么是用研

设计师需要始终保持一颗同理心与开放的心态

用户研究是一种理解用户、将他们的目标、需求与企业的商业宗旨相匹配的理想方法。

用研的价值

最好的满足用户需求是我们的目的,凭空想象是很可怕的,很可能导致产品偏离轨道。而且任何需求被需求都有优先级划分。

常用的用户研究有哪些方法?

l 问卷法(定量)A/B测试法

l 可用性测试(定性)

l 眼动测试

l 用户访谈

l 焦点小组

(一)调查问卷

问题设计的模糊、不准确会产生高达20%-30%的误差

问卷流程:

l 调研目的

l 问卷大纲

l 制作问卷

l 问卷投放

l 统计分析

l 结论呈现

客观信息

人口统计学:年龄、性别、婚姻状况、教育水平、职业、收入等、手机型号、版本信息

目的:使用xx的目的和原因当前面临的问题和需求

行为:使用时间、频率、操作行为习惯、常用功能、感兴趣的内容、形式、对象

态度:满意度对未来的态度

题目设计原则

1.题目态度中立、无诱导性

2.避免询问用户没有意识到的问题

3.避免询问设想性的问题

4.避免使用专家预言,如果一定要用术语,要提供解释

5.可问不问的坚决不问(题目<20,5min)

6.选项包括所有可能

7.避免选项互斥(重复同类问题)

8.给主观问题提供客观的评价标准

每一个问题背后都隐藏着调研的目的

问卷发放渠道:问卷星,百度众测



3.3竞品分析


竞品分析:对所研究产品的同类型产品进行分析讨论,并给出类比归纳的分析结果,用很了解现有产品的相关信息以及它与竞争对手之间的差异,从而借鉴于产品研发中。


直接:产品的目标相同,内容相似构成直接竞争的产品,功能一样


潜在:这个内涵其实很广,我理解潜在竞品为与我们产品目标用户相似:暂时没有我们产品的功能模块,但是通过后期升级,可以加上此类模块的产品。


最简单的例子就是陌陌与微信


转移性:用户群体不一样

内容包括几方面

基本信息:包括时间,手机环境,APP名称,版本号等信息

产品的概括或简介说明

产品定位

用户需求分析,解决痛点分析,使用场景分析

市场状况现状和分析

运营方法与重大事记

竞品分析与产品分析的流程

表现层-你看到的是什么颜色

框架层-这些区域和位置如何来决定表现层(位置)

结构层-用户是怎么来的,之后又去了哪里,哪些列别该出现在哪里(结构)

范围层-按照功能和与特性,表现的是否合适,如何决定结构层(结构合适)

战略层-需要什么样的功能与特性(产品定位)


战略层:

战略层就是你做产品的目标,也就是用户和经营者分别想从产品里获得什么。

做一件产品时要回答两个问题:

我们做这件产品的目标是什么?也就是经营者目标、

对应的用户需求什么?用户得到什么?也就是用户目标。

战略并不是不可以修改,通过后续工作的开展,可以不断的演进。


范围层:

范围层就是为了达成目标要提供什么功能,也就是产品可以做什么

两件事

1.定义需求:明白该做什么,不该做什么。

1.定优先级:明白什么是必须做的,什么可以缓一下。根据战略、技术实现难度、时间成本来判断。

几个原则:

1乐观:永远描述如何防止错误的事儿,引导用户 做出正确的行为,而不是描述“不应该这么做”。
2具体:一个功能点的具体要求要明确,因为不明确就会造成实现上的误解。
3.客观:描述尽量使用意义明确的场景。

范围层指的是,这个产品的思路是从满足用户需求的角度来理解的,满足了哪些需求?通过什么样的产品设计、策略、流程来满足的?

 

结构层:

结构层就是提出的功能如何完整的结构化流程化这就好比你把一个个确定好的功能点;整理成一个层次清晰的脑图。对每一个功能点需要一个完整流程图。对结构是否有质量的的标准是:每个功能的每一个步骤是否都是合理的。

结构指的是产品的结构,是你对着产品,从产品功能上看,就能用脑图把主干分支梳理出脉络。

 

框架层:

框架层是整个产品的架子,就像房屋的梁。
框架层决定某个板块或按钮等交互元素应该放在页面的什么地方,包含界面设计、导航设计和信息设计三个方面。 
界面设计为用户提供做某些事的能力,做界面设计时,要选择合适的元素,让用户一眼就能看到最重要的东西。
导航设计给用户提供去某个地方的能力。做导航设计时,要提供页面之间的跳转方法,传达元素与内容之间的关系,传达内容与页面之间的关系。
信息设计是将想法传达给用户。信息设计是将各种设计元素聚合到一起,反映用户
的思路,支持他们的任务和目标。包括视觉、分组等各个方面。


表现层:

表现层是UI界面,视觉直观可见,直接可理解的部分。
表现层就是对框架层感知后的具化,是UI界面,视觉直观可见的部分。
视觉设计师不能仅仅考虑美学问题;也要考虑视觉设计有没有破坏产品结构,有没有帮助更好的完成战略目标

 

五个层面的设计是一个流程;也是一个思路。通过自下而上的设计流程,让产品设计遵循以用户为中心,先确定目标和用户需求,想清楚要为什么用户提供什么价值,再不断往上推进。保证我们不会走偏方向,在底层花的时间融多越充分,后期的流程应该越顺利,因为那些目标需求与价值都明确的记在心中。

 

竞品分析文档的总结


(1)产品的概括或简介说明
(2)产品的核心功能总结
(3)产品的主要功能总结
(4)产品的优缺点
(5)借鉴点


分析报告 说出自己的产品与横向竞品有哪些区别(为什么人家有的我也有,为什么人家有的我没有,为什么人家没有的我要有)

我有哪些人家没有的附加功能,这些功能为哪些用户群体服务,为什么用户会选择我们



3.4信息框架图

信息框架

以去哪儿酒店项目为例






3.5功能框架

功能框架

以去哪儿酒店项目为例





3.6业务流程图

功能框架

以去哪儿酒店项目为例



3.7纸原型




3.8低保真原型




3.9页面交互说明




3.10交互说明文档




3.11页面交互流程


文章来源:站酷   作者:张阳光Designer

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


分享本文至:

日历

链接

个人资料

蓝蓝 http://www.lanlanwork.com

存档