随笔分类 -  UCD

1
[转] 效率优先 适度设计——网盟投放平台体验优化项目总结
摘要：零：项目背景百度网盟推广平台是配合网盟推广用户的在线营销平台，推广客户可以在平台上实现全方位的推广管理，包括搭建账户结构、配置预算、定向方式、监控账户投放效果等等复杂的账户操作。但是由于系统的复杂度和功能性的增加，原有的系统对新功能的支撑显得有些捉襟见肘，所以在今年8月份，我们开始了对系统体验的分析和优化工作。一：产品理解广告投放平台广义上属于商业产品体系，商业产品和用户产品在体验的关注点上是有显著区别的。最大的区别就是使用需求不同，商业产品一般不会出现在我们日常生活中，大部分都是在工作时，或者是特定的时段内才会使用到。所以把握好商业产品的特性，是做好商业产品用户体验的关键。研究一个产品的特性 阅读全文
posted @ 2013-01-25 11:23 还是天天如此 阅读(235) 评论(0) 推荐(0)
[转]一个页面重构工程师眼中的“用户体验”
摘要：在工业化设计融入人们生活的现今，用户体验一词就常常出现在人们的视线里，随着互联网web2.0时代的到来，大大小小的网站设计中也都开始关注用户体验的方面，对什么是用户体验（百度这四个字，比我写什么解释都好）就不做详细赘述了，相信大家比我了解的更加丰富。用户体验从产品设计阶段便开始介入进来，如原型设计中交互模式设计、功能实现方式设计都融入了设计人员对用户的关怀，听过这样的一句话：“具有良好用户体验的产品，不仅仅取决于一个有着丰富交互设计经验的产品设计师，还与产品生产过程中的每一个环节是否都具备良好的用户体验意识有一定的关系”。今天我想从一个页面重构工程师的角度出发，从两个方面去谈谈在我的工作中，我 阅读全文
posted @ 2012-12-04 10:26 还是天天如此 阅读(133) 评论(0) 推荐(0)
[转]栅格规范制作
摘要：随着业务的不断推进，现在我们的后台项目越来越多。但是由于前端和后台之间联调复杂导致项目经常会推迟。为了能优化项目流程，提高开发效率。交互和前端决定一起做一套DPL，做一系列的规范出来。这样可以减少交互，前端，后台互相的沟通成本，同时能够沉淀下这段时间大家的收获。交互参与的DPL（Design Pattern Library）中我们主要是做栅格体系，控件体系，视觉体系，下面我来和大家分享下DPL中的栅格体系设计栅格研究网页栅格系统前，来看一组数据：网站首页页面宽度 pxYahoo!950淘宝950MySpace960新浪950网易960Live Search958搜狐950优酷960AOL960 阅读全文
posted @ 2012-08-03 16:40 还是天天如此 阅读(293) 评论(0) 推荐(0)
[转]关于163邮箱登录框页面的改进的探索
摘要： 阅读全文
posted @ 2012-08-03 16:37 还是天天如此 阅读(124) 评论(0) 推荐(0)
[转]小河直街论表格
摘要：我们开着小车，哼着小曲，告别工作的喧嚣，告别城市的浮躁，来到了古色古香的小河直街。自宋代以来，这一区域一直是运河沿线的重要区域，经过民国年间的繁荣后留下的历史遗迹类型众多，历史文化内涵较为丰富多样。小河直街也曾经是晚清时期的320国道。小河直街历史文化街区是集中反映清末民国初期城市平民居住文化生活、生产劳动文化和运河航运文化的重要历史文化街区之一，是一条以保持传统居住商住功能为主，延续杭州地方传统特色文化和展示运河航运文化，集商住、居住、休闲功能为一体的历史文化街区。在云水谣吃完颇有风味的丽江菜之后，我们小憩了一会，开始论表格。相信所有的交互，视觉，前端对于grid都有很深刻的接触和各自的理解 阅读全文
posted @ 2012-07-24 15:13 还是天天如此 阅读(166) 评论(0) 推荐(0)
[转]跟紧时代，让你的设计更加popular
摘要：如今，随着智能手机、平板电脑等移动手持设备的普及，越来越多的Web网站都在向这些平台做兼容。同时，这些移动设备上的视觉设计与交互设计也在影响着Web端的设计。所以，现在我们的设计是不是要变得更加的popular一点呢？是不是可以总结出一些方法让我们的web端产品跟上时代的脚步呢？ 阅读全文
posted @ 2012-07-10 09:51 还是天天如此 阅读(138) 评论(0) 推荐(0)
[转]Banner设计“点横竖撇捺”
摘要：文字，这种与人类历史几乎同步的信息表达形式，同样也是视觉传达设计中最重要、最基础的元素之一。她的历史沿革应该已经有非常多的同学做过分享介绍，这里就不再赘述。我想讲述的是字体在网页设计中的运用，她最为常见的一种承载形式：banner字体设计，这几乎是每个Web设计师都会遇到的设计内容，不论是通栏、半通栏，还是各种大大小小尺寸以及活动营销推广的页面头部，都可以看到字体设计的身影。阿里巴巴中国站首页改版后对于页面内的banner推荐位有了更高的要求，这也引发了我对如何做好一条banner的思考，我觉得在banner设计中相对图形及背景元素的运用，文字本身的设计与排版要重要很多，即使在没有任何背景元素 阅读全文
posted @ 2012-06-27 10:37 还是天天如此 阅读(202) 评论(0) 推荐(0)
[转]掌控像素的虚实
摘要：3月份，Photoshop CS6 Beta版(下文简称PS CS6)发布公测，有着多项惊艳的新特性，工作中整天和像素打交道，感触比较深的特性就是PS CS6支持矢量对象绘制、变换时像素自动对齐网格。 当然，对象绘制、变换时像素对齐网格并不是PS CS6独有的功能，只是更智能更好用了，PS CS6的像素自动对齐网格功能在绘图过程中，无疑方便了很多，不必再担心图形边缘会出现模糊，但是我们在实际的图形设计过程中会发现，还是会经常需要调整一些路径没有完全对齐到网格产生的半透明的过渡像素，用来平滑图形边缘减少锯齿感，或让图形看上去更饱满、更细腻，我们称其为次像素(或亚像素，Sub-pixel，一... 阅读全文
posted @ 2012-05-10 13:43 还是天天如此 阅读(221) 评论(0) 推荐(0)
[转]移动应用丰富动效的六点原则
摘要：如果想让你的移动应用更活泼更灵动，丰富的动效是不可少的，丰富的动效可以让你的应用更具活力，充满生机；丰富的动效可以让你的应用彰显效率，提升品质感；丰富的动效可以让你的应用充满魅力，引人探索；丰富的动效可以让你的应用减少焦虑，消除等待感；丰富的动效可以让你的应用充满韵味，有节奏感；丰富的动效可以让你的应用有出奇的信息组织，整洁高效。这里主要介绍六种简单通用的方式——转场、邀请、过渡、反馈、缩放、吸附。由于手机屏幕空间有限，更多的内容会被隐藏在屏幕后边，或者屏幕的左边、右边、下边，转场动效能帮助应用营造一种空间方位感。转场动效是目前应用最多的动效种类，毕竟iPhone、Andoird、Wp7都有提 阅读全文
posted @ 2012-05-08 13:58 还是天天如此 阅读(150) 评论(0) 推荐(0)
[转]不要带着Pc的惯性思维设计iPhone App
摘要：摘要:当我们进行设计时，将PC上的控件照搬到iPhone上，可能还没有什么特别感受；可当我们发现其他的产品中和PC上的做法很不一样的巧妙设计时，又总是发出惊叹，随后又懊恼自己的保守行为显得多么的不上流。 ... ... ... ...Key：一定要做减法不要担心多点一下让触摸更有快感不要拘泥于PC的控件样式触屏的出现终于让人们可以摆脱输入设备的束缚，能够彻底和虚拟世界“亲密接触”，使得人机交互的方式踏入一种革命式且全民参与的时代。我们跟随着潮流不断将PC上的软件移植到触屏终端，却总是因为惯性思维，而忽略或者不知道如何体现触屏的本质意义，总是不经意的把PC的规矩搬到触屏，然后再看着做出的设计叹息 阅读全文
posted @ 2012-04-08 12:15 还是天天如此 阅读(219) 评论(0) 推荐(0)
[转]设计师也需要了解的一些前端知识
摘要：国画中有句话，“画虎先画骨”。对应到网页上，视觉效果只是一张皮，前端代码是支撑这张皮的骨，了解骨架是怎么长的，有助于设计出更合理高效的页面。一、常见视觉效果是如何实现的关于文字效果文字自身属性相关的效果css中都是有相对应的样式的，如字号、行高、加粗、倾斜、下划线等，但是一些特殊的效果，主要表现为ps中图层样式中的效果，css是无能为力的。但是css也在不断发展，在css3中已经新增了文字阴影的效果，可惜IE6、7、8均不支持。所以，一些比较特殊的文字效果，依然只能通过图片来实现。说说文字间距在css中其实是可以控制文字间距的，但是现实中很少会使用，一方面是很多设计师不知道css中有相应的属性 阅读全文
posted @ 2012-03-31 17:59 还是天天如此 阅读(197) 评论(0) 推荐(0)
[转]“无中生有”—手机端高效的文本输入框设计评论[29]
摘要：手机端的文本输入受到使用环境、网络状况及设备本身条件的制约，使其用户体验的改良成为一个老生常谈的话题。如：一直在改进的输入法，新输入方式的探索（语音输入），甚至想尽种种办法去避免输入……文本输入本身是一个从无到有的过程，是让用户将空白的输入框填满的过程，本文避谈一些尚未经过易用性测试验证的创新设计，从本人的日常积累和实际经验出发，以文本输入框作为设计对象，从帮助用户认知及简化用户操作这两个维度来探究这些看似简单空白的小条能否生长出大智慧。无中生有之“引导词”——帮助用户认知手机端的界面空间可谓寸土寸金，很少有空白的区域。而用户在面对界面中一片空白的区域时往往会产生紧迫感甚至有些不知所措。如果在 阅读全文
posted @ 2012-03-20 14:41 还是天天如此 阅读(239) 评论(0) 推荐(0)
[转] 广告认知流程之2——有意注意
摘要：先来回顾一下广告的认知心理流程：广告心理包含以下流程：无意注意→有意注意→增强说服效果（记忆与再现、意象与联想）→情感与决策。在上一篇文章中讲到：设计推广banner时，如何在认知流程的第一阶段——无意注意令信息hold住用户眼球。接下来，进入认知流程第二阶段——有意注意：当人们对推广banner产生需求，有进一步了解的渴望，就会主动关注信息并进行进一步加工。本文通过对有意注意理论分析，使推广banner不仅能吸引用户，还能令其在加工信息时更流畅与舒适，增强用户体验与读下去的信心与愉悦感。有意注意是指，有预定目标，必要时还需要一定意志努力的注意；在心理学中有时有意注意也称为积极注意或意志注意， 阅读全文
posted @ 2012-03-16 14:06 还是天天如此 阅读(211) 评论(0) 推荐(0)
[转]如何写一份交互说明文档
摘要：转载请注明来处，关注我，请点击：http://weibo.com/heidixie离开交互圈已经有段时间了。但由于博客还在，还是能够偶尔收到一些邮件，上周有位同学问我：我在求职，我看到很多招聘说明上需要交互设计师编写界面交互设计文档，请问界面交互设计文档是什么文档？怎么编写呢这让我想起来2009年自己在项目里也大力推行过交互说明文档（在下文中，简称为DRD），格式倒没什么限制，交互设计师自己写到界面上也行，单独文档成文也行，总之就是让交互设计师能够将界面承载不了的信息通过文档沉淀下来，降低项目里的沟通成本和风险。今天整理电脑，翻出以前的PPT，分享之。这将涉及到几个问题：一. 什么是交互说明文 阅读全文
posted @ 2012-03-14 10:27 还是天天如此 阅读(179) 评论(0) 推荐(0)
[转]善待PSD — 好设计师，从细节做起
摘要：配图：近日帮朋友设计的瀑布流 taobao站美丽格子^__^。作为设计师，应该将设计稿的最完美一面表现给其他人看。就像jobs 说的一样，好设计师，不会使用烂木头作为衣柜的背板。虽然你最终的设计稿很完美，但是你的psd让人觉得很糟糕，同样会让之后的切图仔觉得你不是个优秀的设计师，对不起死去的jobs哇～ XD在企鹅村玩代码玩了半年多，玩起psd来都有点生疏了。最近对设计MM 给的psd文件产生了点暧昧。有感悟抒发一下。看看是不是都有一样的困惑和同样的问题。如果切图仔死了，死因很可能是一份可怕的psd1. psd 文件尺寸 竟然有71M，(也许看着觉得还好，但是一开ps 就杯具了，内存不够 = 阅读全文
posted @ 2012-03-12 10:21 还是天天如此 阅读(169) 评论(0) 推荐(0)
[转]产品中图形语言规范化的意义与过程
摘要：现在随着互联网企业的发展与业务的拓展，随着时间的推移，一个公司的产品可能将越来越丰富多样，同样每一个产品随不断的功能完善和扩展，随着一个产品的“长大”产品内所需要用到的图标也必然会越来越多，这时候众多产品形象的呈现、产品内图标等视觉原素的表现，如何能与整个产品或公司的战略计划相适应，这时候在图形语言的视觉呈现，语义表达、识别性等层面就需要作一个全面细致的考虑了。我们来看几个典型的例子，回顾一下 Adobe 产品系列的成长过程， 从2005年 Adobe 收购了原最大的竞争对手Macromedia公司后，它的产品线得到了极大丰富， 而后在2002年Adobe确立了Creative Suite概念 阅读全文
posted @ 2012-03-08 10:55 还是天天如此 阅读(186) 评论(0) 推荐(0)
[转] “有点儿意思”的导航设计
摘要：导航是网页设计中不可缺少的部分，它是网站访问者获取所需内容的快速通道和途径。导航让网站的层次结构以一种有条理的方式清晰展示，并引导用户毫不费力地找到并管理信息，达到有效传递。同时，导航一般位于网页的中上部分，也是视觉中心的区域内。在保持其合理的功能作用的同时，一个好的导航设计，往往能够成为整个网页设计的点睛之笔！一个设计师在布局和整体规划网页设计时，导航总是一个重要的元素。我们会思考，导航以什么形式呈现？是否能够最大程度地发挥其梳理网站结构、有效传递信息的功能？是否能够烘托和配合整个页面的设计风格？是否能够别出心裁润色和体现该网站的特点又不影响其功能性？是否能够精益求精成为整个网页设计至关重要 阅读全文
posted @ 2012-03-02 17:17 还是天天如此 阅读(171) 评论(0) 推荐(0)
[转](安卓—点九)转载百度MUX
摘要： 阅读全文
posted @ 2012-03-01 15:53 还是天天如此 阅读(133) 评论(0) 推荐(0)
[转]一个页面重构工程师眼中的“用户体验”
摘要：在工业化设计融入人们生活的现今，用户体验一词就常常出现在人们的视线里，随着互联网web2.0时代的到来，大大小小的网站设计中也都开始关注用户体验的方面，对什么是用户体验（百度这四个字，比我写什么解释都好）就不做详细赘述了，相信大家比我了解的更加丰富。用户体验从产品设计阶段便开始介入进来，如原型设计中交互模式设计、功能实现方式设计都融入了设计人员对用户的关怀，听过这样的一句话：“具有良好用户体验的产品，不仅仅取决于一个有着丰富交互设计经验的产品设计师，还与产品生产过程中的每一个环节是否都具备良好的用户体验意识有一定的关系”。今天我想从一个页面重构工程师的角度出发，从两个方面去谈谈在我的工作中，我 阅读全文
posted @ 2012-02-17 18:43 还是天天如此 阅读(159) 评论(0) 推荐(0)
[转]Change.gov -那些美丽的细节
摘要：转自http://ucdchina.com/snap/10289前段时间，突然想去看看奥巴马的网站是怎么设计的，于是Google到了Change.gov。刹那间眼前一亮---简洁大气，充满了成熟之美。一直想写篇赏析来学习下Magicwan的设计，一直拖到今天(懒惰的人啊)一.Background深蓝色背景，给人踏实，稳重，具有可靠信赖感。二.Head1.在logo和辅助图形之间，没有使用100%的直线而是一条柔和的渐变线。即没有破坏head的统一感，又起到了区分logo和图形的作用。2.背景没有使用纯白色而是抹了一些浅浅的灰色，不仅起到了图像化的效果，而且颇具韵味。或许灵感来自白宫建筑群的颜色 阅读全文
posted @ 2011-08-02 11:04 还是天天如此 阅读(201) 评论(0) 推荐(0)

1