- 博客(66)
- 收藏
- 关注
RSS订阅转载 20个细节改进你的线框图
不对需求进行规划，直接让你的程序员进如开发流程，这种做法绝大多数情况下带来的只能是项目的失败。而线框图就是一种很好地能清晰表达出项目需求的工具，它能让脑中的想法通过按钮、线段和其他形式表达出来。1.明确目的理想很丰满，现实很骨感。对于真正有过项目经验的人，想像中的东西落实起来并非一帆风顺，困难、阻碍、磕磕碰碰总是免不了的。使用线框图的好处之一就是可以高效地分析表达出你的需求，之后我
2012-02-08 14:17:09
632
转载 产品经理的本色
去年年初接手了一个网站，一边带团队，一边招兵买马，前后陆续面试了不少人，有那种刚毕业但是对产品设计充满憧憬的，也有那种原本做运营、做开发希望能转行来做产品的，当然也不乏一些有相关经验的人。每一次在面试他们的时候，我都会想，坐在我面前的这个人，究竟愿意在这行做多久？倒不是怀疑他们能否胜任这份工作，而是一旦踏入这行，你会发现它很难跟个人的生活分离出来。当你和女朋友逛街的时候，突然说出一句“我觉得这件衣
2012-02-08 14:12:25
537
转载 10个网站用户体验优化的研究结果
我们不断地从各种地方，听到各种关于用户体验优化的技巧或提示，其中许多乍一听都很富有逻辑，但是假如我们能找到真实的数据和报告去验证这些理论或猜想，显然就能更好地确认预期效果。本文讨论一些用户可用性方面的研究发现，这些研究结果的获取，主要通过视觉轨迹、数据统计报告、以及关于网站可用性改进方面的调研。你将会发现，许多可用性优化的提示是众所周知的，但是得到了更好的数据支持；与此同时，你也能得到一些惊喜
2012-02-08 11:11:18
583
转载 李开复：互联网的九个产品精神
1）关注用户：要以用户痛处为契机；把用户需求放在第一位。2）快速迭代：经过开源、云计算、网络商店降低的开发成本，先推出 Minimally Valuable Product，每周更新，专注很少新功能，小团队，快动作，敏捷地开发验证，直到可解决用户痛处，然后才开始推广。3）数据导向：用互联网的特性获取用户使用轨迹，做 A-B Test 理解用户需求和选项，从中判断如何设计产品和排序功
2012-02-08 10:15:56
8125
转载 UED设计流程和方法
看惯了淘宝阿里旺旺的UED团队做的图，突然有点冲动，组建一个属于我们自己的UED。没有阿里、百度、腾讯等大型互联网公司有专门的UED团队成员，但我们凭着自己团队合作成立了属于自己的手机客户端UED。1、需求调研与分析：任何一款产品都需要对这个市场进行调研，包括会存在的对手分析以及已经存在的对手，包括短时间内会有多少公司会同样开发相同的产品，以及开发这个产品的门槛。
2012-02-08 10:08:24
615
转载 产品经理怎么和UED打交道
一、先捋清楚概念，UCD是什么，UED是什么，PM又是什么。互联网行业整体发展的情况是参差不齐，很多人一直不明白UCD是啥？UED是啥？交互设计师是啥？产品经理是啥？所以不得不引出以下几个名词：UCD是啥？UCD是概念，不是指人。UCD= User Centered Design是指以用户为中心的设计。是在设计过程中以用户体验为设计决策的中心，强调用户优先的设计
2012-02-08 10:00:46
679
转载 聊聊线框图：那些必要的理论和前提
这是一篇老生常谈的问题，所以若有人已经了解，请自动忽略好了。这也是在一次和PD的交流培训会上再次提出的老问题：究竟线框图为什么要画，以及如何画。至于线框图为什么要画，就不在这里聱述了。相信已经有很多人写过类似的文章，当然，如果你还有疑问，可以给我写邮件。现在就是如何画的问题。这不是很简单吗？一个简单的线框图，断不得比一个精美的视觉图更花费时间吧？也不需要美学的基础，也不需要精细的加工，
2012-02-06 17:28:03
474
转载 使用线框图来简化你的产品设计流程
绘制一个线框图是你在制作一个网站前必须要经历的过程。线框图能够帮助你合理的组织并简化你内容和元素，是网站内容布局的基本视觉表现方式，是网站开发过程中一个重要的步骤。一、线框图的好处：让项目组成员在初期就可以对网站有个清晰明了的认知能激发设计师想象力，使其在创作过程中有更多发挥空间给开发者提供一个清晰的架构，让他们知道他们需要编写的功能模块让每个页面的跳转关系都变得清晰明了很容易的改变页
2012-02-06 17:20:53
662
转载 页面线框图教程（之二）：画地为牢的框架设计
无论是设计低保真草稿还是高保真的模拟原型，线框图都是从基本的布局开始；良好的布局是顺畅视觉流程的开始，同时也奠定了最终访问效果的基调；布局是一个画地为牢的过程，什么东西放在哪里一旦基本确，界面就大体确定了；设置条条框框并不是为了限制界面设计师的发挥，而是要达到页面之间的协调和整个网站的统一；本文作为系列教程的第二篇文章，将讲述如何进行基本布局和需要注意的问题。分析屏幕的复杂度依照页面逻辑架
2012-02-06 17:17:55
2233
转载 页面线框图教程（之一）：从本质到表象
页面线框图（Wire frame）是网站设计方案中的重要组成部分，无论是I-Board、Page-Layout、UI-Draft这些不同的称呼，它们的本质都是一样的，网站策划师、网络产品经理的最后交付文档，通常的呈现设计是最直观有效的。单纯从设计的角度，线框图也可以看作一个视觉呈现过程，虽然如此，也不能把线框图的设计当作简单的视觉问题。如何看待线框图，如何着手设计线框图，如何把握线框图的详细程度，
2012-02-06 17:16:21
1176
转载 聊聊线框图：UED和PD对于线框图不同的定位
本周和PD们进行了一次《线框图以及Axure入门》培训。这是应几位PD的需求，他们也要学习如何设计线框图，所以想更加高效进行入门。在场的有UED，有PD，我发现，对于两者都要画线框图，引发了一些讨论，这也是我事先预想到可能会引发争议的部分。其中有个PD讲，有一次，老板是要求她来画线框图给他看的，她花了很多心思在线框图上，结果交付给交互设计师的时候，交互设计师不知道如何进行发挥了，交互设计师
2012-02-06 17:13:26
346
转载 画好线框图的20个步骤
对于任何一个开发项目来说最大的错误可能就是没有计划。最近，有些人认为开始前无需计划，一个优秀的开发者需要的是随机应变。我敢肯定这样的做法最后注定是要失败的。线框图是计划中的第一步也是最重要的一步。这是将创意转换成客户使用的程序的第一步。本文将要带你了解线框图整个的流程；包括涉及参与人员，工具等，以便您能够更好的制作计划。1）了解自己的目标作为一个开发人员我想大家都有马上坐下来开始编码的
2012-02-06 16:44:53
597
转载 流程图和线框图的关系
流程图(task flow)是指用图形语言的方式画出用户在使用这个产品的方法和达到具体功能的步骤。通常会把产品的使用流程作为某些任务去完成，用语言描述出想要达到的目的，每一个步骤用一个节点来表示，用线和箭头指示出每一步骤的方向和所要到达的下一个步骤。流程图意在帮助设计师很好的了解产品的功能结构和用户每一步的操作而达到白己的使用日的。但是流程图也分为两大类：一类是产品经理或者技术人员在开
2012-02-06 16:40:55
1031
转载 AXURE在原型设计中的应用
前言什么是原型呢？ 产品原型简单的说就是产品设计成形之前的一个简单框架，对网站来讲，就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。 就我个人而言，目前使用频率最多，最高效，交互效果最好的原型工具是axure。今天给大家介绍一些我在工作中使用axure的经验。主要从交互设计中涉及的三个主要步骤进行说明：
2012-02-06 11:53:08
583
转载 交互设计：非原型，不设计
在风起云涌的互联网浪潮中，产品迭代的速度越来越快。随着用户需求的激增，也不断带来了对设计师能力要求的提高。初入交互设计领域几年来，明显发现可视化的内容远比文档的更易于被用户(以至我们的客户)所接受，就像用户研究项目中常说的一句话：“用户怎么说的，并不代表他们怎么想。”今天以“原型设计”为基点，与大家展开几点做简要的分析。一、什么是原型设计？ 首先，让我们看看在体验设计的过程中
2012-02-06 11:04:03
602
转载 成功人士须具备的15种良好心态
有一句话说的非常好：性格决定命运，气度决定格局，细节决定成败，态度决定一切，思路决定出路，高度决定深度，格局决定结局。思想决定一切，播种正面积极的思维，才会收获健康成功的人生;一种良好的心态，比一百种智慧强。现在的企业在拼命的培训员工，其实现在人缺少的不是知识和技能，而是心态，因为知道不等于做到。现在和大家分享15中成功人士都具备的良好心态，祝您成功： 1、归零的心态 所谓归零心态，就
2012-02-01 16:11:18
1341
转载 关于互联网产品设计的10个建议
1、不要把UI设计、前端技术的人放在技术组，把他们放产品组；很多创业项目往往最后实现的效果都不到当初设计的70%；究其原因，“时间和成本”以及“技术实现能力考虑不够”占很多；但，往往我们发现其实并非是技术作不了，而是技术实现时没有很好的理解产品设计，或者没有像设计产品时一样一丝不苟的思考每个细节。这种实现效果的打折其实是最可惜的，而且比例很大。虽然，我们说大家都是一个团队的人放在那个组
2012-01-30 11:44:25
1000
转载 互联网产品经理常用软件及工作平台
上期书友会分享了工具，大家发信给我说希望能够写篇博文来分享，PPT还不够他们使。好吧，我再啰嗦一次。我不想和大家具体去讨论一个工具如何如何 使用，具体有那些细节功能，我相信，工具只有在亲自使用、体验、完成工作任务才知道是否合适、好用、够用。在这里，我系统的和大家分享一下，到底会用到那 些软件、工具、平台，在全局上面有一个了解。工欲善其事必先利其器，好的工具软件可以大大提高工作效率，工具各有优劣，大
2012-01-13 14:28:40
670
转载 IPAD女人杂志项目总结
前言IPAD女人杂志，得到这个项目需求的时候，说实话整个项目团队对这个产品都还不是特别的了解。那时IPAD才刚刚上市，而且大家对于专门针对于ipad这样尺寸的无线终端所开发的新一批APP应用也还都是刚刚开始接触。提到“电子杂志”首先想到的更多是一些以FLASH动画作为主要媒介的视觉杂志。所以对于这样一个技术上要抛开FLASH，设计上要从纸媒到新的传播媒介的转换，我们都是“摸着石头过河”。项
2012-01-13 14:25:00
535
转载 用户体验——是互联网上永远不会过时的优化方式
互联网上无论是哪一家网站，都会把用户体验放在很重要的位置，无论这个这个网站是提供服务的还是提供产品展示的，一个好的网站，一定离不开好的用户体验。那么用户的访问习惯不可能都一样，怎么才能照顾到大多数的访客习惯呢?本文想说的是，简单---是永远都不会过时的良好的用户体验。 怎么理解这个简单呢，它并不是说网页提供的内容尽可能的少，页数也非常的少，内容也很简单，恰恰相反，简单并不代表少，
2012-01-12 13:49:41
439
转载 产品经理的自我修养
职责是什么1、 贴近用户，能从用户的角度想问题产品最终是要给千千万万的人使用的，不能非常自我的来想问题，要站在最终用户的角度来看问题，并能了解用户如何想，如何用的，这是根本。另外，自已本身也应是该产品的重度用户，能体验到一个用户使用中的基本问题，但是，尽管如此，也不要认为自已就是最终的用户，这是有区别的。2、 分析需求，能从中提炼出问题的根本用户的反馈有千千万万，我们要
2012-01-12 13:45:30
289
转载 产品经理怎么和UED打交道
一、先捋清楚概念，UCD是什么，UED是什么，PM又是什么。互联网行业整体发展的情况是参差不齐，很多人一直不明白UCD是啥？UED是啥？交互设计师是啥？产品经理是啥？所以不得不引出以下几个名词：UCD是啥？UCD是概念，不是指人。UCD= User Centered Design是指以用户为中心的设计。是在设计过程中以用户体验为设计决策的中心，强调用户优先的设计
2012-01-12 13:32:51
931
转载 有关于用户体验的一些总结
首先分享一句话：用户是没有错的，如果用户在使用某物品的时候遇到麻烦，那是因为设计出了问题。 ——诺曼《设计心理学》 认识用户 用户永远都没有错。 用户都是特别忙，特别没有耐心的人。 用户永远都比你想象的聪明。用户体验对产品的重要性 不论用户访问的是什么类型产品，都是一个自助的行为。他们所能依靠的只有自己的智慧和经验来独自面对你的产品，即便是所谓的说明文档，新
2012-01-12 13:31:03
423
转载 谈网站首页一般会有三个核心价值点
网站首页一般会有三个核心价值点。这三点是最容易吸引客户的。一、网站主题;二、网站导航;三、首页内容第一条很重要，你的告诉用户我这个网站是干啥的。第二条是让用户选择的，他已经基本了解你网站是做什么的后，你通过导航就可以告诉他，看看有没有你需要的。第三条是最具体的，你善于把用户最需要的产品放到首页，用户一进去网站就会发现自己需要的。中国人有个特点，那就是他也不知
2012-01-12 13:27:56
792
转载 贯穿始终的用户体验
已经有很多企业在用户体验方面已经小有所成，先不说IT界的惠普、金融界的招商银行、餐饮界的肯德基，这些企业的“大”、“高”、“远”，已经让很多企业的学习动力望而生畏，我们找个近在咫尺，短期内伊始便迅猛成长起来的电商零售界的漂网，就足以成为用户体验方面的领军企业了。很多人了解漂网以为只是因为“惊喜”而得，但是佛家般若也有意表，每个表象背后都有许多本质作为支撑。也就是说，不做好很多本质的事情，难求某一表
2012-01-12 13:27:25
428
转载 网站用户体验的76个体验点
网站体验，指的是利用网络特性，为客户提供完善的网络体验，提高客户的满意度， 从而与客户建立起紧密而持续的关系。网站体验的分类1、感官体验：呈现给用户视听上的 体验，强调舒适性。2、交互体验：呈现给用户操作上的 体验，强调易用/可用性。3、情感体验：呈现给用户心理上的 体验，强调友好性。4、浏览体验：呈现给用户浏览上的 体验，强调吸引性。5、信任体
2012-01-12 13:22:11
362
转载 2003服务器安全设置教程（全）
一、硬盘分区与操作系统的安装硬盘分区 总的来讲在硬盘分区上面没什么值得深入剖析的地方，无非就是一个在分区前做好规划知道要去放些什么东西， 如果实在不知道。那就只一个硬盘只分一个区，分区要一次性完成，不要先分成FAT32再转成NTFS。一次性分成 NTFS格式，以我个人习惯，系统盘一般给12G。建议使用光盘启动完成分区过程，不要加载硬盘软件。系统安装 以下内容均以2003
2011-12-28 10:16:56
375
转载 回顾2011年将JavaScript推到极致的20个网站
导读：对于浏览器上的开发者来说，2011年又是相当精彩的一年。Web开发者Phil Hawksworth在这篇文章中总结了Web上经典的JavaScript用法。那些喜欢冒险体验前沿技术的开发者现在应该会非常开心。浏览器正变得越来越强大，上面有各种丰富的功能可以供开发者选择，一些在几年前几乎难以想象的功能都已经一一实现。有了这些新功能，开发者现在能够开发出更精细、更复杂、更有想象力的用户界面了
2011-12-28 09:25:33
352
转载 HTML5标签使用的常见误区
最近组内进行HTML5标签的学习，方法呢就是大家每人挑选几个标签，自己先去学习，然后给大家作讲解。这个过程大家还是挺有收获的。但是现在HTML5还处在草案阶段，有些新的标签元素的解释也是经常有变化，甚至标签加入/移出也很频繁(比如 hgroup)，同时现有的大的门户网站在使用HTML5方面也没有很好的范例可以参考，让大家的学习过程更摸索。下面是我在 html5doctor 上面看到的一篇文章，在目
2011-12-28 09:24:35
399
转载 前端优化总结
前段时间简单的研究了下前端优化相关的知识，本文算是一个阶段性的总结，或者当做一个优化的参考List。 前言 前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么? 1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为
2011-12-05 16:55:44
331
转载 web前端开发学习经验总结
web开发大概分为前台和后端，前台又可以分为美工，交互设计，js编程。后端了解不多，前端的话，可以按如下思路系统学习：基础知识：1. html + css。这部分建议在 www.w3school.com.cn 上学习，边学边练，每章后还有小测试。之后可以模仿一些网站做些页面。在实践中积累了一些经验后，可以系统的读一两本书，推荐《head first html 与 css 中文版》，不过这本
2011-11-27 00:02:34
1759
转载 网页布局流程
其实标准的网制作完成的工作实际是：psd to html，一般情况下，我们会拿到美工的psd,这时候不同的人会有不同的做法：1.打开fireworks将图片切割导出为html。2.直接在dreamweaver之类的工具去拖拉布局，导入相关的图片,flash资源。3.先在ps中完成切图后，在文本编辑器中看着效果图一步步的制作。以上是大多被采用的方法，但都不好：第一种方
2011-11-26 23:58:32
362
转载 网页重构之资源加载和优化
一、HTTP请求数的权衡 1、为什么要关心http请求？ 当浏览器向Web服务器发出请求时，它向服务器传递了一个数据块，也就是请求信息。在用户打开一个页面的初初，包括等待时间、请求时间、建立响应时间、渲染时间……，都是消耗在前端的。比如下载图片、下载样式表、JavaScript脚本、flash等文件。大家应该都经历过那个“多图杀猫”的时代，加载那样一个网页会花费大量的时间。减少这些资源
2011-11-26 23:55:59
389
转载 Javascript作用域、闭包原理以及性能问题
这可能是每一个jser都曾经为之头疼的却又非常经典的问题，关系到内存，关系到闭包，关系到javascript运行机制。关系到功能，关系到性能。文章内容主要参考自《High Performance JavaScript》，这本书对javascript性能方面确实讲的比较深入，大家有空都可以尝试着阅读一下，我这里有中英电子版，需要的话QQ317665171或者QQ邮箱联系。复习，笔记，更深入的
2011-11-26 23:51:21
589
转载 网页布局中易犯的10个小错误
即使是CSS高手，也难免在书写CSS代码的时候出一些小错误，或者说，任何一种代码都是如此。小错误却往往造成大问题，浪费很多无辜的时间来调试和排错。查看下面这份CSS网页布局中易犯的10个小错误，努力的修正你可能会犯的错误，加速你的前端开发效率。1. 检查html元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误
2011-11-26 23:49:55
297
转载 CSS3为什么有一堆前缀
CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。看看都有哪些前缀：-webkit-moz-ms-o举例来说，一个CSS3旋转的代码是：-webkit-transform:rotate(-3deg); /*为Chrome/Safari*/-moz-transform:rotate(-3deg); /*为Firefox*/
2011-11-26 23:48:51
514
转载 Javascript和CSS浏览器兼容总结
javascript部分1. document.form.item 问题问题：代码中存在 document.formName.item(“itemName”) 这样的语句，不能在FF下运行解决方法：改用 document.formName.elements["elementName"]2. 集合类对象问题问题：代码中许多集合类对象取用时使用()，IE能接受，
2011-11-26 23:47:16
233
转载 javascript面向对象基础——作用域、闭包、模拟私有属性
Js代码 var sco ="global"; //全局变量 function t() { var sco ="local"; //函数内部的局部变量 alert(sco); //local 优先调用局部变量 } t(); //local alert(sco); //global 不能使用
2011-11-24 09:34:53
437
转载 不要告诉我你懂margin
你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？……写css，你少不了与margin打交道，而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打算写
2011-11-03 08:52:36
257
转载 HTTP常用的状态码（HTTP Status Code）
HTTP状态码（HTTP Status Code）是用以表示网页服务器HTTP响应状态的3位数字代码。经常还访问某个网页时会遇到，如503,404等错误。一些常见的状态码为：200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务不可用 详细分解：1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。代码 说明 100
2011-11-03 08:47:30
584
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人