08 2014 档案
摘要:看到这个标题大家应该会想到「以用户为中心的产品设计方法」,但是我更推崇「以场景为中心的产品设计方法」。在「以用户为中心的产品设计方法」中最重要的一个步骤就是「创建人物角色」。人物角色是基于对用户的研究或观察而虚构出来的典型用户。每个人物角色都会有姓名、年龄、体重、兴趣爱好、性格、照片以及这个角色遇到...
阅读全文
摘要:编者语:前车之鉴后事之师,不管是生活中还是工作中,每一个人都会一直存在犯错的时候,有的错误影响不大,有的错误可能送掉那个人的职业生涯,尤其是互联网PM,由于工作职责的原因,直接决定了一个产品的“生死”。虽则世人大不同,然而很多错误都是重复或者很大程度相似的。看看知乎问答两位获赞最多的答案别人犯过最大...
阅读全文
摘要:写了几个Axure教程之后发现,可能教程的起点有些高了,过分的去讲效果的实现,而忽略了axure功能以及基础元件的使用,那么从这个教程开始,把这些逐渐的展开讲解。关于Axure动态面板动态面板是axure原型制作中使用非常频繁的一个元件,主要用途就是实现一些动态的交互效果。所以,如果动态面板使用不熟...
阅读全文
摘要:自从几年前响应式技术开始应用时,创建响应式原型就成为了很多人苦恼的事情。响应式设计用一种非常优雅的方式处理为多种设备类型使用HTML和CSS编码的应用,但是提供给UX专业人士的原型工具却没有具备同样品质的可以测试或者验证的功能。不过随着最新Axure RP 7中的适应性视图功能发布后,这个情况开始改...
阅读全文
摘要:如何更有效率的使用axure,这是新手需要掌握的技能。本文作者从实际经验中归纳出来的十条建议十分值得学习,转载分享给大家:Axure 是创建软件原型的快速有力的工具。上手很容易,但是,其中存在一个危险。这款软件是如此的直观以至于很多用户可以在没有接受过任何正式培训的情况下进行使用。他们可能不知道的是...
阅读全文
摘要:什么是原型呢?这个在之前介绍为什么需要进行原型设计当中有提到,原型是产品的最初形态,确认用户对产品界面和操作功能可用性的需求,高保真的原型接近于产品的最终形态,但仍只是原型。产品原型简单的说就是产品设计成形之前的一个大体框架,对网站来讲,就是将页面模块、元素进行粗放式的排版和布局,深入一些,还会加入...
阅读全文
摘要:AxureRP 6.0以前版本的格式设置都是在右键菜单里面的,不是很方便操作,6.0版本将这个功能分到右侧面板里面,并且增加了页面级的格式设置,大大方便了操作设 置,包括增加了对手绘风格格式的默认支持,再也不需要通过加载额外的手绘组件库来完成了。AxureRP的组件和页面级的格式设置,其实就是网页设...
阅读全文
摘要:从作者最初接触的5.5版本,到5.6版本,到后来6.0的多个迭代版本,直到现在的6.5版本,AxureRP每次的版本升级都伴随着新功能的增 加,也解决了原型设计上的一些难题。这也从另一个方面诠释了“学无止境”,即这款工具一直在更新,不断的需要学习其新特性,掌握新特性的使用方式,使其在 原型设计当中发...
阅读全文
摘要:在互联网产品领域,Axure已成为产品经理、产品设计师以及交互设计师的必备工具,从某种程度讲,Axure帮助我们建立低保真模型,便于与用户的需求验证,也帮助我们构思交互细节,使前端和开发人员更容易理解我们的产品;但从另一方面讲,Axure绑架了我们的思维,让很多产品经理和设计师养成了“无Axure不...
阅读全文
摘要:对于新手来说,用Axure做一个表格是一件麻烦的事情。本文教你如何快速学会Axure表格的基础应用。(1)Axure制作基本表格的使用可以使用“线框图”中的“表格”控件来制作一些简单的表格,同时Axure中为我们提供了一些对表格简单的编辑功能。可以像在excel中对表格进行各种插入,同时可以编辑表格...
阅读全文
摘要:一个产品设计之初,必先从流程图做起,流程图可以用来表达产品各式各样的流程,今天我们就来聊聊Axure里面流程图的做法:流程图组件在元件区面板上点击下拉选择流程图,既可看到流程图中需要用的的各种组件的形状,代表不同的流程步骤及含义。流程图组件也可以直接从组件选择面板中拖拉出来,然后通过工具列或快捷菜单...
阅读全文
摘要:对于中小型App开发团队来说,采用何种方式实现适时而精准的消息推送是一件矛盾的事。将相同内容推送给所有终端用户,担心打扰用户、引起用户反感;而个性化的分群推送,又因为团队人少、运营精力不足无法实现。怎么办?秘密(创新工场)团队借鉴合作伙伴的经验进行推送尝试之后,效果让整个团队都感到惊讶:推送为App...
阅读全文
摘要:注:预装对于中国的移动互联网创业者有多重要?i黑马知道这样一个内幕,某商务告诉我他们公司的前2000万用户就是靠预装打下来的,总部在北京,直接派驻商务长期扎根在深圳搞定手机厂商。而这家公司初期发展得益于此,如今已经成长为估值5亿美金的中国互联网新贵,并且在前段时间由于风头太盛而被产业群起而攻之。总之...
阅读全文
摘要:产品经理根据需求来规划产品原型,但是产品原型往往比较粗糙,可能只包含了核心功能描述或者模块划分。我之前问过很多朋友产品经理的原型和交互设计师的原型相比有何异同,得到的结果简单来说,前者更加笼统且注重功能规划;而后者则更加细致,注重的是人机交互和用户体验。 我希望将自己培养成一个产品设计师,而不仅仅...
阅读全文
摘要:卡片式设计 卡片,你或许不熟悉这个术语,但是你绝对不会对卡片的概念感觉陌生。现在,卡片在网页设计中是普遍存在的,并且还将越来越流行。事实上,Google,Twitter和Facebook这三大受推崇的网页全是这么设计的,所以至少粗略的看一下卡片是很值得的。但是,因为我们不想在这浅谈,所以让我们直接...
阅读全文
摘要:使用vertical-align:middle可以让行级元素垂直居中,但这个居中是以文字的中线来计算的,而文字的中线在不同的字体上不同,甚至相同的字体在不同的浏览器上显示的都不同。 所以直接使用vertical-align:middle很难完美居中,因此需要其它调整。 abcdef 当...
阅读全文
摘要:line-height:2是2倍的意思,如果内部有不同大小文字的情况下,以最大文字为倍数。line-height:2em也是2倍文字大小的意思,但如果内部有大文字,它还是会以父容器的大小来计算。请看如下代码:line-height:2和line-height:2em的区别,它们是有区别的 ...
阅读全文
摘要:无标题文档 这一行末使用important。class的优先级小于id的优先级。IE7是红色,firefox是蓝色。 这一行使用了important 在不同的浏览器下,这行字的色应该不同!IE7,Firefox是红色。IE6是蓝色
阅读全文
摘要:一、DIV布局按照定位的方法分为:浮动方法(float),坐标定位方法(position),还有就是两者相结合的方法。 二、DIV布局按照定义单位的不同可分为:固定宽度布局、流体布局、弹性布局和混合布局。 固定宽度布局是将宽度用像素单位定义,它的宽度总保持不变,也被成为“冰布局”。 它的缺点是...
阅读全文
摘要:两种方法,第一种嵌入java代码:原理是首先获取需要选中项,然后用java代码控制那个标签内需要添加selected,其中Wish是放在request中的一个对象,仅此而已 第二种方法 是用js解决:原理是页面加载的时候就去计算出呐哪个选项是默认选中项 Untitled
阅读全文
摘要:想必大家对占位图都不会陌生吧,非常犀利的一个工具,当然也有非常多优秀的网站为我们提供这样的接口。唯一遗憾的是国内的站点非常少。当然不是说国外的不行,正好相反,国外的那些占位图非常人性化,非常方便,唯一的缺陷就是有时候非常卡。在百度搜索下 占位图 就可以找到N多的信息,当然,我也是参考了小影志博客《1...
阅读全文
摘要:整理了一下之前用到过的css代码,实现一种效果或许有许多种写法,我这里整理了一下我个人认为兼容性比较好,结构比较简洁的代码……如有写得不对的地方敬请前辈们指点赐教一下,小弟不胜感激!此学习笔记是动态的——我日后发现有好的代码段会陆陆续续整理添加上去。css:ellipsis省略号 你好,我...
阅读全文

浙公网安备 33010602011771号