体味生活，悟道设计

去改变

日志

关于我

FoXeR

喜欢Free的感觉,自由,或者...啥都免费

文章分类

LOFTER精选

八招诀窍，教你实力撩妹 >

一个交互设计师的自我修养

2012-05-09 14:21:03| 分类：狐说8道 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

一个交互设计师，可以从两个方向上进行自我修养的提升：专业化和职业化。

专业化是根本，是指设计师的专业技能掌握程度，如果在这方面薄弱，难以称之为设计师，最多也就是玩票者。

职业化是安身立命的本钱，一旦决定用交互设计技能来养家糊口，就必须知道并加以训练这一部分的能力。

专业化

| 设计原则

如可用性原则，信息组织原则，费茨法则，希克定律，米勒原则等类似的设计定律和原则，是通过大量的实验得来的结论，具有很高的遵守价值，可以说只要还是为地球人设计，这些原则都不会有什么变化。

| 设计相关心理学知识

关于人们如何认知，如何决策，如何行动这3方面的心理学知识对设计的价值最大。重点要提及的是格式塔心理学，阐述的是人们如何认知这个世界，对于做好设计有很强的指导意义。

| 交互模式

什么场景下运用什么模式是交互设计师所考虑的最多的问题，学习交互模式最好的途径就是大量使用不同的软件产品，并根据场景分类记忆，形成自己的模式库。

职业化

| 工作流程

之于交互设计师，标准的工作流程是：接触需求 > 需求碰撞（脑暴）> 竞品分析 > 用户研究 > 概念模型设计 > 功能设计 > 场景设计 > 流程设计 > 原型设计 > 可用性测试 > 开发追踪 > 上线跟进。

整个流程相当繁琐，加粗的是比较重要的，每个产品团队的现实情况不同，所以流程也不会完全一样，但终归不会脱离这个流程范畴。流程的每个环节现在都有一些相对成熟的方法论，这些方法论不必都掌握，找个顺手的即可，或者用自己的方法论，只要能达到应有的目的也行。

| 输出物

设计师的输出物实际上就是思维可视化产物，把思维可视化就是把大脑中的想法搬出来，目的是为了自我检验以及产品团队论证。思维可视化产物可以分为文字形式和图形形式，现在图形形式由于比较容易理解，所以比较流行。每个环节的输出物包括：

需求碰撞 => 一份简单的文字记录或者是讨论板拍照。

竞品分析 => 常见为表格形式，横向是竞品，纵向是评估项。竞品分析的内容可以宏观也可以专项，视项目组的需要而定。

用户研究 => 用户卡片。每张卡片是一个用户，卡片上记载着提炼出来的用户偏好，最好附带照片和社会化信息，显得真实可信。

概念模型设计 => 概念模型图。借助实体关系（ER）图的绘制方法阐述整个系统的运作方式，但要确保呈现的是用户可理解的实体。

功能设计 => 功能树（Web里叫做信息架构）。树状图方式展现产品功能和功能之间导航关系。

场景设计 => 故事板。每个故事板就是一个使用场景，不过很粗略，用户是如何与产品进行交互的，故事板和流程其实已经很接近了，流程是故事板的细化。

流程设计 => 场景流程图。以使用场景为单位绘制流程图，流程图阐述的是用户在使时的全部交互过程，包括用户对产品做了什么，产品对用户做了什么，流程图最好是垂直方向，便于衡量复杂度。

原型设计 => 原型图（高，低保真）。可以用Visio、Axure等常见工具制作，低保真的原型接近于线框图，只考虑重要的交互展现，不关心细节，高保真则在低保真的基础上加入细节处理（比如像素级对齐等）。

可用性测试 => 可用性测试报告文档。根据受测人员的反馈，罗列存在的问题，以便评估和改进。

开发追踪 => 产品开发期内，设计师随时确保给开发队伍答疑，以及监督开发效果。不过这个环节是否需要输出物，目前还没有一个共识，大多数团队是不要的。

上线跟进 => 用户体验反馈报告。数据来源可能是定期的大范围调查，也可能是用户的直接反馈。

| 沟通力

因为设计师是产品团队中的一员，是需要跟大家一起配合工作，所以能准确理解别人意思以及能明确表达自己意思是非常重要的，沟通力的根本是语言掌握能力，不过借助上面提到的输出物或者是一些简单的思维可视化的方法将会事半功倍。

| 熟悉特定领域的用户

其实这个是自然而然的事情，为某一领域的用户设计久了自然就会了解它们的普遍特征，就越容易做出靠谱的设计。

评论这张

转发至微博

阅读(355)| 评论(0)

推荐转载

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087066086085084075083086085067072087089074080095086067083095',
              blogTitle:'一个交互设计师的自我修养',
              blogAbstract:'<div\><img title=\"一个交互设计师的自我修养 - FoXeR - 生活与设计\"  alt=\"一个交互设计师的自我修养 - FoXeR - 生活与设计\"  style=\"margin:0 10px 0 0;\"  src=\"http://img1.ph.126.net/GwBIPUvLbittQdhsyHAk0w==/1358116762646410491.jpg\"  \></div\><div\><br\></div\><div\>一个交互设计师，可以从两个方向上进行自我修养的提升：专业化和职业化。</div\><div\><br\></div\><div\><br\></div\><div\>专业化是根本，是指设计师的专业技能掌握程度，如果在这方面薄弱，难以称之为设计师，最多也就是玩票者。</div\><div\><br\></div\><div\><br\></div\><div\>职业化是安身立命的本钱，一旦决定用交互设计技能来养家糊口，就必须知道并加以训练这一部分的能力。</div\><div\><br\></div\><div\><br\></div\><b\> 专业化</b\><wbr\><br\><div\><br\></div\><div\>| 设计原则</div\><div\>如可用性原则，信息组织原则，费茨法则，希克定律，米勒原则等类似的设计定律和原则，是通过大量的实验得来的结论，具有很高的遵守价值，可以说只要还是为地球人设计，这些原则都不会有什么变化。</div\><div\><br\></div\><div\>| 设计相关心理学知识</div\><div\>关于人们如何认知，如何决策，如何行动这3方面的心理学知识对设计的价值最大。重点要提及的是格式塔心理学，阐述的是人们如何认知这个世界，对于做好设计有很强的指导意义。</div\>',
              blogTag:'交互设计师,职业素养',
              blogUrl:'blog/static/18949007920124911523844',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:1336544602235,
              publishTime:1336544463601,
              permalink:'blog/static/18949007920124911523844',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:true,
              hostIntro:'喜欢Free的感觉,自由,或者...啥都免费',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/18949007920124911523844">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 博客风格 - 手机博客 - 下载LOFTER APP - 订阅此博客

体味生活，悟道设计

导航

日志

一个交互设计师的自我修养

历史上的今天

最近读者

热度

评论

页脚