交互设计之草图、线框图和原型

草图  线框图  原型

草图
通过草图来构思,扑捉想法,探索设计
方法:每次构思几小时,然后让大脑推迟做决定,去做自己喜欢做的事,放松下来并保持积极的心态。构思时
      只关注最重要的问题,不要在每个想法上话很多时间,不要纠结细节。如:用户为了从一家网上商店买一件衬衫需要
     采取哪些步骤呢?
技巧:采用思维导图,草图版来思考

交互设计之草图、线框图和原型_第1张图片

线框图
利用线框图来使想法成型,主要包括页面结构(如何组织信息,用户可以看到什么,能做什么),导航(菜单,所处的位置,可以到哪里)
,交互细节(指示做某事时会发生什么,动作的后果,要采取的步骤)
具体包括标题,脚注,导航菜单,占位符(广告,内容快,侧栏等),控件和按钮

交互设计之草图、线框图和原型_第2张图片

 

交互设计之草图、线框图和原型_第3张图片

原型
通过原型进行测试和改进,是关于行为而不是视觉的即评估、测试和验证功能。应该重点关注要测试的重要场景
可以采用工具Axure,ppt visio来创建

忠告:略过线框图创建过程会产生极端的后果。通过直接跳到ps中设计的效果图,将会使客户重点关注视觉和美学细节,而不是
结构和功能。良好的设计是通过一致的迭代(草图,线框图,原型,测试)以及把解决方案提供给用户进行测试来实现的。
失败很重要,接受失败也很重要,从失败中学习同样是很重要的
读更多的书

设计开发禁忌
1.不要为你自己进行开发:要为用户而开发,为维护而开发
2.不应该把很有可能会改变的元素制作成图形

 

你可能感兴趣的:(交互设计)