一个老菜鸟所理解的UX及产品流

从事前端开发到目前为止已经有4年多的时间了,从一个小菜鸟一路依靠自学,到目前总算一个老菜鸟了。当然了,从事前端的工作,是免不了要对产品以及用户体验有些许了解的。最近谈论起这方面的内容,就按照自己的想法,对UX相关的内容做个总结。大家可多多评论一起探讨。

先说一下几个概念(职位):

PM:Product Manager 的简写,即产品经理,就是企业中专门负责产品管理的职位,产品经理负责调查并根据用户的需求,确定开发何种产品,选择何种技术、商业模式等。并推动相应产品的开发组织,他还要根据产品的生命周期,协调研发、营销、运营等,确定和组织实施相应的产品策略,以及其他一系列相关的产品管理活动。

UX :User Experience 的简写,即用户体验,更贴切的解释应该为使用者对于产品的体验,而对于 UX designer 来说,其主要的工作是研究用户对产品使用的体验,研究用户的习惯,研究用户的心理模型,从而使产品能够更好的适合用户的使用,适用于用户的体验,甚至引导用户的体验与习惯。那么其目标即为使用户对产品的综合体验达到一个比较高比较好的层次。

所以,由此来看,UX 应该包含有更多的概念,因此下面的概念应该都是为UX来服务的。

ID:Interaction Design 的简写,即交互设计,这个职位更多的着眼于如何将自己的工作体现在用户界面(UI)的信息表现中,体现在用户操作的流程上,体现在用户如何与网站、app 等产品的交互上。使用户和网站等的交互上有一个流程,有一个明确的可视化的流程,从而使开发人员之间,开发人员和产品之间能够有更有效的交流。也使得 PM UX 能够从更清晰的角度来把控用户的体验。即在 PM 看来,用户在使用产品的时候,会有一个明确的使用流程和交互流程。也更利于整个网站、App,甚至整个公司产品的体验的统一。从而能够更好地从更高的角度来改善产品的交互以及体验。

UI : User Interface 的简写,即用户界面,其实就是设计漂亮的界面嘛,用户喜欢就好了,当然是要在上面几个工作的基础之上才可以。

其余的还包括,用户研究员,视觉设计等,对于不同的公司,可能有不同的职位,即便相同的职位,也可能偏重的有所不同,例如UX ,在有些公司可能一个人兼任ID UI 甚至还要用户研究,但是有些公司各种职位可能就分的比较细了,但是总的来说,这些职位可能没有,但是工作都仍旧要做。

那么下面我就再将自己对于这些职位的工作流程的理解,简单的总结下。

1. 老板或者公司层面有一个点子,我们要做一个产品 A。

2. PM 在老板的这个思路下,开始做一些具体产品的考虑,例如有哪些模块,为什么有这么些模块,这些模块为什么而服务。某个模块中的一些内容是大概用什么样子的展现方式来展现的。同时,要考虑使用某种商业模式,未来盈利方式如何,以及市场上如何推广等。

3. 对于展现方式,可能有A/B/C等各种展现方式,那么用哪种展现方式更合适呢?

4. 用户研究员 开始出现了,利用已有的用户研究的数据,或者自己设计使用场景,自己设计调查问卷,对潜在的用户群体进行使用行为以及使用心理进行研究,形成具有说服力的数据报表,什么情况下使用A方案更好,具体比例高多少,在调整到某个方案后,这个方案能带来更好的方面是什么,影响的方面是什么。

5. 在用户研究员确定了使用某种更好的方案之后,此时 “交互设计师” 该上场了。

6. 由于一个页面并不是静态的,需要用户和页面进行交互才能完成整个过程,那么通过哪种交互方式对用户来说是更容易接受,且接受后有更正面的体验呢?这就是交互设计师应该做的工作。例如,注册表单页面,有最少三个输入框,当然了,在目前这种用户体验下,输入内容,点击提交,页面刷新,通过服务器验证此表单填写的内容是否合法,这种方式已经是老古董了,应该被丢进博物馆了。但是,都是前端验证并提示,也有各种不同的交互方式。例如输入错误,提示用户,在一个地方统一提示?还是在每个输入框的下面或者右边提示;提示的时候,在错误的输入框聚焦时是否提示信息要消失?是否所有信息都填写正确时确定按钮才可点击,还是任何时候都可以点击?点击之后是刷新页面之后给提示,还是直接进入,还是不刷新登录成功直接跳转呢?等等这些,都应该算作交互设计师的工作范畴。

