`
bbdd21
  • 浏览: 6588 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

互联网产品 设计流程

 
阅读更多

每个产品主要经过以下几个阶段:

一 可行性评估

主要执行人员:UI、UE、需求部门、程序部
需沟通人员:销售部

当产品经理确定基本的思路后,会先会跟我们沟通,并说明这个产品的思路、受众及一些自己的想法.接着会拿来一个结构图来和我们探讨实现方面的可行性。我们也会准备相关资料与其进行沟通,主要会从数据报告、功能性及可行性三方面下手,在探讨的同时会指出功能或结构上的一些问题,并提出改善方案,这步一定得仔细,UI、UE深入探讨并尽可能考虑到每个实现的细节,待框架打好后,出好的产品很容易.但如果在可行性评估上出现隐患,余下的其它工作也将会遇到诸多问题。

我们主要从以下三方面进行评估:

数据报告
通过99Click、Netratings、Counter三套系统来进行数据收集,并在分析报告中指出相应的问题。
功能性
站在用户角度上,对方案的结构及功能性进行评估,提出并解决操作上的问题。
可行性
每个产品初期都是感性的,但在不能保证每个功能都能按原有思路进行实现,具体还需要和相关技术 人员进行探讨、碰撞后形成最终的产品思路。

二 产品原型

主要执行人员:UI、UE、需求部门
需沟通人员:程序部、销售部

在产品原型方面,主要指的是黑白稿或线稿,除了颜色基本采用黑白的形式,最终出的产品原型将会和实际产品没区别。这个环节会拟定出产品页面的宽度,广告的形式,导航基本样式,各内容的区域的表现形式等…

当经过可行性评估阶段后,产品经理的思路和自己也基本达成共识,接下来将进行原型设计,我将主要分为三个步骤来实现:

1)  纸稿



一般情况下结构图都是采用word文档描绘,我选择笔和纸的方式,主要还是比较方便、易修改,有任何突发的思路只需要擦一下,就可以直接在已有的基础上进行调整,由于之前的讨论没有实物参照,在这个环节你一定会发现更多有趣的问题。

2) 线稿、黑白稿

当纸稿确定后,则由UI或UE使用做绘图工具来描绘黑白稿(我主要使用Photoshop来进行这个步骤,跟据个人习惯不同,大家的方式也有所区别,比如淘宝UED Team及Baidu UE更多的则采用线稿的形式)。也许是做UI的原因,我习惯还是采用黑白稿,方便界面设计,在结构上也会精确到像素,比如:导航高度40px.头条采用20px黑体,图片规格:104x85px,页面的各区域的留白为5px…等等,只有这样才会发现更多细节上的问题,当然到界面设计的同时你也会尝到更多的甜头。

3) 原型

完成以上的二个步骤后,产品的基本功能,结构,规范都已经大致成型.这时你可以叫上程序部、销售部及需求部门产品经理,在白板上对着黑白稿做最终的讨论。经过二次、三次调整,最终定下完整的产品原型。

另外,值得提的一点是,在产品原型未确定前,千万别急着去做界面设计,因为之前的讨论主要会通过白板、Word或纸稿。在原型未确定前,有很多潜在的问题表现不是很直白,比如:"窄了、窄了,完了,新闻列表只能放八个字"、"广告放不下了"、"数据提不出来,目前没这个接口…"。如果提前进入界面设计的环节,一但有问题,就意味着重新又需要找产品经理、技术部、销售进行再次沟通,这个步骤是很烦琐的,也会让人很郁闷的。

三 产品界面设计

主要执行人员:UI、UE、需求部门
需沟通人员:UID、SEO

目前产品的雏形已基至的本成型,虽然还没华丽的外衣,但凹凸有至身型已隐约可见。下一步将进入界面设计阶段.设计师们也将再次体会到黑白稿给他带来的各种便利.

1) UI
我的习惯是,主要针对首页进行风格设计,并出3-4套界面,最终挑选出2套左右提交给需求部门,同时也会指出自己最满意一套,和需求部门进行二,三次碰撞后,最终拿出定稿。

2) UE
UE则开始针对原型进行操作上的优化调整,召集用户并组织头脑风暴,收集到相关意见后,由UE整理出交互及用户体验方面改善意见,并反馈给UI及需求部门。比如:"这个文字需要加下划线"、"按钮上不要加样式,反而没有点击的欲望了…"。

3) UID
UID即开始着手准备制作方面相关文档.并提出实现方面的意见.等待效果图最终确定后,则开始相关代码的编制(CSS+DIV、AJAX、Java)。

4) SEO
SEO则根据原型提出搜索引擎优化的意见,为制作阶段代码优化做准备.

这个阶段一定要保证与需求部门沟通到位,当产品界面最终定稿后,建议再组织一次讨论,这次用户面对着是实实在在的产品,所感受会和之前有所不同.对产品效果上来说,这次的讨论也会有不少收获。

四 界面设计规范及功能实现

主要执行人员:UI、UE、程序、SEO
需沟通人员:UE、销售

1) 设计规范
考虑到在动态实现方面,光凭效果图很难直接的给予表现,这时需要配合使用说明文档及设计规范规范来做辅助。比如按钮及文字链在触发前后的样式,文字间距…。如下图:

2) 代码及程序开发
由UID进行页面的代码开发(CSS+DIV),并需严格参考SEO理出的相关规范,针对一些AJAX的动态效果还需要程序部人员协助完成,当静态HTML完成后即由技术人员进行程序嵌套,并实现预期的功能。
这个阶段由UI、UE全程跟踪,保证HTML和设计稿最大限度相似前提下,对已实现的功能进行测试,并出交互设计改善文档,提交给技术人员。

五 产品上线

主要执行人员:需求部门
需沟通人员:UI、UE、程序、销售

这个阶段主要是内容的添加,主要由相关频道编辑完成,对于软性广告位这块还需要和销售进行协调。完成内容添加后,由需求部门、UI、UE进行核查,在保证和内容、功能完整后,进行整体上线。

六 分析报告及优化方案

主要执行人员:UE
需沟通人员:UE、UID、程序、需求部门、 销售

产品上线后,由UE进行数据及意见的收集,在二周后出相关改善文档,协调各部门进行优化的工作。

分享到:
评论

相关推荐

    最完整的互联网产品设计工作流程

    国内的互联网产品设计流程相对初级,部分环节(如用户体验研究、信息建构和交互设计)可能被忽视,但随着行业的发展,对这些专业领域的重视度正在提高。团队之间的默契和有效沟通是保证流程顺利进行的关键。设计师的...

    互联网产品设计流程.pdf

    《互联网产品设计流程》这份文档是产品经理的重要参考资料,它涵盖了从构思到实现互联网产品的全过程,主要涉及以下几个核心知识点: A. 工具应用: 1. DCCI:数据咨询公司,提供互联网行业数据统计和分析,对产品...

    互联网产品设计流程网站(产品)设计流程.pdf

    互联网产品设计是一个复杂而精细的过程,它涉及到多个...整个互联网产品设计流程强调跨部门合作、用户导向和持续优化,每个阶段都需要充分的沟通和细致的工作,以创造出满足市场需求、用户体验良好且技术可行的产品。

    互联网产品设计流程网站设计流程.doc

    互联网产品设计流程网站设计流程.doc

    互联网产品设计流程网站(产品)设计流程.doc

    互联网产品设计流程网站(产品)设计流程.doc

    《互联网产品设计》课程实验教学项目建设探索.pdf

    在互联网行业蓬勃发展的今天,互联网产品设计课程成为高校教育中的一个重要组成部分,旨在培养学生的分析、设计和管理能力。本文档《互联网产品设计课程实验教学项目建设探索.pdf》对如何建设和优化互联网产品设计...

    互联网金融产品经理 从金融业务解析到互联网产品设计实战.pptx

    接着,进行产品设计,绘制原型图与流程图,编写产品需求文档(PRD)。然后,进行产品开发、测试、上线运营与迭代优化。 四、互联网金融产品经理需要具备的思维模式 互联网金融产品经理需要具备跨界思维、数据驱动...

    互联网产品设计流程有图有真相.pdf

    互联网产品设计是一个复杂而系统的过程,它涉及到多个部门和角色的协作。整个流程通常包括可行性评估、产品原型设计、产品界面设计以及界面设计规范和功能实现四个主要阶段。 首先,**可行性评估**是产品设计的第一...

    《互联网产品设计过程》

    #### 四、设计流程详解 1. **市场调研与分析**:研究市场环境,了解竞争态势,分析目标用户群体的特点和偏好。 2. **需求收集与分析**:通过问卷调查、访谈、观察等方式收集用户反馈,分析并提炼出用户的核心需求。...

    有效的互联网产品设计

    互联网产品设计是一门综合艺术,它涉及对用户体验、交互设计、视觉美学等多方面的深入理解与应用。有效的互联网产品设计不仅仅是创造出美观、功能性强的产品,更是要能够贴合用户需求,提供流畅且引人入胜的体验。...

    [设计网事.互联网产品设计实践].千鸟著

    3. **产品流程与设计思维**:书中详细阐述了产品设计的全过程,包括需求收集、概念生成、原型制作、用户测试和迭代优化。设计思维作为贯穿始终的方法论,强调以用户为中心,创新解决问题。 4. **交互设计与界面设计...

    互联网公司-产品部管理制度(含产品开发流程及规范模板).pdf

    "互联网公司产品部管理制度知识点" 根据提供的文件信息,我们...本文档提供了一个完整的产品部管理制度,涵盖了产品部的职责、岗位职责、产品设计要求、产品开发流程、产品测试流程和产品发布流程等方面的规定和标准。

    互联网产品设计作业流程有图有真相.doc

    互联网产品设计作业流程有图有真相 本文将详细介绍互联网产品设计作业流程的各个阶段,从可行性评定到产品原型、界面设计、界面设计规范及功效实现等方面进行了详细的阐述。 一、可行性评定 在互联网产品设计作业...

    互联网产品制作流程图

    互联网产品是指通过互联网技术实现的一种服务形态,它可以是网站、应用程序或其他在线服务。这些产品为用户提供信息、娱乐、沟通等多样化的服务。例如,Google搜索、QQ空间、网易邮箱和百度贴吧等都是典型的互联网...

    精益求精—卓越的互联网产品设计与管理

    从给定的信息来看,本文主要探讨的是互联网产品的设计与管理方面的重要知识点,强调了“精益求精”的理念在这一过程中的应用。接下来将从不同角度深入分析这些知识点。 ### 精益求精的理念 “精益求精”是指不断...

    移动互联网产品策划与设计.ppt

    《移动互联网产品策划与设计》PPT是一部关于如何在移动互联网环境下进行产品策划与设计的专业教程,涵盖了移动互联网产品的基本概念、分类、价值定位、策划与设计过程,以及产品经理的角色和工作内容。以下是对这些...

    互联网产品设计ppt课件(完整版).pptx

    "互联网产品设计ppt课件(完整版)" 这份PPT课件涵盖了互联网产品设计的基本概念、方法、实践和分析等方面的内容,对于互联网产品设计的学习和研究具有重要的参考价值。以下是从这份PPT课件中提取的相关知识点: 1...

    互联网新产品设计开发流程.doc

    互联网新产品设计开发流程 本资源摘要信息中,我们将详细介绍互联网新产品设计开发流程的知识点,包括战略规划、前期分析、用户研究、概念设计、需求确定等阶段。 战略规划 战略规划是产品设计开发流程的开始阶段...

    互联网产品的交互设计方法.ppt

    交互设计在互联网产品开发中扮演着至关重要的角色,它旨在提升产品的可用性和用户体验。交互设计不仅是一项设计工作,同时也是一种技术,主要目标是通过优化界面和操作流程来增强产品的易用性。面对互联网产品快速...

Global site tag (gtag.js) - Google Analytics