交互设计层面:单页面的交互和系统层面

文章描述:交互设计师是一个可大可小的职业,这,完全取决于你自己.

交互设计师是一个可大可小的职业,这,完全取决于你自己

一直以来产品经理与交互设计师之间的话题不断,有人认为交互设计师可以算上是半个产品经理,也有人认为交互设计师的生存空间太过狭小,基本成了一个破画图的,等等说法不一而全。之前,我写过2篇文章大致来表述对于两者之间关系的我的一些观点,在“我理解的产品经理”中我认为产品经理需要同时关注产品设计、工程技术、产品运营3个方面;在“基于axure的PRD写作思考”中我简述了在没有交互设计师辅助的情况下产品经理如何做一个更像样的“破画图”的。今天,结合最近的一些项目经验,总结一下产品经理如何更好的跟交互设计师合作。

首先,我理解的交互包括2个层面的交互,单页面的交互和系统层面的交互。单页面的交互是最常见的对交互设计师的定位,比如把一个注册和登录页面做到极致,把一个搜索框体验做到最好;而系统的交互则是各个页面之间的交互,各个页面之间如何更好的联系在一起,目前显见交互设计师谈到这方面的话题了。

按照传统的瀑布模型,需求分析 – 产品设计 – 产品研发 – 功能测试 – 发布与维护 ,在这套流程中下一个节点必须在上一个节点完全搞定才可以开始。所以在大部分的情况下是产品经理先做需求分析,然后开始撰写足够详细的(注意这个程度)产品需求文档,交互设计师根据PRD文档开始做交互设计,完事后交付给视觉设计师做效果,最后交付给技术人员做开发。而在这个过程中,从最开始的需求到最终开发出来的东西往往很难保证其需求传递的准确性,也让交互设计师的生存空间大打折扣。于是,最常出现的情况就是“我明明想要的是齐天大圣,可是最后你却给了我一个孙猴子”。为了避免这样的情况出现,我们尝试将流程做了如下改进:

1、需求分析阶段

产品经理在产品调研及需求分析阶段产出一份调研报告,这个报告需要说明这个项目的项目背景、项目收益、需要满足用户的核心需求点、为了满足用户的这些核心需求,我们需要使用哪些功能模块。在这个过程中,产品经理只需要考虑如何最大程度最优雅的满足用户的需求,完全不需要去考虑技术实现难度。一定切记不要让某些技术思维使你的思维被僵化或者局限了!

在整个需求分析完成一次之后产品经理需要做的一个重要事情就是跟开发工程师确定需求实现的难度,哪些需求是立刻可以被实现的,哪些是需要长时间开发的,哪些时目前技术无法实现的,….。然后对需求做第二次的筛选与分析,同时试图寻找替代方案,目前无法实现的可以暂时存入需求池,排入工程师研发规划中。

2、需求第一次传递

需求分析迭代完成并通过评审之后产品经理需要开始将需求可操作化并做第一次传递。一般包括,需求的优先级排序、如何将这些需求衍化到一个可操作的产品中去、以怎样的形态进行展示等。在这个阶段需要输出2个东西,需求概述和产品架构图。需求概述主要对需求分析阶段得到的经过团队成员统一意见后的做总结,其实是继续准确的描述“解决什么人在什么情况下的什么问题”;而产品架构图则是该阶段最为重要的产出物,他是承载整个产品的根基,包括产品包括哪些模块,各个模块之间的关系如何等。

产品经理将需求概述和产品架构图交付给交互设计师,由交互设计师来完成需求的页面化,包括产品架构下的页面逻辑确定、单页面的交互逻辑确定。打个比方的话就像是产品经理提供给交互设计师一颗颗的珠子,并告诉交互设计师这些珠子的串联规则,而交互设计师需要完成的就是将这些珠子串联起来,以最动人的形式展示给用户。这个过程中,产品经理需要给交互设计师足够的信任,但前提是二者对于产品的核心需求点理解一致,由交互设计师主导完成珠子的串联,产品经理做方向把握。最终,产品经理和交互设计师共同接受原型评审,同时完成产品需求文档并做第二次传递。

在产品设计流程中,相对于其他环节的需求传递,产品经理将需求传递给交互设计师的环节最为重要,交互设计师对需求的理解和把握会直接决定后续需求传递的效果如何。

3、需求的第二、三次传递

经过上面的传递后产品需要满足的核心需求得到认同,产品的框架与产品逻辑都得到确认,在接下来的传递过程中,主要涉及到视觉设计师、开发工程师,问题已经不大,面临的一个核心问题就是排期。这里可以直接采用《用户体验的要素》中提到的方式“不能完整结束了这个阶段的工作,才开始下个阶段;在下个阶段该结束的时候,完成这个阶段这个阶段的工作”

图片来源:用户体验的要素

另外,由于移动设备的特殊性,移动互联网产品设计较传统的Web设计又有其他差异,交互设计师、视觉设计师提供的效果不似Web设计可以在真机上完全模拟。所以,在移动产品设计中,必须要加入交互设计师、视觉设计师的真机效果确认。

絮叨了半天,其实总结起来就是这么几点:

1、满足什么人在什么情况下的什么需求之过东西,必须在每次传递的过程中被准确的传递,同时整个团队形成统一认知;

2、专业的人做专业的事,交互设计师是整个流程中最至关重要的需求传递环节,最好由产品经理提出初略的产品需求纲要,由交互设计师来完善这个纲要,然后向下传递