7. 等这些所有的工作都确定了,视觉设计师开始出场了。此时,需要通过视觉设计师来完成最终的和用户直接接触的页面的效果图了,但是美不美,丑不丑这种跟个人有关的主观性的东西,只能靠设计师个人对设计趋势,流行设计风格的把握以及自己的能力来体现了。当然了,决策者喜欢的风格也是对结果有很大的影响的。

8. 此时,所有工作都结束了,就开始进入到实际的开发工作中了,但是在实际的开发工作中,上面这一系列步骤,还会不断重复,但是这种重复越少越好,谁都不愿返工,不是吗?

9. 看了这个流程,不知道大家有没有一个想法,交互设计师和用户研究都是在 A/B 这种选择的情况下才出现的,那么这种选择从哪里来呢?PM。来源都是PM,此时可以不用考虑老板或者公司和PM之间的沟通。那么PM 是否可以一人兼职这么多呢,回答是当然可以,如果公司有力量,有资源,那么更细分的工作,可以带来更好的效果,如果公司资源不允许,那么一个人完全可以兼职这么几个 title,只不过我们需要更多的时间和成本来试错了。

10. 各个流程都有了,那么是否有什么标准来判断工作做得好坏呢?那最好就是各个人员的产出物了,例如PM应该是PRD,产品需求文档,当然,在这之前还应该有 商业需求文档(BRD)和市场需求文档(MRD),所以PM不仅要关注产品本身,还要关注商业以及市场,因为这个产品整个生命周期都应该PM负责,而不仅仅是开发的部分。而用户体验和用户研究,就应该使用各种方式来研究用户最终形成一个类似于一个研究报告,要有实际的数据来指导开发以及PM做决策,而交互设计师应该和PM一起,产出一个交互原型,如果是高保真的最好啦。 那UI/视觉设计,就应该产出效果图了。

11 最终,到开发之前,需要有 草图/线框图,交互原型,视觉效果图以及其他的很多辅助的文档。

12. 当然了,上面所说的所有的产出物以及开发前需要的产出物都是不固定的。都要结合自己公司以及产品的实际情况进行取舍,但是不要为了取舍找借口,该取得取,该舍弃的舍弃。

这是我自己的一些理解,可能很多理解不到位甚至错误的地方。请大家不吝指出。

最后,再贴一张 UX 和 UI 的对比图

时间: 2024-11-05 15:51:07

一个老菜鸟所理解的UX及产品流的相关文章

老菜鸟趣谈:对编程初学者的一些建议

对编程初学者的建议 PS:这篇文章我只在微信公众号和头条网发布了,忘了在博客里发. 我是程序员,我为程序员代言. 现在真的是编程的黄金年代,程序员从来不曾这样供不应求,特别是嵌入式领域. 现在哪怕是银行,也需要几个程序员,负责网站的编写,App编写,数据库管理,服务器管理,安全管理,等等. 所以学会编程你就有福了,真的不是夸张,我到目前还是菜鸟一个,真的越学习越感到自己了解得就如牛顿所说:“我只不过是在海边捡到了几块贝壳的孩子,尚且有些许欢喜,岂知知识的海洋正在眼前”. 也没有一个时代像现在这样

一个新菜鸟的ACM 感想及学习日志

感想:忘记了是什么时候喜欢上ACM的,也许是被坑上来的,也许是自己默默地喜欢上的.我忘不了第一次来我们学校的培训基地的时候,打的是洪菊学姐(虽然她不是ACMer)的电话,第一个见到的是我们集训队的队长周海.第一次敲成功的代码是军哥教会我敲得算1-50的累加.第一次训练是军训完之后国庆假期期间.那一周之后,我从从来没接触过编程语言到一个学期都不用担心C语言了! 本来老师宣传ACM的时候,我是想和班上的胡灿明(数学不错).左太平(英语大神)组一个队的,但是他们都表示对这个没兴趣.国庆后,跟花姐谈了谈

