Skip to main content

Home/ 互联网之'我的阅读'/ Group items tagged 表格

Rss Feed Group items tagged

ocean wu

投资回报率(ROI)分析五步走 - 0 views

  • 如果你打算投资某个项目或采购某种设备,在做决定之前,好好地做一下ROI分析是很有必要的。但是,很少有人真正懂得如何使用这个工具,或者是到哪儿去找“正确”的数据。ROI分析能给我们带来许多好处,可惜其中有不少是无法用钱来衡量的。而且,要达到公司定下的回报率通常很难。
  • 最重要的就是准确计算企业的收益
  • ROI分析的目的就是要把分析出来的投资回报结果作为投资决策过程中的一个主要考虑因素,而不是在已经做出决策后,才用它来为这个“既成事实”做辩护。
  • ...44 more annotations...
  • 需要寻找那些一旦企业能抓住或解决,就可以获得巨额利润的机会和问题;把解决方案放到它们能够在其中获得最佳效益的领域去做评估;找到正确的解决方案之后,尽量简化需要做的调整。
  • ROI分析结果看成是确定投资机会的流程的一部分
  • 必须把真实的成本输入到ROI分析中,并且只考虑那些有可能获得的收益。不要妄想通过降低成本或修改收益数据来让方案变得可行。
  • 输入数据:确保精确可信
  • 通常,你要确保ROI模型的详细程度足以应付某些问题,比如有关成本的数据是怎么拿到的,还有收益是怎么计算的。
  • 先确定最重要的衡量标准,然后再启动试点项目,而在项目实施过程中所搜集的数据则是它的“副产品”。
  • ROI分析的精确度完全取决于用于分析的数据。
  • 这些收益就是方案真正的价值所在,而它们的精确度决定了ROI分析结果的可信度。
  • 在估算成本的时候,尽量从各个方面来考虑可能发生的成本:实施和运作该方案所需要耗费的成本,以及由可能产生的“副作用”所造成的成本
  • 只要有可能,尽量使用实际数据,避免那些估算或假设的数据。例如,在计算一个测试解决方案的价值时,你应该使用本公司的有关软件缺陷率的历史数据,而不要用行业平均缺陷率。不
  • 当有需要为ROI分析做一些假设时,不同的假设基础将会使结果的可信度大不相同。不要“代表”别人做假设。让那些实际负责的人来提供数据。
  • 另一个真实数据的优质来源是试点项目
  • 如果这个分析是其他公司拿出来的,人们总会觉得他们肯定在其中做了手脚,把数据调得让人满意,这样才好卖他们的产品或服务。而如果这个分析是公司内部做的,那它也只不过是用来证明分析者事先已经得出的结论而已。每个人都有一套方法来保证自己不喜欢的项目通不过回报测试,而他们喜欢的项目似乎都能给企业带来巨大的生产力回报。
  • 分析收益:从全局出发
  • 对于ROI分析的应用,最大的不满是寻找和量化收益的难度。
  • 比如提升士气和提高顾客满意度,听起来很不错,但是在绝大多数情况下都很难用财务术语对其进行量化。
  • 举例来说,假设某家企业有10名销售代表,平均每人的薪水、佣金和费用是每年10万美元,那么总共每年在这些人身上就需要花去100万美元。每位销售代表都能带来100万美元的营业收入,那么年总收入就是1,000万美元(企业总收益)。或者说,减去付给销售人员的费用之后,企业的经营收入有900万美元(净利润)。如果我们需要一种“神奇的”销售工具来帮助提高10%的收益,有两条路可以选:通过改进来降低成本(少投入多收益)或在原有的基础上通过提升销售能力来增加销售收入。如果我们把销售代表减少到9个人,那就能每年节省10万美元,而销售收入保持1,000万美元不变,这样,净利润就增加到910万美元。    相反,我们也可以仍旧保留10名销售代表,运用增加的销售能力来有效地创造出一个新的“虚拟的”销售代表。如果选择这种做法,薪水支出保持100万美元不变,但是我们能够把销售收入提升到每年1,100万美元,这样我们企业的净利润就达到了1,000万美元。很明显,对企业来说,第二种做法要比第一种更好。
  • 从总体去分析收益而不是单纯追求降低成本对企业的重要性。
  • 有六大领域可供企业从中找出可量化的收益,它们是:增加销售额(增加收入)、提高生产力(增加收入,降低成本)、降低运营成本(降低成本)、提高顾客满意度(增加收入,有可能降低成本)、提高安全性(降低成本)和增强竞争力(增加收入)。
  • 为了评估哪些收益对你的ROI分析有帮助,你需要考虑它们的下列特点。
  • “推销”结果:用幻灯片演示
  • 运用表格:直观显示信息
  • 不要幻想做出一个无论任何投资机会都能套用的简单的“填数”模板,你要知道每一种情况都不一样,但有很多通用的应用软件能为你节省不少时间。
  • 一般来说成本和收益的计算期都在3到5年左右。
  • 下面所列的内容已经可以满足大部分的需要。
  •  ·损益表:在该表中,收益代表财务收入,成本代表费用,最后得出盈利或亏损的额度。资本支出都是要进行折旧的。    ·现金流量表:格式与利润表相似,在该表中,现金流出(不包括折旧费用)代表费用,以此来说明投资项目对企业现金状况的影响。它还是后面三种计算的基础。    ·投资回收期:计算在收回初始投资之前总共所需要的时间。许多公司都会给投资项目设定初始投资回收的最长期限,并把它当作一个因素来考虑。    ·净现值:用贴现率计算的投资价值。它假定今天的1美元的价值比明天的1美元的价值更高。净现值常用来比较投资的长期影响。    ·ROI:计算投资的回报率。常用来比较某个被提议的项目或购买方案和其他投资选择的优劣。
  •  ·实质:这种收益是不是有形的,能否量化?例如,收入增加10%就是一种有形的收益。相反,提高员工的满意度虽然可能从长期来讲对企业有利,但它是无形的,因为它难以衡量,更难以和金钱挂钩。    ·潜力:如果能够完全实现这一收益,它能有多大呢?在前面的例子当中,企业有可能节省下来的成本是10万美元,而有可能增加的收入则是100万美元。    ·确定性:企业得到这一收益的可能性有多大呢?如果原有的电话服务的成本是每年20万美元,而另一种同样的服务不但成本只是前者的一半,还保证极有可能赚到10万美元的收入,那当然是选择后者取代前者。通过提高10%的销售能力,应该能使总收入增加10%,但是这个结果是没有任何保障的,因此这类收益的确定性也就被降低了。    ·受益人:谁真正受惠于这些收益?是项目的发起人?还是公司的顾客?不同的受益人对于收益的看法都非常不一样。
  • 撰写一份证明报告来介绍该项投资,并展望该方案付诸实施后将会带来的美妙前景,以及保证该方案将使尽可能多的与项目有关的人员获益,无论这些利益是有形的还是无形的。
  •  “推销”一个正面的ROI分析结果的最好方法,就是围绕该项投资及其收益编一个“故事”。
  • 通过视觉效果和演示等来说明方案实施后将会产生的效果,特别是该方案是如何为相关人员带来特定利益的。
  • 如果某方案能够简化销售管理人员的工作,就简短地演示一下它是如何实现这一点的。
  • 通过这种方法,可以把每一种成本或收益分析都与方案中的有形部分联系到一起。
  • 最后,把ROI分析作为你在“故事”中所推荐的那个方案的财务证明提出来。在演示结束时提出推荐方案和接下来的工作步骤。
  • 建议在做ROI分析演示时,把Excel的电子表格也加入到演讲的幻灯片中去。当假设受到质疑或发生变化时,你可以很方便地“顺手”调整一下,就能够向听众演示不同假设对计算结果的影响。
  • 可以考虑把现金流工作表作为展示项目财务内容的第一份电子表格。现金流工作表的长处在于,它能比照预期的收益,反映出真实的现金影响(真正的投资金额)。让听众在看到成本的同时也看到巨大的收益,和单纯地给他们讲成本相比,项目遭到反对的可能性会小一些。
  • 通常,反对的原因与下列因素有关:数据的可信度(“培训成本的数据是谁给你的?”)、对收益的怀疑(“你是怎么算出生产力能提高10%的?”)和对分析的全面性的质疑(“你有没有考虑过把销售人员送去培训,会给销售能力造成什么影响?”)。
  • 验证结果:必不可少的一步
  • 这一步的目的是要证明ROI的成本假设是有效、准确、全面的,同时还要确定预期收益是否能够真正实现。
  • 最理想的ROI分析建立在一系列客观的衡量标准和假设的基础之上,而这些标准和假设必须在项目实施之后,还能够被追溯和评估。
  • 它提供了一个学习和继续改进ROI流程的机会。
  • 它能够发现一些以前没有预见到的成本和收益,这些数据的搜集有助于人们对以后的成本或收益做调整。它还能够帮助人们了解产生误差数据的原因,避免以后再犯同样的错误。
  • 其次,验证ROI结果有助于改进整体的ROI流程,因为它能够帮助确定和纠正问题。
  • 例如,如果没有达到预期收益,是不是在方案的实施上出问题了呢?
  • 最后,它还能提高你的ROI分析方法的可信度。
  •  
    投资回报率应考虑哪些问题,要点是什么,实施的案例。