3、不能完整结束了这个阶段的工作,才开始下个阶段;在下个阶段该结束的时候,完成这个阶段这个阶段的工作

4、移动设备产品设计的特殊性导致必须要求各个环节最终效果都在真机上做一次回归

5、交互设计师是一个可大可小的职业,这,完全取决于你自己

时间: 2024-09-15 07:46:13

交互设计层面:单页面的交互和系统层面的相关文章

交互设计理论:我们眼中的交互设计

交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义.设计人造系统的行为的设计领域.人造物,即人工制成物品,例如,软件.移动设备.人造环境.服务.可佩带装置以及系统的组织结构.交互设计在于定义人造物的行为方式(the "interaction",即人工制品在特定场景下的反应方式)相关的界面(Wikipedia).通过对界面和行为进行交互设计,从而可以让使用者使用人造物来完成目标,这就是交互设计的目的. 从用户角度来说,交互设计是一种如何让产品易用,有效

什么是交互设计?工作中的交互设计

文章描述:那些工作教会我的事情(1):关于交互设计. 自从被知道成为交互设计师的那一天起,邮箱或IM上,间歇性地,会收到很多师弟师妹的信息,让我说说这个职位,谈谈感想,说说见解,给他们指明一条平坦的道路.(可惜我一路走来颇为争扎.)这快2年的时间,搪塞了不少没法回答的问题,也忽悠了一些不靠谱的人.但总体而言,写这篇文章除了给师弟师妹们一个解答之外.也是给自己的一种总结:让自己的知识显性化,有所积淀,有所运用与传承. 什么是交互设计? 交互设计,又称互动设计,(英文Interaction Desi

浅谈交互设计:面向用户和现实的交互设计

交互设计实用指南系列(0)--我们眼中的交互设计 交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义.设计人造系统的行为的设计领域.人造物,即人工制成物品,例如,软件.移动设备.人造环境.服务.可佩带装置以及系统的组织结构.交互设计在于定义人造物的行为方式(the "interaction",即人工制品在特定场景下的反应方式)相关的界面(Wikipedia).通过对界面和行为进行交互设计,从而可以让使用者使用人造物来完成目标,这就是交互设计的目的.

交互设计经验分享:WEB拖放交互设计

文章描述:交互设计经验分享:WEB拖放交互设计.   开篇呈上赵本山和宋丹丹的小品笑话:  要把大象放进冰箱总共分几步? 把大象塞进冰箱要3步:1 把冰箱门打开:2 把大象装进去:3 把冰箱门带上. 这虽是一则脑筋急转弯的笑话,但却提炼出我们生活中将一个物体放进另外一个物体里通常有的3个步骤. 1.    虚实结合的世界  随着信息化时代的到来,我们的生活不仅局限于可触摸的自然环境,而且拓展到无形的虚拟环境中.继而,真实生活中的行为,如购物.交友.娱乐,也会映射到虚拟环境里.虚拟世界中,鼠标.键

交互设计个人经验和理解:交互设计的经验总结

文章描述:谈交互设计的经验积累. 交互设计师的工作中,基础的工具.常识.流程--,这些都能够轻松学习到:最终的产出物,也能够找得到成熟的范本:而只有中间的经验,只能来自积淀,没有速成的方法. 这篇分享,把自己成长中和交流中获得的一些经验略微举例,加上交互相关的一点基础,希望能给对交互设计有兴趣的朋友提供一些帮助. 提纲: 1. 入门 1.1. 工具 1.2. 原则/常识 2. 称职 2.1. 经验 2.2. 经验积累的切入点--模仿并思考 3. 进阶 3.1. 一定程度地违反逻辑 3.2. 扩展

移动的交互设计:手机语音自动识别的交互设计

文章描述:浅析手机语音交互设计. 语音识别技术,也被称为自动语音识别,其目标是将人类的语音中的词汇内容转换为计算机可读的输入,例如按键.二进制编码或者字符序列. 语音识别技术作为输入方式,比按键输入和手势输入更为快捷,学习成本很低,对于非特定人连续语音识别系统的识别率达到98.73%,已经达到实用要求,具有广阔的应用前景,在手机端的应用有语音拨号.语音输入.语音命令.语音搜索和语音翻译等. 语音的技术原理比较复杂,可以从语音交互的过程来理解: 1.开启语音识别功能.一般由用户手动点击按钮启动,手

网页设计参考:单页面的网站设计欣赏

网页制作Webjx文章简介:只有一个页面的网站界面欣赏. 一般网站很少会只有一个页面,当然有些网站也会存在仅有一个页面的情况.比如个人介绍网站,内容很简单的网站,一些设计网站等等.当网站只有一个页面时,那个页面也就成为了首页,不过普通网站设计相比,单页面网站的设计比较与众不同. 下面我们来欣赏一些单页面的网站,看看他们都是如何设计的

JS+CSS实现的一种交互体验 表单页面_页面背景

原始密码: 新的密码: (密码长度为6~20字节.不修改请留空) 重复密码: 邮箱设置: (我们不会给您发送任何垃圾邮件.)

交互设计-如何使用vtk实时输出交互选中的信息

问题描述 如何使用vtk实时输出交互选中的信息 我想要取出vtk实例parallel coordinates中用户交互的结果,例如我选择了一些点,怎样得到这些点的信息