网站交互设计入门—交互设计的职能83053

1、网站交互设计入门一交互设计的职能i.先了解i下交互设计的基木概念：交互设计是一种目标导向设计，所有的工作内容都是在围绕着用户行为去设 计的。交互设计师通过设计用户的行为，让用户更方便更有效率的去完成产品业 务目标，获得愉快的用户体验。ii交互设计在项目流程中的位置和任务：项口前期的流程和节人 l产品经理运营需求市场调冊，可行性分析jei權写与汇根立【觅结合运营定妒品主更功翘規划琵左上线鑿分析市场调硏产品专员交互蹄竞品分析碣定具体功能和业务规观奈求文档初稿竟品分析播助产品专员絵正或主动岌超奈求框架设计交互设计产品专员ttisfss导航结拘和页面禅作流程w»jx互桟计養理信§与

2、飯结构和流程确保业势税2j的呢m交互设计产品专员开发需求分析原型设计制作详细的交互匣妙定义攥作驰发事件与页面财关系定义便件的使用和元叢的姐炉iw5miwj交互说明ww）粗设计朴充is关文實渭写vmb的悚文笞数播1则分析产品专员交互设计开发需求分析专家评审齋求文档讲解收龍冋!fi员！8何文档的修订廉別示收3邂 负贵间!如遇与*2j的的傢订斓认呵档详细设计视觉耐根臧 互原型制作视觉设计為定义w5w6前端设计产品.交互职能的细化就是为了让产品在每个专业环节都做到极致，提高竞争力。如果是为 了走流程，每个环节都是任务式的交付，臃肿的分工除了增加成本和拖慢项口进 度，没有实际意义。所以交互设计需要做的足

3、够好，才能将这份工作做的冇意义。iii.交互设计的具体职能：从上图中可以看出，交互设计主要干三件事： 定义部分需求定义信息架构和操作流程组织页面元素，制作原型 demo定义部分需求以前的惯性思维是需求应该由产品人员负责，设计人员只是实现和改善界面 体验。而产品的真正需求不仅仅来源丁业务，还包括使用者的情感需求。在情感 分析方面，交互专业是具有优势的，举个例子：-个增值服务的宣传模块，业务模型可能是这样子:语言版本1考虑到情感因索后，需求模型会不断完善:9bk 本 1上图仅仅是举个例了，真正的产品人员不会将业务模型想的如此简单。举这 个例子就是想说明一下产詁的需求设计不仅仅是业务模型，述需要考虑

4、用户情 感、用户行为和运营数据。当产品人员考虑不周全的时候，交互设计师有责任对 需求进行修订和完善，这样的目标导向设计才是完整的。 定义框架这部分的内容属于交互设计师的核心工作内容，也就是我上一章节所讲的框 架设计阶段。这个阶段的产出质量宜接影响到业务目标和转化率。如果框架混乱, 接下來的界面怎么优化都是无效的。这好比大型超市的走道设计，如果路线规划 的不好，再多再大的指引图标都是低效的。交互设计做什么？让用户快速完成目 标，捉升操作效率，这才是框架设计的意义所在。什么是框架设计呢?这耍分成两部分内容：1 关于结构导航的设让把我们的产品想象成一个巨大的图书馆，我们需要帮助用户（有目的性的、 目

5、的不明确的，无目的性的）寻找他们感兴趣的图卩，怎么帮助用户准确的寻找 完成目标任务，这就是导航设计。导航的设计任务一般在新项目或重构项目。导航大概可以分为三种类型：结构导航、关联导航、可用性导航weicom. pdtestinquiry basket (0) temjotfl1可用性导航uadejn cwnaxomc<xyiectr)g buyers with chna stcuiftcrjlxoffer boardl*鏑导航-1virtual officeinfo < rntrroffer boardmy favounte categoriesbuyseico-optotal51

6、75218224712330861155195在框架设计的阶段，交互设计师主要关注于结构导航的设计。结构导航分两种：全局导航与局部导航。全局导航一般是指无联系的信息结 构做的一级大分类，方便用户以最快速的方式了解整个网站有什么大概内容。而 局部导航则关注于用户最方便的快捷操作和业务引导操作。favontes my alertsenglishvirtual officemessag% centre my products my offers member info showroom trade trendsadd a new productpost a new offermanage compa

7、ny profflemanage sub-accountsqcnhnnl manii愛疇遨游甬.41 «海砖promoting your products to thequalified buyerswelcome to virtual office!sourcing storm 交互设计师的首要任务就是将业务内容信息组织分类，划分出主次关系，根 据业务口的和用户习惯定义规划全局导航和局部导航的设计。那应该怎么规划 呢?尼玛!感觉写不完了，再写下去就可以出书了 （_）回到第一个增值服务页面的例子（虚拟案例，非真实案例）:将需求梳理后（怎么梳理，请google抽屉整理法），我们可以确认

8、全局导航:再详细规划局部导航:局部导航的层级可以不断往下延仲，通过树形目录或而包屑的方法帮助用户 浏览时不至于迷路。<2.关于流程的设计z前的案例我们已经基木上确认了模块需求有哪些页面，页面大概会放什么 内容。但真实的用户任务并不是在一个页面上完成的，这时候我们就需要通过流 程的方式把任务变得清晰和包容用户的各种误操作。虚拟案例:在流程的规划设计中要遵循：1以业务目的为主要导向；2兼容到用户的习 惯;3尽量让流程做减法，多一个流程就会丢一部分用户；4.任务是连贯和清晰 的;5考虑实现方式的复杂程度;欢迎补充 组织页面元素，制作原型demo经过了需求的完善和框架的设计的这些工作还是停留在抽象的想法阶 段，怎么把想法转达给项目组的其他人员呢?交互还需要把想法和规划表达出來, 那么