ocean wu

53个css不可或缺技巧 - 碎月无痕 - 0 views

  • 1. CSS Based Navigation //基于CSS的导航 2. Navigation Matrix Reloaded //导航矩块翻转3. CSS Tabs //CSS标签4. CSS Bar Graphs //CSS条状图表5. Collapsing Tables: An Example //压缩表格:一个实例       6. Adam’s Radio & Checkbox Customisation Method //亚当的单选框和复选框的用户化方法7. CSS Image Replacement //CSS图像替代8. CSS Shadows(CSS Shadows Roundup) //CSS阴影(CSS阴影综述)9. CSS Rounded Corners Roundup (Nifty Corners) //CSS圆角综述(漂亮的拐角)10. Drop Cap-Capital Letters with CSS //用CSS实现首字母下沉
  • 11. Define Image Opacity with CSS //用CSS定义图像半透明12. How to Create a Block Hover Effect for a List of Links //如何给链接列表创建鼠标悬停的区块效果13. Pullquotes with CSS (Automatic Pullquotes with JavaScript and CSS) //用CSS实现引用(用JavaScript和CSS实现自动引用)14. CSS Diagrams //CSS图表15.CSS Curves //CSS曲线 16. Footer Stickallows for the footer of a Web page to appear either at the bottom of the browser window or the bottom of the Web page content – whichever is visually lowest.页脚帖允许一个网站页面的页脚显示在在浏览器窗口的底部或者网站页面内容的底部中实际最底的一个。17. CSS Image Map //CSS图像地图18. CSS Image Pop-Up //CSS图像弹出19.CSS Image Preloader //CSS图像预载20. CSS Image Replacement for Buttons //CSS按钮的图片替换
  • 21.Link Thumbnail //链接缩略图22. CSS Map Pop //CSS地图提示23. PHP-based CSS Style Switcher //基于PHP的CSS样式改变24. CSS Unordered List Calender (CSS Styled Calender) //CSS无序列表日历(CSS设计的日历)25. CSS-Based Forms: Techniques //基于CSS的表单:技巧 26. CSS-Based Tables: Techniques //基于CSS的表格:技巧27. Printing Web-Documents and CSS //打印网站文档和CSS28. Improved Links-Display for Print-Layouts with CSS //用CSS改良打印布局的链接显示29. CSS-Submit Buttons //CSS提交按钮30. CSS Teaser Box //CSS内容摘要盒子
  • ...3 more annotations...
  • 31. CSS Tricks for Custom Bullets //对于定义式列表的CSS窍门32. Ticked Off Links Reloaded //用记号标出翻转的链接33. CSS Zooming //CSS缩放34. Creating a Star Rater using CSS //用CSS创建星型评价35. The ways to style visited Links //设计浏览过链接的方法 36. PDF, ZIP, DOC Links Labeling //PDF,ZIP,DOC链接的标注37. Displaying Percentages with CSS //用CSS显示百分比38. Image Floats without the Text Wrap //没有被正文包围的浮动图片39. Let visitors decide, whether or not will they open link in a new window //让访问者决定,是否会在新窗口带开链接
  • 40. Simple accessible external links //简单易用的外部链接 41. Zebra Table with JavaScript and CSS //用JavaScript和CSS实现多条纹的表格42. Vertical Centering with CSS (Horizontal and Vertical Centering with CSS) //用CSS实现垂直居中(用CSS实现水平和垂直居中)43. Unobtrusive Sidenotes //不引人注目的旁注44. Image Caption with CSS (Styled Images with Caption) //用CSS实现图像说明(设计给图像加上说明)45. Dynamic Piechart with CSS //用CSS实现动态饼图 46. Format Footnotes with CSS //用CSS实现布局脚注47. Hierarchical Sitemap with CSS //用CSS实现分等级的网站地图48. Snook’s Resizable Underlines //史鲁克的可改变大小的下划线49. Switchy McLayout: An Adaptive Layout Technique //马克布局改变: 一个自适应布局的技巧
  • 50. StyleMap: CSS+HTML Visual Sitemap //样式地图:CSS+HTML 形象化的网站地图 51. Custom Reading Width //自定义阅读宽度52. CSS Alert Message //CSS提示信息53. CSS Production Notes //CSS产品注释