【Unity Shaders】游戏性和画面特效——创建一个老电影式的画面特效

本系列主要参考<Unity Shaders and Effects Cookbook>一书(感谢原书作者),同时会加上一点个人理解或拓展. 这里是本书所有的插图.这里是本书所需的代码和资源(当然你也可以从官网下载). ========================================== 分割线 ========================================== 写在前面 终于到了本书的最后一章了,好激动有木有!作为压轴章,虽然只有两篇,但每篇的内容是比之前的任

菜鸟心中理解的大数据

近些年,比較热门的话题--大数据. 前期我也是对其兴趣备至,认为这个技术不错.互联网通过採集系统,把你在网络上的行为记录下,而且存在起来,一天.两天.十天.一个月.一年.十年.二十年更久.这样就形成了我们理解的大数据基础数据. 以后你再打开网页.系统通过对你的历史行为分析,模糊统计提供你訪问频率较高的信息或相关信息. 各种数据聚集,各种用户信息採集,各种数据分析: 以前有人用苹果公司的IPhone手机通过定位服务->常去地点->地点记录.就能分析出这个人相关工作,个人生活规律. 比如:你每天都

一个老王开枪案例带你一步一步领略程序开发的魅力

一.前言 我身边的很多同学都认为学计算机专业的人,代码写的好很正常,认为自己不是学计算机专业的,不会写代码很正常,或者这么说,觉得会写代码是一种天赋.其实不然,我们现在必须要清楚当代社会的局势,当代社会朝着信息化的方向快速的发展,AI的时代即将到来,不会写代码的大学生是不是很low了?何况新加坡总统李显龙写代码都溜得飞起来,作为一个总统都会写代码,我们又何尝不要去学呢?几乎所有专业都有开设编程课程,这是一种思维的体操,把写代码当作一种娱乐也未尝不可? 不要认为写代码是件很难的事情,没有人一出生就

一个故事带你理解if __name__ == &#39;__main__&#39;

如果你刚刚接触python,相信会在看别人的程序的时候会遇到if __name__ == '__main__'酱紫的语法,如果当时没看懂现在也一知半解的话,看下去,本文可以帮你解决这个问题. 大家都知道:Python的一大优点就是里面的模块非常多--包括内置的模块与自定义模块.我们可以直接利用别人写好的模块去实现自己的需求,酱紫大大的提高了自己的开发效率.也就是说,有时候你可能只需要一些文献阅读的能力与基本的编码能力也可以实现很强大的功能!~~这也许就是Python在各行各业各处开花的原因吧/叹

从一个简单例子来理解js引用类型指针的工作方式

? 1 2 3 4 5 6 7 <script> var a = {n:1};  var b = a;   a.x = a = {n:2};  console.log(a.x);// --> undefined  console.log(b.x);// --> [object Object]  </script> 上面的例子看似简单,但结果并不好了解,很容易把人们给想绕了--"a.x不是指向对象a了么?为啥log(a.x)是undefined?".&

一个例子教你理解java回调机制

网上很多例子都写的很难理解,笔者刚开始都已经弄晕菜了. 这个例子,应该是再简单,再简洁不过的了,例子目的是测试某个方法的执行时间.这里就写三个java类,一个接口,一个实现,还有一个用于测试时间的类. 要测试的方法,尽量占用执行的时间,这样明显一些,这里测试循环1000000次,并且打印出来. 测试类: public class MyMethod { public void mytest() { // TODO Auto-generated method stub for (int i = 0;

ios-(2)第一个C语言程序(理解编译、连接、运行)

一.开发工具的选择 1. 可以用来写代码的工具:记事本.ULtraEdit.Vim.Xcode等. 2. 选择XCode的原因:苹果公司官方提供的开发利器.简化开发的工程.有高亮显示功能. 3. 使用XCode新建一个C程序的源代码文件(扩展名为.c或者.C) # 开发XCode # 新建文件 # 选择文件类型 .c 二.代码编写 1.程序结构 * C程序的结构:由函数组成 # 任何一个C语言程序都市有一个或者多个程序段(小程序)构成的,每个程序段都有自己的功能,我们一般称这些程序段为"函数&q