浅谈优秀的GIS界面设计的诞生

楼主^#

更多发布于：2011-09-23 14:53

说起产品UI设计通常的认识就是“图形界面的设计”而产品的交互设计往往被忽略！一个好的交互设计对产品的成功起着很关键的作用。UI所做的就是用户最先接触到的东西，也是一般性的用户唯一接触到的东西。用户对于界面视觉效果和软件操作方式的易用性的关心，要远远大于他对底层到底用什么样的代码去实现的关心。如果说程序是一个人的肌肉和骨骼，那么UI设计就是人的外貌和品格！都是一个成功软件产品必不可少的重要组成部分！下面从从UI设计与软件产品整体的关系和如何才能使软件产品得到最佳的UI设计角度来谈。
 　　我们现有的开发流程一般都是由市场部门提出客户需求，产品设计人员提出产品设计报告，开发部门设计开发计划，由各个小组分别开发一个模块，最后整合成为一个完整的软件产品。在这些流程之间UI设计应该参与那一个部分，每一个部分应该做到什么地步才可以使产品得到最好的UI设计效果呢？下面会在每一个部分具体分析。
 　　首先分析一下现在的问题所在，在一些软件业比较发达的国家软件产品的UI设计过程贯穿了软件开发的自始至终，而且是必不可少的。而在中国产品UI设计并没有被广泛接受，就算是已经有了UI设计师的一些企业也没有对产品的UI有着足够的重视，一般来讲他们大都会把重点放在如何使用代码实现所需要的功能，但这只是一个成功软件产品的一个部分。所以说用代码实现产品功能（coding过程）只是软件开发的一个步骤。 现在回到UI设计的角度来看，作为UI设计人员我们需要全程参与到软件开发过程中，而不只是在某一个步骤参与，现在在大多数软件企业里UI设计师只是在产品的coding过程的时候才实质性的参与到软件开发过程里，而在其它几个步骤里只是参加甚至根本没有参加（在这里我要强调“参与”和“参加”是两个词的不同概念，“参与”指的是完全加入到开发行列开始进入设计阶段，而“参加”指的只是旁听会议或者提出一些简单的意见并没有开始进入设计阶段），这样就会大大降低软件产品的开发效率使开发成本成倍上升甚至导致整个产品的不成功！这并不是危言耸听，下面分析一下在一个软件产品的开发过程中UI设计应该怎么做、做到什么地步才能避免上边提到的那些问题？
 　　下面根据软件开发的过程解释上边的问题，软件开发过程中的几个步骤如下： 　　1.产品建模 　　2.技术建模 　　3.分模块开发
 　　4.测试，那么我们也分为这四个部分进行讨论： 　　一.产品建模时期：
 　　首先来了解一下“输入”和“输出”，在UI设计里是很重要的两个概念，经常会有人说“我们有一个软件产品需要美化一下”然后再也没有什么深入的解释了，仅仅这句话我的工作就要开始了，然而这个软件是给谁用的？是干什么的？我们却一无所知！成功的UI设计首先要有完整的“输入”，怎么才能叫做完整的“输入”呢？也就需要UI设计师从整个软件产品的策划阶段就开始介入，在产品用户（也就是客户）向市场部门或者产品部门提出产品需求的时候就要开始参与到产品策划开发过程中来，这一部分对于UI设计师而言就是第一个输入阶段，并且在这个阶段里UI设计师也需要提出一些对产品交互设计的意见，以便产品部门在做产品设计的时候更多的考虑到产品的交互性和功能的简单表现原则，有很多软件在设计阶段就被加入了许多并不是用的附加功能，其实一个好的软件设计就是要用最简单的结构实现用户的想法，一些可有可无的功能看上去很花哨往往会影响用户的判断能力，这些就是产品优化的一些概念了。
 　　在此需要简单的提一下如果想要深入研究可以看一些有关于产品优化的书籍甚至是心理学的书籍，有很多人认为软件的优化就是代码的优化（用最少的代码实现产品功能），但这只是程序的优化是针对程序员而言的而不是整个软件产品的优化，产品优化包含了交互设计在现在的多数软件企业没有专门做这一部分的交互设计师所以往往这一部分被忽略，我认为这一部分应该又UI设计师承担起来，从文章的开头我就说过UI设计不只是图形界面的设计，就算是有企业里边有这样的优化人员或者交互设计师他们也要和UI设计师一起配合完成产品交互设计，作为UI设计师产品的交互性和易用性是在做设计的时候必须考虑的！ 产品设计人员经常不会过多考虑简单易用原理也就是产品出来用什么样的组合形式体现给用户，这也是UI设计师考虑最多的事情，所以UI设计师一定要在产品建模期间参与设计，给产品设计师一些意见。作为一名优秀的UI设计师我们还要在了解了产品的需求之后更深入了解这个产品的使用环境和用户群体的使用习惯。 　　 　　产品建模时期UI设计师要了解客户的要求想法和产品设计人员对产品功能的要求深入了解产品，采集用户的使用需求、使用环境和使用习惯，了解市场同类产品的设计分析它们的优缺点。协助产品设计人员完成产品建模过程并制作产品展示demo模拟用户对主要功能的操作过程和界面呈现，生成交互原型（基本上产品的交互性和易用性问题都需要在产品建模的时期解决）。如果时间允许我们甚至可以提出一份“UI设计分析报告”，这份报告可以附在产品设计说明后，更有效的帮助客户了解我们的产品设计并且帮助开发人员更好的遵循UI的整体要求来完成开发工作。这个时期的关键是“交互设计”。 以上摘自天天站长 [<a href="http://bbs.13925.com/" target="_blank">http://bbs.13925.com/</a>] 上面只是按照软件工程的方面说了一下，但是GIS有特殊的有特殊的用户群，我们必须要认真分析一番。 
由于GIS面向的用户的特殊性，GIS应用系统主要面向的是政府部门，特别是某些专用系统的开发，所以对一些功能的需求并不在于功能到底有多强，而是要满足他的特殊需求，例如版面要好看一点，这个仅仅靠美工是不可能完全实现，也要靠相关的编程人员和项目经理提供一些建议，但是这还有点不够，因为人的需求是多样的。考虑到版面的整体设计以及颜色搭配等问题，这个跟相关使用人员的喜好结合起来了，真真做出某个人喜欢的版面是不可能的。但是尽量的做好是可能的。呵呵！ 
还有一个就是让政府部门的人用起来方便，他们不可能点击多个页面后才弹出他所需要的结果，这就要按照人体工学的原理来设计。 
还有功能的需求是多样的，我们可以在实际开发过程中引导客户，但是版面的设计却不一样，版面就像一个女孩子的脸，漂亮的谁都喜欢。不管功能有多强，版面的美化是非常关键的。 

下面我列了一些关于ArcIMS开发的版面设计的例子，大家可以参考一下，本来想把自己做的项目的贴出来，但是考虑到某些原因，就不贴出来了。web开发的页面在实际开发中我们可以参考才c/s模式的版面。 总之，归纳起来有三点： 第一.版面整体安排合理
： 
将工具栏，图层树形控制栏，以及功能菜单的位置要设置合理。整体安排协调 
设置好下面这个框架是非常重要的。 
 第二.颜色搭配协调： 
这个就根据实际的需求环境来搭建，比如说是环境检测方面的，颜色搭配时就尽量靠近专业应用环境。 
 第三.功能使用方便： 
少提供进过N次操作后才得出结果的操作，这些是许多专业用户是不希望的。 
图一：布局的搭配很合理，而且颜色配合也不错的。 图二：布局不错，颜色也可以，跟专业相近。 图三：专业网站，颜色搭配很适合。 网站色调和布局别具一格。 
 
真真体现了专业门户网站的特色 颜色搭配不错。 布局很协调！

喜欢0 评分0

举报回复

发帖回复

« 返回列表

您需要登录后才可以回帖，登录或者注册

返回顶部

浅谈优秀的GIS界面设计的诞生

最新喜欢：