ocean wu

8 CSS Techniques for Charting Data - Six Revisions - 0 views

  •  
    还记得改版之前的 google analysis 是什么样的吗?那些图表都是 css 生成而非现在的全 flash 样式。用 flash 开发的确漂亮,不过修改或者再改版就挺麻烦了。相信 diy 爱好者、不折腾会死星人、模板修改强迫症患者更愿意用 css 来实现这些很高级的图形。 具体实现方法请点原文并浏览其中的实例,查看 demo 的 css 你就能举一反三。说实话之前我知道 css 高手是可以完全用 html 网页的排版完全实现 word 的功能,没想到 excel 表格都能用 css 来做。
ocean wu

完整的CSS工具列表_Yum.cn Design Studio - 0 views

  • 用户界面 I Like Your Color 输入URL然后它会抓出其中的颜色并用16进制表示。 CSS Multi-element Rollover Generator 使用CSS和一个图片创建出一个翻转按钮的样式。 CSS Rounded Box Generator Ruthsarian Layouts 6个CSS页面布局模板,包括颜色、标题等。 Bluerobot Layout Reservoir 2栏和3栏的CSS布局框架 Glish CSS Layout techniques 2、3、 4栏的CSS布局框架 The Layout-o-matic 输入页宽、栏数和padding,它会自动生成CSS和HTML的布局框架。 Little Boxes w3cn.org上提供的那些布局模板 Open Source Web Design 各种免费的完整页面模板 Web Builders’ Toolkit 更多的模版资源 Iconico Online CSS Scrollbar Color Changer List-u-Like 一个CSS菜单生成器:轻松创建采用li并兼容各种浏览器的导航菜单。 Nifty Corners: 无需图片的圆角矩形 Round Corner Stone/Icon (rcsi) V1.0 增强的圆角矩形 Xylescope 无需下载其他站点就能轻松分析其CSS代码。 W3C Core Styles Checkliste zur Webseitengestaltung Testseite zur Zeilenbreite
  • 易用性检查 Accessibility Valet Demonstrator Bobby Online Service Cynthia Says OCAWA Web Accessibility Expert Torquemada 使用工具对页面进行一个完整的易用性分析方法测试,以快速辨别页面中哪些部分存在错误。 UI Site check 一个站点检查工具,只需要输入你的网址,便可以列出几十个验证器和易用性工具。 WAVE 3.5 Accessibility Tool 可以提供你页面上的易用性细节和错误方面的有用信息。他会用红黄绿蓝等几种图标来表示需要改进的页面部分。这些图标代表了你页面上有关结构、内容、可用性和易用性方面的问题细节。你可以清楚地看到当前页面上哪些位置存在问题。 Web-based Site Usability Checker WebXACT Quality & Accessibility Check 一个免费的在线服务,让你对单个页面进行质量、易用性和保密性问题的测试。 Will the browser apply the rule(s)? TAW - Test accessibilidad web
  • 整理和优化 CSS Formatter and Optimiser 能让你选择你的CSS更易读还是更小。 CSS Compressor 使用这个工具可以压缩你的CSS使之提高载入速度和节约带宽。 Online CSS Compressor 多种途径来清理并压缩你的CSS,牺牲了可读性来获得相当程度的优化和尺寸的减少。 CSS Compressor CSS Syntax Checker for BBEdit and TextWrangler CSSTidy CSSTidy 是一个开源的CSS解释器和优化工具 CSS Tweak ~ Web Based CSS Tweaker! CSS Tweak 会优化你的CSS以减少文件大小和下载时间。 Clean CSS - Optmize and Format your CSS Format CSS Online 自动格式化你的CSS使之便于阅读和编辑 Online CSS Optimizer CSS Optimizer 优化并减少CSS的文件尺寸 Online CSS Optimiser/Optimizer 这个工具用于优化CSS代码。 Tabifier 使HTML和CSS代码变漂亮。 Webucator 有一个CSS参考手册,你还可以在上面测试你的CSS代码 CSS Centricle CSS hack浏览器兼容一览表 (就是w3cn.org 上的那个)
  • ...5 more annotations...
  • 字体 CSS Font and Text Style Wizard 你可以在这里测试用不同的字体和样式来生成CSS源代码。 Em Calculator 转换字体大小到em的工具 text sizing - up the garden path 不同浏览器下字体表现的研究,共有264个截图。
  • 表单 Accessible Form Builder 轻轻松松生成符合XHTML标准的表单。 CSS Form Code Maker 表单生成器 JotForm 所见即所得的表单生成器 korhoen typeviewer 帮你查看CSS的排版效果,帮你调整使之易读。
  • 布局 CssCreator -> Page Layout: this generator will create a CSS layout that has fixed width left and/or right columns with a dynamic width center column, all the same height with header and footer. CSS HTML PHP Website Template Maker 一个PHP - HTML - CSS模板生成器,可以生成包括页头和页尾的两栏布局的模板。 Firdamatic Firdamatic? 是一个无表格的布局生成器。 Free CSS Template Code Generator 生成三栏的布局 Layout-o-Matic 也是一个无表格的布局生成器。 QrONE CSS Designer 在线CSS生成器 Scriptomizers 一个CSS样式生成器 The Generator Form v2.90 1-3栏可定制的CSS页面生成器。
  • 酷站 CSSElite openwebdesign.org 设计师和站长在这里分享网页设计模板和资讯。 CSS thesis Wow-Factor Web Standards Awards W3 Compliant Sites Unmatched Style The Weekly Standards CSS-Mania CSS Drive CSS Import CSS Zen Garden CSS Vault CSS Beauty Stylegala
  • 小贴士 CSS-Based Forms: Modern Solutions样式表定义的各种漂亮注册与登录表单的收集。 Hot Dates with CSS 教你怎样使blog的日期看起来像日历页。
