Sep 20 2008
网站解剖（三）
(此系列文章为原创研究，仅供同行之间交流学习，如需转载请标明作者”葬花痴侬”及到本站的链接)
三：产品产生的过程
1、市场调研需求分析。产品产生的前期阶段，完成想清楚要做个什么东西。
2、产品原型
设计产品的逻辑。主要是分析产品的实质，明确产品的目的，设计产品的信息架构、功能、功能布设、用户行为流程、页面元素、交互细节等等。这个步骤实际是产品设计的关键，从产品逻辑的产生到最终用户使用效果的预见都要在脑中深思熟虑。为了实现目的，会构思多种实现方法，寻找一种最有效。需要很强的对信息架构、功能设计及布设、用户行为引导、用户体验、交互细节的整体权驾能力。需要在脑中像放电影一样从需求产生到最终用户行为结束从头到尾思考成熟。所以需要很强的综合能力。最终，就是用画图软件或word等把它画出来，如：
产品原型图
这个东西是直接交给UI设计师的，这个图画的细到什么程度，应该是经量细，至少里面要展现的信息元素
要展现完全。不应该让UI设计师去考虑应展现哪些信息数据。当然，也不必细到考虑布局尺寸，文案的字数，段落间距的程度。有些东西要留给设计师去发挥，太细了限制了UI设计。但文案初步内容，列表名称，导航名称，页面上要展现的数据，页面内容块的主次关系等应给出。
最后原型是要拿来被修改的，这个是产品设计先独自完成的，肯定是要被修改的。千万不要对UI设计师说这个已经讨论定下来，就按这个做。这个先是被产品设计的上级leader，老板，前期市场调研相关人员等修改。当然，这个修改是产品设计对他们沟通解释，讨论后的修改，毕竟只是个草图，别人会想当然的提些意见。但这个修改必须是对产品设计理解了的修改，是通过解释让别人真正理解了，别人完全理解了产品实质的基础上给出的产品设计认同的修改。 后面还有程序开发人员和UI设计师的修改。 UI设计师的修改会比较多比较细节， 因UI设计师会从头到尾要理解此页面的逻辑，知道页面的目的，分清楚页面内容的主次关系，用户行为的流程，用户体验等。比如上图右边数据列表的展现方式，有很多种，哪种用户体验比较好，哪种在视觉上对页面整体比较协调等等，这时UI会给出比较细节专业的建议。但这个可以不必再画出来，可以在此草图上直接圈出来标明让UI看着办。
2. UI设计
首先UI设计应该是从比较高的的角度着手，不单要求感性思维，更要求理性思维。这个不只是简单基础的给产品原型穿衣服的过程。应该从深刻理解产品原型基础上，形成视觉风格定位，赋予产品相应的气质、品味。所以UI设计师对产品整体感觉的把握很重要，不同程度的UI设计师对同样的产品原型做出来的设计差别很大。看看一些同类网站的UI设计就知道。好的逻辑和界面帮助用户快速的解决问题。差的逻辑和界面使得用户解决问题过程艰难、疑惑重重、信任感低。UI设计，在我们这种功能型网站，就是用户行为比较多，交互行为比较多的网站，应该追求的是 简洁、清爽、大气，而不应是华丽、眩目，这是个人机界面设计，这种类型的网页设计最基本的任务是体现产品原型的原始功能，然后才是视觉上亲和美观，高层次的是品味气质体现。对UI设计师要求上，因为是网络产品是网页设计，应具备CSS/html技术及对seo思想理解，设计上要考虑到前端开发，有的设计可能看起来不错但代码表现很困难或根本不合适。设计能力上，“对A比B重要”、“A区别于B”、“A包含B”、“A辅助说明B”等，对这些表现手段应该是多种方法成竹于胸。 整体的色彩、页面元素风格要统一。 总的来说，UI设计是件不容易的事情，是个细活，是个富挑战性的工作，好的UI设计加倍的体现产品原型，差得UI设计打击产品原型。完美的UI设计 让用户不用思考流畅地完成动作，并且得到视觉上享受，并受到产品精神的影响。
最后完成UI设计图稿，这个设计图还是会让产品设计及上层领导过目，这时候没必要让程序开发人员及市场前端调研人员等其他人员参与。当然这不是说不集思广益，不让大家都来提意见，产品设计审稿是看UI设计是否正确的体现产品设计的实质和逻辑，领导是有他的更高一层全局的想法，其他的可归到用户体验测试过程里，比如找几个用户测试看看，提提意见，市场相关人员及程序员也都可以来参加进来，但也是作为普通用户提提意见，不宜作为正式的审稿角色进入，因为他们会固有站在他们立场提意见，这样会伤害到UI设计，UI设计考虑到全局。他们针对他们角色的意见应在产品原型设计出来时的修改里。
3. 前端网页制作。 需要熟悉W3C标准，及理解创建符合标准的合理的代码结构的思想，熟练掌握html 及div + css布局，理解SEO思想。不细述。
4．把代码交给程序开发人员并配合他们开发。后面再由测试等 ，不细述。
