![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
产品设计
文章平均质量分 76
lingshaoxia
这个作者很懒,什么都没留下…
展开
-
11条理由告诉你,为什么你的网站不卖座
一个精心设计的网站自然能够促进公司业务的增长和品牌的加强。尼尔森的一项研究发现,用户在一个网站上的平均用时是10-20秒。在开始的浏览时,访客在网站上发现值得进一步查看的内容才会停留更长的时间。对于企业而言,这是分秒必争。造成一家网站价值丧失的因素可能有数个。为了能够进行更好的用户管理并拥有更好的网站流量,以下11个会影响网站表现的问题应该得到尽快修复。1、低品质的视觉效果转载 2014-11-06 11:12:08 · 394 阅读 · 0 评论 -
Web信息架构笔记
上学时曾经有做笔记的习惯,于是重操旧业,就当有收获地kill time了。基本是归纳、摘抄、总结和提出疑点,包括以后可能会结合我的实际案例来罗列。很多地方直接誊抄作为消化,但不完全是抄书,有些是根据书中内容进行概括或提炼出观点、思考,包括自己画图。一、信息架构之意义信息架构,Information Architecture,简称IA。定义:1. 共享信息环境的结构化设计。转载 2014-10-23 09:11:53 · 769 阅读 · 0 评论 -
移动产品设计之到达用户
APP 的描述就好比是在给自己的 APP 写一份求职简历,APP 的版本控制必须在最开始就要做,push 是最基础的 APP 运营形式,需要持续优化。继续关于移动产品设计的话题。本来之前我是写了一个「移动产品设计概要」的纲要的,这个纲要囊括从一个 idea 开始到具体上线再到持续迭代的所有环节。后来觉得,还是信笔随写吧,这样比较自由自在的,即使哪天不想写了,也没什么遗憾。转载 2014-10-22 15:26:17 · 639 阅读 · 0 评论 -
UCD设计流程
1.用户建模:人物角色和目标 2.写用例:用户完成目标的方法和步骤 3.画流程图:描述用户完成每一个目标的流程,需要那些页面那些操作 4.低保真原型:将流程图中的页面转化成界面,一般为低保真线框图(Low-Fidelity Wireframe) 5.高保真原型:进一步细化,完善所有功能,精细度较高,一般转载 2014-08-20 10:04:26 · 4411 阅读 · 0 评论 -
用户登录设计
今天的早读由早读课群友开卷有译原创翻译小编对这种有才又爱分享的同学要点一万个赞,欢迎更多的同学踊跃投稿所以原定今天分享的早读课群友资源汇总,延期到本周六再发布……是不是深感被欺骗,为毛一杆子就支到周六?因为小编本周要闭关做新产品了,所以暂时来不及整理了,哈!哈!哈! 原文作者Raluca Budiu是Nielsen Norman G转载 2014-04-16 09:26:25 · 646 阅读 · 0 评论 -
谈谈加载(Loading)的那点事
对于加载(loading),想必大家都不陌生。每当看到加载页中那个不停转啊转的圈圈,或者是 “Loading…”后面不停闪动的三个点点,心里都会涌起各种焦躁反感。根据一份调查得出,用户能够忍受加载的最长时间在:6到8秒。8秒是一个临界值,如果加载时间在8秒以上,大部分访问者最终会选择放弃,除非他一定要打开那个页面。以上三种是常见的loading方式,如果是我,我更希望看到第三种转载 2013-12-18 16:12:45 · 975 阅读 · 0 评论 -
杀死你的APP的6个致命错误
没有开发者或者设计师会故意破坏应用的设计。所有的应用程序创建者都对自己的应用寄予美好的愿望,但是很多错误是在他们无意识的状态下破坏APP的设计。以下是应用开发者和设计者经常犯的几个错误,不过这些错误是很容易避免的。1.糟糕的APP icon通常情况下,用户对应用的第一印象来自于icon。当用户看到应用的icon时,他们经常会做这些猜想:它是安全的吗?我可以信任它吗?这款应用可靠吗?转载 2014-11-11 09:48:03 · 535 阅读 · 0 评论 -
究竟线框图为什么要画,以及如何画
究竟线框图为什么要画,以及如何画。至于线框图为什么要画,就不在这里聱述了。相信已经有很多人写过类似的文章,当然,如果你还有疑问,可以给我写邮件。现在就是如何画的问题。这不是很简单吗?一个简单的线框图,断不得比一个精美的视觉图更花费时间吧?也不需要美学的基础,也不需要精细的加工,加上已经有一个号称10分钟上手的工具作为辅助,恐怕没有必要单独开这个话题来研究。但是,之所转载 2014-10-15 08:39:50 · 1630 阅读 · 0 评论 -
交互设计的流程
最近整理了下自己关于交互设计具体工作方法流程的资料,也是在项目中的一点心得,一点感触,谨写出来,与大家一起分享下。ps:因为各家公司情况不一样,所以,里面的具体步骤,也是根据各家略有调整,但大的方法应该基本一样的。我们大概从两大块来介绍,首先是具体的交互设计流程,还有就是在这个过程中要用到的具体工具及方法方式。交互设计流程中,基本按照以下3步骤进行:转载 2014-10-15 08:51:34 · 1182 阅读 · 1 评论 -
设计引导用户操作
从用户层面分析,防呆设计就是以非专业、无经验的用户角度出发,通过设计引导这类用户正确的操作交互中的防呆 简单地说,防呆设计就是如何去防止错误发生的方法。人们总是在怪罪一件错误的发生,而较少去动脑筋想想如何去设计一些方法来避免错误的发生。所以我们需要正视错误,面对错误,想方设法的避免错误或缓解错误。在交互设计中,用户可能的错误正是我们应该预防的方向,我们可以参考防呆设计的思路,通过设计转载 2013-10-11 15:10:36 · 1393 阅读 · 0 评论 -
关于用户体验迷思的思考
读到这个很有趣的网站:http://uxmyths.com/网站讲述的是一些普遍被误解的用户体验理论。有些论点蛮老,有些也不一定准确。我挑选了一些记录下来,并加少许注解。:)1,用户在网页上会认真阅读内容。不准确。用户在阅读网页内容时,快速浏览居多,只有在用户对内容非常感兴趣的时候,才会逐字阅读;好的网页设计是能帮助用户更方便快速浏览网页内容的。Yoyo:现在是信息转载 2014-11-05 14:25:28 · 540 阅读 · 0 评论 -
我的六大产品设计原则
原则一:不要让用户选择对于某一功能,首先考虑清楚设计的目标是什么:是想要让用户付费还是不付费?是想要用户确认还是取消?是想要用户前进还是返回?当确定了这一流程的『理想化』走向时,就把产品本身或用户所期待的那一个方向重点剥离出来,作为备用或与意愿违背的操作则尽量隐藏或弱化。原则实例某餐饮外卖第三方派送平台,因为众包的派送性质,现金支付使得资金难以管理,且安全性没有转载 2014-11-05 10:57:00 · 919 阅读 · 0 评论 -
移动设计原则
近几年,交互设计专业也有了蓬勃发展,Alan Cooper、Donald Norman等人为交互设计提供了许多理论上的支持,Ben Shneiderman 提出的交互设计“黄金八法”和Nielsen 的“启发式评估10条原则”为交互设计的评估提供了标准,所有这些理论和原则在移动应用的设计上依然是通用的。但移动应用有其特殊性,在设备和情景上都与普通的设计不同。因此,我们在考虑其他原则的基础上,整理了转载 2013-11-11 11:19:13 · 1878 阅读 · 0 评论 -
为什么你的 App 留不住用户?
在多数移动创业者的想像中,精心制作的 App 完成,上架到 App Store / Google Play 之后,那就是刺激的开始,源源不绝的用户会来下载,接着可以透过数据分析,不断改善产品。但在真实的世界里面,多数创业者会发现 App 上架之后,根本只有少数人下载。这时只好硬着头皮,四处去请媒体帮忙报导。但好不容易赢得了曝光,转换出一些下载量,但多数用户根本只把 App 打开一次,就再也转载 2014-11-05 09:38:29 · 459 阅读 · 0 评论 -
互联网高手教你怎样收集你想要的信息!
设计、制作和维护一个即美观又好用的好网站是简单的?有很多方法去达成这个目标,但是也有很多做法是行不通的。让我们看看怎么能做成这件事吧!通常,网站有三种类型:第一种网站有杰出的创意和设计。这样的网站会让你发出「Wow」的赞叹。但是,不幸的是,除了好设计,他们没有更多东西了。第二种网站缺乏创意和设计,但是你在上面可以立刻找到你想要的东西!但是你会因为他们在视觉上缺乏吸引转载 2014-11-03 11:04:46 · 735 阅读 · 0 评论 -
如何设计移动应用引导页
在移动应用中,引导页往往是与用户进行交互的第一组界面,于此同时,这些界面还将影响用户对应用的期望。因此,对于参与到产品研发的团队成员——产品经理、设计师以及开发人员来说,花些时间好好评估一下这些引导页是否必要就显得至关重要了,一旦需要,那就做到最好 。本文将提供给您一些设计引导页的小贴士、一些常见的实现方式、不同的设计方法以及资源,以帮助您为用户提供最佳的体验。 是否需要引转载 2014-11-03 11:29:17 · 836 阅读 · 0 评论 -
各种线框图的不同定位
本周和PD们进行了一次《线框图以及Axure入门》培训。这是应几位PD的需求,他们也要学习如何设计线框图,所以想更加高效进行入门。在场的有UED,有PD,我发现,对于两者都要画线框图,引发了一些讨论,这也是我事先预想到可能会引发争议的部分。其中有个PD讲,有一次,老板是要求她来画线框图给他看的,她花了很多心思在线框图上,结果交付给交互设计师的时候,交互设计师不知道如何进行发转载 2014-10-15 09:33:12 · 562 阅读 · 0 评论 -
5个你不应该犯的可用性错误
没有想打造糟糕用户体验的网页设计师。 糟糕的用户体验通常并不只有一个——大量微小的体验问题在整个用户界面中重复出现,最终汇聚成一种巨大的、让人讨厌的体验。让我们学习一下那些会让你的用户讨厌的可用性错误。1. 忽视“空数据”时的页面设计(Neglecting the Design of Blank Slates)空白页(blank slate)是当用户没有添加任何数据,或者删转载 2013-12-19 10:17:18 · 558 阅读 · 0 评论 -
移动应用中如何实时指导用户
Mobile First的作者,著名的用户体验专家Luke Wroblewski是一个十分乐于分享的人,尤其是在自己开发了投票应用Polar之后,他就经常分享自己在产品改进上的经验,最近,LukeW在自己博客的一些文章中又讲到了自己在Polar上的一些改进,探讨了在用户引导和功能位置设置上的思考。对于一些交互规则复杂的应用而言,给用户操作说明的指导是有必要的事情,在我们通常使用的App中,转载 2013-12-19 10:39:36 · 590 阅读 · 0 评论 -
设计师的十大金科玉律
《NewWebPick》电子杂志邀请全球500强企业中的企业领袖及资深市场总监,对设计师在商界中如何更好的服务客户,做出了以下十条忠告,希望做为设计师的您,通过这十条了解到普通商业客户真正需要的是什么。10 Golden Rules for Designers in the Commercial World设计师决胜商界的十大金科玉律1. Never engage in an ar转载 2013-11-14 14:33:21 · 628 阅读 · 0 评论 -
启发式评估
使用Nielsen的十条准则做WEB的启发式评估——根据workshop, Heuristic Evaluation: Fitting The Approach to the Project整理Nielsen & Molich‘s Heuristics,优点:所需的时间和资本都比较低,可以快速进行评估。缺点:不能得到详尽的数据。基于以下设计准则去做评估:Visibility o转载 2013-11-14 11:05:33 · 2105 阅读 · 0 评论 -
分页和自动加载的用户体验分析
无论是在web页面还是手机应用,信息往往无法在一个页面全部展示,这就需要用到一些可以扩展页面信息的交互模式:分页(Pagination)和加载(Continuous Scrolling)。分页和加载都是非常常见的交互模式分页分页可以将大篇幅的内容分成小块,显示在单独的连续页面上,便于用户理解和查找。可以让用户清楚的知道,自己所要浏览的内容到底有多少、已经浏览到哪个部分、原创 2013-11-14 10:17:16 · 1702 阅读 · 0 评论 -
注册表单是要左对齐还是右对齐
上一篇围绕对齐和连续流这两个设计原则,谈了信息设计中用到的几种对齐方法以及和连续流的关联,这一篇尝试用这些原则分析注册表单选项该怎么设计。注册表单,也就是我们在注册网络产品或者填写信用卡申请表时的东西,目前主流的表单有两种,一种是项目左对齐,另一种是项目靠着输入框作右对齐。目前两者都有很多实例存在,不能说谁对谁错,不过相信经过下面的分析,我们能对这两种方式产生更理性的认识。转载 2013-11-12 11:02:40 · 3718 阅读 · 0 评论 -
A/B测试
网站设计中,我们经常会面临多个设计方案的选择,比如某个按钮是用红色还是用蓝色,是放左边还是放右边。传统的解决方法通常是集体讨论表决,或者由某位专家或领导来拍板,实在决定不了时也有随机选一个上线的。虽然传统解决办法多数情况下也是有效的,但A/B 测试(A/B Testing)可能是解决这类问题的一个更好的方法。所谓 A/B 测试,简单来说,就是为同一个目标制定两个方案(比如两个页面),让一部转载 2013-11-11 16:37:39 · 874 阅读 · 0 评论 -
读书笔记《瞬间之美:Web 界面设计如何让用户心动》
选择阅读《瞬间之美》的最初原因,就是单纯的因为它是之前看过的《就这么简单》的作者翻译的,觉得一个优秀的交互设计师,他推荐的书应该也很值得一看。事实证明,确实如此。在这本书中,原作者探究了界面的种种微妙细节,它们在用户使用的每一个瞬间如何改善或是破坏用户的体验,进而探讨了应该如何对每一个细节加以改进。让我们能够学习到如何发现设计的不足并持续改进的方法。整本书以用户应用互联网从始至终的转载 2013-11-19 11:22:32 · 1859 阅读 · 0 评论 -
交互设计原则
的转载 2013-11-18 11:21:12 · 4988 阅读 · 2 评论 -
社会化网络设计
根据尼尔森在线的数据,网络社交(social network)和博客目前已经成为第四种最流行的线上活动。全世界67%的网络用户会访问社交网站和博客,并且花在上面的时间的增长速度是互联网整体增长率的3倍。现在社交网站的访问已经超过人们对于电子邮件的访问。一些社交网络快速增长的用户数量甚至可以和一些国家的人口数相比–如果说 facebook是一个国家的话,它的会员数和世界的第五大人口国相当。(用户数量转载 2013-11-15 15:21:05 · 947 阅读 · 0 评论 -
如何快速高效处理违规信息
如何自动识别和处理,需要搞清楚内容包含的信息载体元素和发布内容的行为模式。信息载体上,内容可分为文字、图片、音频、视频,其中对文字的处理手段最成熟,即关键词、URL等特殊文本信息过滤,图片、音频、视频,恶意URL链接地址识别。这个过程时间极短,系统只能通过词库或者二维模型做简单运算并给出是否发布成功的提示,不能做过多运算。如BBS、CMS都采用此过滤法处理。行为模式上,对用户所处地转载 2013-11-14 15:18:28 · 1154 阅读 · 0 评论 -
网页设计中的分割布局
作为网页设计师,我们可以参考的设计范例和布局原则有很多,比如说:栅格化、纵向一致性、F型布局、Z型布局、三分法则、黄金分割法等等。注重这些原则将会给你的设计带来视觉吸引力和功能性——现在让我们来看一种简单的方式,将页面两等分。虽然在一开始听起来有点傻,但是这种基本布局确实能起到非常好的效果。当我们通览一个页面时,我们的视线常常会沿着一个“之”字形移动。而如果用户的视线是沿着一条水平线移动时转载 2013-11-15 10:22:16 · 1717 阅读 · 0 评论 -
CSS无图片技术
一、无图片技术定义在不使用CSS Image(通过CSS的引入的背景图片,不包括img标签内的图片)情况下生成类似图片效果的技术;换句话的意思就是在使用纯CSS生成类似图片效果的技术。二、为什么要“无图片”?CSS文件比CSS Image小很多。下面我们通过计算来说下CSS文件与CSS Image关系CSS Image是由一系列的图片组成,每一张图,即使最小一个小箭头(如下图),你转载 2013-11-15 11:08:54 · 1515 阅读 · 0 评论 -
动作按钮设计
动作按钮?不就是一个按钮加两文字么?这有什么好说的·····如果你还这么认为,那就大错特错了。一个小小按钮,看似简单,里面却有大大的学问。总结了一点见解,希望抛砖引玉,给大家一点启示。一个按钮分为两个部分:按钮文字与按钮形状。先说说按钮文字的设计: 1 用文字创造出一种紧迫感这主要适用在购物网站,使用一种紧迫感的词语更可能让用户采取行动。在按钮上加“现在””立即“转载 2013-12-19 10:50:08 · 851 阅读 · 0 评论 -
通过数据指导产品优化
本文结合作者在登录产品的体验优化中积累的一些实战经验,重现过程中的设计点滴,有效果明显的方案,也有效果不明显的优化尝试,最后将总结一些通用的设计思路。 登录失败的原因在哪?登录框一般是个较简单的界面,它包括:账户名和登录密码、校验码、其他账户登录入口、注册等关联操作等元素。 看似一个简单的界面,每天却有不少用户尝试登录却登录失败。某些流量较大的网站,每天可能有上百万转载 2013-12-19 11:11:15 · 612 阅读 · 0 评论 -
交互设计的原则
一些设计的基本原则往往是通用的、甚至可以说放之四海皆准的,例如优先级、一致性、界面的隐喻等等,好的设计都需要考虑到这些问题,甚至再更广的范围内也同样适用,而不仅仅是交互设计范畴。一个设计师&产品经理应该在决策时下意识的、本能的考虑这些原则。就像以前很多零售业者能够一抓准,你要一斤糖,他抓起来就是一斤,不多不少,靠的就是不断的练习+思考,最后将其变成了自己的本能。越是通用的标准,往往转载 2013-12-19 15:19:18 · 782 阅读 · 0 评论 -
用户动机是“以用户为中心”的方法论
产品设计包括:产品策划(提炼需求的文案部分)和原型交互设计(产品的原型表现部分)。谈产品策划同行们大都知道“以用户为中心的设计”这样一个理念,但只有理念,却一直纠结不清楚方法论,让人叹息。就像达尔文在物种起源的问题上提出了进化论,但达尔文不仅提出了理念,还提出了具体的方法论,那就是优胜劣汰。我认为策划产品是一个从无形到有形的转化过程,这是一个有技术含量的非技术性工作。有技术含量是指转载 2014-03-12 10:36:45 · 1572 阅读 · 0 评论 -
如何写出好的PRD?
作者:Cherry,2007年进入腾讯公司,一直从事互联网广告产品管理工作,目前在SNG/效果广告平台部从事效果广告的产品运营工作。PRD(Product Requirement Document,产品需求文档),顾名思义是阐述产品需求的一种文档,其核心是将需求描述清楚。通过PRD可以看出一个产品经理对产品理解的逻辑思维,产品经理在相关领域的认知和专业的深度以及对产品全局的认识。如何才转载 2013-12-17 12:13:32 · 718 阅读 · 0 评论 -
用户10秒就关闭网站的25种原因
是什么让人们在打开你的网页没多久就点击关闭?他们为什么那么快就想摆脱你的网站?可以做些什么来改善这一点呢?长期思考这个问题之后,我发现了比原本想象的还要多的一些因素。如果把一下因素单独考虑的话,可能还不至于让访问者产生迅速离开的冲动,但是如果这些因素掺杂在一起的话,却足以留给访问者一个足够坏的印象,让他们马上离开。让用户在你的网站有个愉快的体验并不是件容易的事情。实际上大多数网站都转载 2013-12-17 16:06:27 · 525 阅读 · 0 评论 -
瀑布流式网站
瀑布流式布局,想必设计师们已不再陌生,随着pinterest自2011年开始走红,瀑布流式的布局被越来越多的网站所使用。花瓣网、堆糖网、布兜、发现啦,美丽说,蘑菇街,人人逛街,凡客达人等,复制Pinterest的网站在中国蜂拥而现,粗略估计已有几十家之多。为什么选择瀑布流?既然pinterest式蜂拥而现,我们先从体验角度看,瀑布流布局为什么好?笔者浅见。随着读图时代快餐式消费转载 2013-11-15 10:32:04 · 1747 阅读 · 0 评论 -
网站转化率
本文是博文《9 Keys to Increase Website Conversion Rate and Turn Visitors into Customers》的译文,编译内容如下:从根本上讲,本文是一篇关于吸引在线用户注意力的文章,因为如果没有注意力,就没有人看你的链接、图片及有吸引力的内容。没有人阅读你的内容,网站肯定无法获得点击量。只有用户在线阅读了你的内容,随后才会转载 2013-11-15 16:46:01 · 1227 阅读 · 0 评论 -
网页设计的十大军规
原文出处:http://www.smashingmagazine.com/2008/01/31/10-principles-of-effective-web-design/版权声明:本文版权归原作者所有 译文仅供国内读者参考 决定一个网站成败有时候并不是样式设计,而是可用性和易用性。对于一个页面的访问者来说,他所做的只是点击然后决定下一步要做的事情,因此以用户为中心的设计思路转载 2013-11-15 17:33:25 · 1005 阅读 · 0 评论