ocean wu

越减越妙:简单表格的再设计 - JunChen - 0 views

  • 设计小结: 如果用户是想一览所有的数据,那么 Luke 的设计较好,视线垂直移动且范围集中; 如果用户是想查看某个确定的值,那么 Deva Prasad 的设计较好,突出重点; 如果所有数据没有权重,那么增大字号或者改变颜色会增加干扰; 原则:根据具体情况,通过降低干扰和视线移动的距离来减少用户的视觉疲劳。
  • ...1 more annotation...
ocean wu

网页的栅格系统设计 - 0 views

  • 栅格设计系统(又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格),是一种平面设计的方法与风格。运用固定的格子设计版面布局,其风格工整简洁,在二战后大受欢迎,已成为今日出版物设计的主流风格之一。
  • 网页栅格系统下的定义为:以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。
  • ...15 more annotations...
  • 30个最顶尖的基于栅格系统的博客网站设计。
  • 网页栅格系统的原理与应用:
  • 我们把宽度为“W”的页面分割成n个网格单元“a”,每个单元与单元之间的间隙设为“i”,此时我们把“a+i”定义“A”。他们之间的关系如下: W =(a×n)+(n-1)i 由于a+i=A, 可得:(A×n) - i = W 这个公式表述了网页的布局与网页“背后”的栅格系统之间的某种关系
  • yahoo的网站页面宽度为W=950px,每个区块与区块的间隔为i=10px;如果应用上面的公式,可以推出A=40px,既yahoo首页横向版式设计采用的栅格系统为: (40×n)- 10 = W
  • 下面我们列出当n等于不同数值时W变化的数值表格
  • yahoo首页的布局完全是按照栅格系统进行设计的,每个区块的宽度对应的n值分别为:4,11,9。在这里我们看到一个很有意思 的事情:只要保证一个横向维度的各个区块的n值相加等于24,则即可保证页面的宽度一定是950px。然而,950px的宽度也恰好就是当n=24的时 候,W的宽度值。由此我们得出以下的应用模式:
  • 在栅格系统中,设计师根据需要制定不同的版式或者划分区块,他们的依据将是上面的那张对应表进行设计。这样,一个栅格系统的应用就从此开始了。
  • 它给整个网站的页面结构定义了一个标准。对于视觉设计师来说,他们不用再为 设计一个网站每个页面都要想一个宽度或高度而烦恼了。对于前端开发工程师来说,页面的布局设计将完全是规范的和可重用的,这将大大节约了开发成本。对于内 容编辑或广告销售来说,所有的广告都是规则的,通用的,他们再也不用做出一套N张不同尺寸的广告图了……
  • 对于内容信息不确定导致高度不确定的页面,在高度层面上就无法做到栅格了。
  • 我们可以衍生出任何一种栅格系统,只要改变A和i的值,这个根据网站的实际情况来制定。那么如何选择合适栅格系统,主要通过“构成 要素与程序、限制与选择、构成要素的比例、组合、虚空间与组合、四边联系与轴的联系、三的法则、圆与构成、水平构成这些设计元素规划,来实现比例和谐的平 面设计”。
  •  
    网页的栅格系统设计给整个网站的页面结构定义了一个标准。对于视觉设计师来说,他们不用再为 设计一个网站每个页面都要想一个宽度或高度而烦恼了。对于前端开发工程师来说,页面的布局设计将完全是规范的和可重用的,这将大大节约了开发成本。
