来源:实搜网络 2013-12-03
网站建设第一步,就是对网站定位的分析,然后开始进行网站页面的设计,其中涉及到最重要的一个环节就是网站流程的设计,也就是交互设计。如果一提到交互设计,你就想到画线框图或原型图,那你只对了五分之一。交互设计是一个过程,从开始到结束有一套系统的流程。原型图只是其中的一个环节。下面石家庄网络公司就为您说说交互设计的流程。
1. 任务分析
这里要做的是对于将要设计的新界面的所有任务的分析,也就是用户在界面上能进行的所有操作。这个分析在功能需求的基础上进行,需求方一般提供一个功能点的列表。任务分析最常见的是任务列表,另外有任务流程和任务场景等。
以任务列表为例,需要列出所有主要任务,以及每个主要任务的子任务,再把子任务细分到各个步骤。任务列表包括所有功能点,并对每一个功能点的逻辑关系进行整合,必要时会对各任务的使用频率和其它影响设计的重要因素进行分析。
2. 页面流程
任务分析完成后,进入设计的第一步,即设计页面流程。页面流程是设计的开始,也是重要的一环,它决定整个界面的信息架构和操作逻辑。页面流程是上一步任务分析的自然转化。一般来说,一个主要任务就是一个页面,其它子任务也可以转化为页面。
页面几乎是把任务分析照搬过来了。所以上一步做好了,这一步很轻松,而且越往后越轻松。注意,流程图应该包括所有将要设计的新页面,一个不少,一个不多。它不仅确定页面内容,页面数量,还确定各页面之间的关系。如果在后来设计具体页面原型时,发现这个流程图多了或少了页面,或者页面关系发生了变化,说明你的功夫不到家。根据原型图来创建或者修改页面流程图,不是在做设计,而是在写设计说明。
3. 页面布局
页面布局是具体页面设计的开始,在上一步知道有哪些页面需要进行设计后,这里对页面进行划分,对内容进行组织。最重要的一点是确定页面分区:总布局,即通用布局,适合所有页面;具体页面布局,在不与总布局冲突的情况下,有更细节的布局。
页面布局赋予零碎的内容以逻辑性,以分区的形式把页面各区域所对应的功能区确定下来,减少具体设计时的随意性,这是设计严谨与否的表现所在。把类似的操作放在一起,对于用户来说是可以预见的,用户能够判断哪个操作在哪个区域,减少盲目寻找带来的困难和疑惑。
4. 原型设计
这一步是大家熟知的,即具体页面的设计。这一步设计把所有的界面元素表现出来。可以有低保真和高保真原型图,低保真即是线框图,高保真多是接近最终效果图。
5. 设计说明
最后一步需要做的是对所有页面进行详细的描述,包括对页面上所有元素进行说明,比如默认状态,跳转页面,字号字体,尺寸等。这是交给开发人员的文档,以及测试人员进行测试的依据。
石家庄网络公司专业为企业提供网站建设服务。
实搜网络为您提供网络推广,网络营销,网站建设,SEO优化,微信开发,网站托管等服务,服务热线:0311-66697360