ocean wu

科学与艺术兼顾的有效网页视觉设计 - 以用户为中心的设计 - 0 views

  • 理性 基于科学考虑的功能性图形设计也就是我们经常讨论的GUI,它主要服务于系统化平台的交互系统,协助、指导用户顺利完成期望的任务流程,一般我们接触到的视觉设计元素包括: 图片按钮; 导航设计; Banner动画或静态设计; 表单样式设计; 表格、数据、文字表现设计; logo设计 以及图形化不强的页面文字排版、空白布局设计
  • 为什么现在有很多GUI都想转行做UI或ID(interaction design),而忽视视觉设计的价值?我觉得这里面有下面几个原因: 市场恶性竞争,促使视觉审美下降,从而导致创意制作的贬值。所以,除去个别优秀的视觉设计师,处于中间或下层的设计师很容易失去自我价值的鼓舞而放弃自己的初衷,希望能够寻觅一个新的行业方向。而根据现在的市场需求,UI、ID应该是一个比如容易切入的方向,毕竟通过理论的补充,可以在很短时间内有效的提高设计师自身的设计理念而适应新的行业需求。 还有一个原因也是上面提到的市场需求决定了设计师对可用性和用户体验的关注,目前大多数设计师都服务于综合性媒体的网络公司,这样也就局限了他们创意设计的需求,取而代之的更多是对实用性,高效性的页面设计要求,所以学习相关的理论知识以适应公司发展需求是非常容易理解的, 最后就是设计师本身的自我定位,据我所知,国内目前并没有一个很好的针对网页视觉设计或用户中心设计的专业培训,所以,入行的设计师未必都有很好教育背景,大多都是因为兴趣爱好或市场需求而不断调整自己在整个行业中的角色,就业的需求,再加上诸如UCDCHINA理论资源的不断涌入,让很多本就不成熟或说对自己职业方向不明确的设计师,看到新的适合空间,所以这样的转行也是完全可以理解的。
  • 感性、个性 再说说基于视觉艺术考虑的视觉冲击设计,这类型的设计自由空间大,没有太多理论约束,更多体现出个性元素的概念,其多运用于概念产品、时尚产品、游戏娱乐等独立站点或个人Portfolio Gallery站点里。 上图是来自http://www.rhythmoflines.co.uk/   尽管我们不断推崇务实的简约设计概念,但是另类的创新艺术表现还是不时的冲击着我们不断变化的行业趋势。这类设计的好处在于: 容易创新出新型的交互设计模式; 增加产品自身的品牌价值,也就是我们所说的“化腐朽为神奇” 深刻的视觉冲击,有利于品牌形象的传播; 具有艺术收藏性,树立流派典范; 激励不同类型的设计尝试; 不过如果从实用性来考虑,它可能也会存在下面的不利之处: 生存周期相对较短,也就是高投入未必能带来长期利用率; 浏览文件大,需要更多下载时间,如果平衡的不好,很容易起到负面效果; 兼容性考虑不够,比如插件要求,分辨率要求等; 目标群体的局限性; 总的来说,根据具体运用和项目的商业策略的不同,我们在设计管理上也应该做相应的平衡,是提高有效的视觉传达?还是个性品牌的冲击? 这就如同我们在科学与艺术直接需要平衡点一样。
ocean wu

用服务设计打造未来银行 - 腾讯CDC - 0 views

  • 在过去的一年里,37%的用户在银行的资金相对减少,而减少的资金79%流向互联网金融服务平台。85%的用户普遍的消费支出方式是手机支付。在挑选和购买理财产品的时间也发生变化,仅有20%的用户是在营业时间购买理财产品…从这些数据中也可以窥探到行业的变化
  • 手机银行app的产品满意度总体为71.3,对比腾讯历年来产品的平均分82.4,手机银行app的NPS(净推荐值)总体为-22%,历年腾讯产品平均为45.1%,通过这些数据的对比可以看到互联网银行的产品与腾讯产品体验之间还是有一定的差距。用户对金融服务的期望和实体体验有差别。
  • 同类型的金融服务用户会有不同,线上服务流程不同,也会有新的触点
  • ...15 more annotations...
  • 服务设计的本质是通过对服务过程中的触点体验进行系统、有组织地挖掘优化,让各个利益相关者都能有效协作,最终取得完美用户体验的过程。
  • 以资金流转为出发点,将用户的金融行为分为:“存(结余)贷(透支)花(花销)”。并且采集用户的需求,行为和想法,以及用户如何使用产品,会在线上发生哪些触点。然后梳理出不同类型的用户的体验流程,最后通过聚类分析的方法,把用户诉求,流程,感受,触点等信息填入表格,这种定性和定量研究的发现进行进一步结构化的梳理用户的需求缺口
  • 信用背书可以提升品牌的信任感,所以在未开户时,用户对微众银行一无所知的情况下,在用户的闪屏和登陆页面中突出了腾讯的背书和好友关系链元素,文案传递出微众是互联网银行,但是同样受到银监会的监管,是安全可靠。
  • 安全是基础,舒适是我们希望给用户带来的体验感受。
  • 通过服务设计工具去梳理用户从开户到理财再到转账等基本的金融服务过程,梳理后可以得出对安全体验的缺口。
  • 通过设计师洞悉用户的心智模型,寻找设计的机会点,并运用到设计方案中
  • 发现用户的需求缺口可以用初识时提供“安全“感和到熟悉时“舒适”感来归纳概括。
  • 用户在转账过程中并不追求操作的效率,而是追求操作准确率,所以我们需要为用户营造操作安全,安心的氛围。
  • 我们基于定性研究结果和初步数据分析识别关键细分变量,梳理出用户类型,而不同的用户旅程地图也各不相同,然后我们将采集到的数据,放入用户的体验流程中,体验满意度相差较大的环节用户痛点较多
  • 用户追求的是收益和风险的一个平衡点,当收益率达到10%,近7%用户觉得有风险。除了收益和风险,用户还有一个考量点事资金的灵活度。当然每个用户侧重点会不同,但是都是为自己找到一个可以接受的平衡点。
  • 他们会在不同的平台不停对比,寻找最满足的自己产品,这个过程是非常不方便的。所以我们提出了在微众理财“舒适”的概念
  • 将晦涩难懂的术语转化为人话版本的产品介绍,这样用户可以更轻松的理解产品细节,靠自己的理解就可以去选择合适的产品
  • 在用户关心的理财产品重要节点和资金去向采用图形化的表达,明确规则等等,让小白用户一目了然并感受到资金安全。
  • 提供了多种针对性的信息外露,比如利用好友关系链维度提供新的理财参考维度。
  • 迎合用户“舒适”体验的基础上,重新审视整个金融生态和服务系统,推出新业务,新产品,新服务,通过补齐用户的服务缺口,吸引用户,开发市场。
  •  
    迎合用户"舒适"的体验。这既是产品的理念设计,也是品牌营运建设。
1 - 8 of 8
Showing 20 items per page