設計網事

《设计网事》180×257封面

本书收录了「千鸟志」05到09年专业技术相关的大部分精华,经过了重新归整、配图、提炼和排序,包括对有价值用户评论的筛选。2008年2月开始筹备,2010年1月出版。

讲解国内Web Design八年发展史,是国内第一本互联网产品设计领域的个人原创出版物,在业内率先总结出清晰严谨的知识结构。提出了系列有关互联网、行业应用、功能结构、交互流程,以及结合C/S & B/S架构体系、Soft-based&Web-based技术体系、Flash&Web客户端的独到见解。并且在互联网产品高速淘汰的过程中,结合作者多年积累,保留了不少有意义的历史内容信息。

《设计网事》前言
《设计网事》推荐序
《设计网事》后记
《设计网事》的设计

 
《设计网事》实物图
封面三维效果图
 
  • 章节索引
  • 语录索引
  • 标签索引
共10章121篇日志,根据内容层次划分,标题基本出自源网志。(修订版)
第一章 互联网产品
  • 从网页设计开始2页
  • 与用户体验的这两年6页
  • 设计兴国8页
  • 立足于传统行业的设计10页
  • 设计的技术含量12页
  • 自己设计自己用14页
  • 互联网设计操作参考116页
  • 互联网设计操作参考220页
  • 软件与网络产品的区别21页
  • 软件与网络设计的区别23页
  • 做设计还是做产品27页
  • 由建筑设计想到的29页
第二章 少即是多
第三章 以用户为中心的设计
第四章 架构思想和交互意识
  • 可用之前先保证可访问60页
  • 给网站界面预留退路62页
  • 网站的架构体系65页
  • 让网站容易被发现67页
  • 简洁有语义的页面地址69页
  • 通过研究视线轨迹改良设计74页
  • 结构和交互的关系76页
  • 网址导航的组织方法78页
  • 网站背后的信息架构79页
  • Tag的关系和呈现82页
  • Tag的创建和组织84页
  • 内容、标签和分类86页
  • 使用标签是迟早的事88页
  • 用户不需要信息快餐89页
第五章 方法和多人协作
  • Yahoo!的项目工作流程94页
  • 把用户体验整合进流程97页
  • 信息架构的流程引入98页
  • 把体验理论变成现实99页
  • 互联网设计瀑布递推102页
  • 互联网设计敏捷迭代103页
  • 模拟高效团队107页
  • 纵深协作方式110页
  • 做好自己的事111页
  • 策划和执行115页
  • 产品经理的责任116页
  • 传达并推动119页
  • 用户体验的误解120页
  • 对设计和技术的误解122页
  • 设计页面结构原型124页
  • 产品原型文档构想126页
  • 用文档来推动产品128页
  • 文档体系131页
  • 两类线框图的比较132页
  • 产品规范之道133页
  • 交付物不是越多越好136页
第六章 客户端技术
  • 重构概念解析140页
  • 正确认识Html与Body141页
  • 三维角度设计页面布局143页
  • 中英文、数字混合效果145页
  • CSS样式表书写风格147页
  • 再谈CSS样式表书写风格149页
  • 加速图片显示153页
  • 照片预加载过渡156页
  • 照片阴影效果158页
  • 互动技术的理性选择159页
  • Flash在web客户端的潜在问题162页
第七章 搜索引擎友好
第八章 案例和方案
  • Yahoo!奇摩改版跟踪180页
  • 探讨Live Messenger分组182页
  • 百度和搜狗地图183页
  • 有感豆瓣的改版184页
  • Flickr的图片保护方案185页
  • 书签效果的优化186页
  • 有时间先后的翻页188页
  • 密码强度检测机制190页
  • Yahoo!韩国设计探讨193页
  • 改进评论提交表单196页
  • 简化翻页提升可用性198页
  • 招聘网站怎么做200页
第九章 知识积累和职业生涯
  • 如何理解概念204页
  • 写作态度问题205页
  • 我们都需要个人网站206页
  • 网站和博客的区别209页
  • 博客内容组织策略211页
  • 原创和转载214页
  • 原创来自追求214页
  • 互联网产品设计阅读推荐216页
  • 互联网产品设计师自我介绍218页
  • 互联网产品设计师职业生涯220页
  • 三年记,个人博客为有效沟通224页
  • 三年记,个人网站为有效积累226页
  • 公司都是有传统的229页
  • 体制内的工作经验231页
  • Web设计师的出路问题233页
第十章 生活中的遭遇
  • 聊天的用户感受236页
  • 初次沟通的四种情景分析239页
  • 查询密码与交易密码240页
  • 招行的积分政策242页
  • iPod nano二代的色彩策略243页
  • 从轻薄理解用户需求244页
  • Click Wheel及其前身246页
  • 选鼠标真难247页
  • 电梯楼层按钮排序248页
  • 楼层数横排比竖排好250页
  • 日式酒店电梯面板254页
  • 禁止危险品上车256页
  • 请靠右站立257页
  • 脑部发育好258页
  • 请给需要帮助的乘客让个座259页
  • 地铁开关门的安全顺序260页
  • 防盗门和防盗密码263页
共13部分116条语录,根据专业知识划分的重要观点陈述,含少量网友评论。(修订版)
用户体验
  • 用户挑剔,说明还在乎。184页
  • 用户的反应和操作之间存在时间差。186页
  • 绝大多数同行提到用户体验,首先想到的就是取悦,其实不一定。45页
  • 大改时,用户会重点看哪些改的不错;小改时,用户会更关注哪些还需要再改。54页
  • 用户习惯的力量无穷大,设计师可以干扰,但永远都不能改变。49页
  • 细节累加,成就独特气质,并且将传达给用户无形的感觉。53页
  • 通过数据预加载,在流畅程度上提升用户体验。159页
互联网产品设计
  • 网络无国界,UI更无国界。193页
  • 对于网站质量来说,漂亮只可用来加分,但不能打分。34页
  • 对于视觉体验来说,舒服是比漂亮更高层次的艺术。34页
  • 细节的积累成为了今天我们和世界的差距。41页
  • 共性只是基础,个性才是附加值。12页
  • 让读者的心随着我们的文字一起跳动,用设计感动世人。42页
  • 要么web设计被低估,要么flash设计被高估,我个人认为前者更多些。159页
  • web design的核心是information, content,而flash design的核心是presentation,差异注定了发展。162页
  • 用web方式做web-based产品设计的优势将更垂直的专业、体系化发展。136页
  • 从60%提升到90%有N种方法,但从90%提升到95%只能通过数据挖掘。175页
  • 产品在从0到1的阶段,重要的不是专业,更不可能是细节。27页
  • 递推流程尤其不适合互联网产品的创新设计。102页
行业和领域
  • 知识的不对称,不会构成产业。10页
  • 软件和网络都只是IT的技术领域而不是行业。21页
  • 创新本身不重要,能做出来的创新才重要。99页
  • 曾经做互联网缺的是idea,现在做互联网缺的是professional。231页
  • 软件是soft-based的c/s架构产品,网站是web-based的b/s架构产品。21页
  • 传统“软件设计”出身比较正统,传统“网站设计”出身比较山寨。23页
  • 业务和产品完全是两条线,现在的问题在于互联网的畸形发展,以及专业技术本身不成熟。8页
  • 设计如果不服务于传统行业,而穷于应付各种互联网概念和专业术语,永远得不到提高。10页
  • 在国内互联网完全领域追求设计的理想主义,那得靠怨妇般的精神。2页
专业方法
  • 结构处理隐性逻辑,交互处理显性逻辑。76页
  • 交互能解决一个个功能,但用户的需求是一串串功能。98页
  • 业务架构以赚钱为中心,信息架构以用户为中心,技术架构以稳定为中心。79页
  • 用户研究并不是门技术活,专业方法与行业、背景、资历相比,只是个充分不必要的条件。120页
  • 实际问题往往不是处理不好,而是根本我们对产品架构的认识一直很模糊。65页
专业技术
  • 通常网站好不好,第一印象的打分很重要,主要是可访问性在主导,与可用性关系并不大。60页
  • 现在很多网民根本就不知道,不敲入www也理应顺利访问网站才对。56页
  • 网址语义化一方面能提高用户识别度,另一方面能提升搜索引擎友好。69页
  • 能否根据视觉路径走向排列关键信息,这是区别专业与业余网页设计师的重要依据。74页
  • Css将代替很大部分视觉设计工作,以后web设计稿子几乎可以不再使用画图这种原始办法。149页
  • 图片越多请求次数越多,造成延迟的可能性也就越大。153页
  • 把页面纵向切开,每类呈现效果看成一个层级,这样可以把页面所有元素立体化。43页
  • 极端情况并非只有极端条件下碰到,不可控因素无处不在。62页
  • 绝对定位一定程度上可以代替浮动做到相对屏幕,而且兼容性更好。143页
内容组织
  • 分类和标签的根本区别在于创建先后顺序,同为多维结构,有序必然强过无序。86页
  • Tag是以内容创建者(Creator)为中心,Category才是真正的以用户(User)为中心。82页
  • Tags用好了,可以大大提高信息系统的灵活性和智能化程度;如果没用好,就是实实在在的干扰。84页
  • 标签适合做泛描述,是必不可少的搜索结果优化手段。88页
  • 信息快餐虽然让我们大饱眼福,但却不能促进用户对信息的有效获取和利用。89页
  • 信息不经过整理,价值至少打个对折。206页
搜索引擎优化
  • SEOer的研究重点应该是各搜索引擎的算法和脾气,能够在项目中根据实际研究结果,给产品设计人员一些合理或者不合理但能提高排名的建议。168页
  • 凡是对用户获取信息有利的设计,搜索引擎也一定喜欢,这是最基本的逻辑。166页
  • 搜索引擎的需求其实就是用户需求的不完全表达。171页
  • 大部分SEOer只不过是把设计手段包装成SEO概念来卖。172页
  • 提供服务的关键是有没有效,而不是叫SEO或者UCD。173页
  • 总能看到有人把SEO, SEM等名词与之混淆,目地是做概念的打包营销。20页
团队协作
  • 天才的决策,蠢才的执行,最冤枉的却是下边士兵。97页
  • 90%的矛盾来源于沟通不善,90%的沟通不善来源于知识结构不对等。122页
  • 策划追求的是创新和创意,执行追求的是效率和成功率,两者不是在奔同一个目标。115页
  • 流程的核心目的就是逐步保证产品质量,减少“前台开发”和“后台开发”的重复劳动。94页
  • 设计师如何权衡和协调,并且跟上推进的节奏,这是能力的关键。119页
  • 没有创造性的工程师只是程序员,没有创造性的设计师也就是设计员吧。122页
  • 规范对设计师来说主要是“协调”工作,使交付物统一;对工程师来说主要是“配合”工作,使开发效率提高。133页
  • 最好的Producer,有人可以带领大家做的更好,没人自己也能抗下来。16页
  • 过程产物的呈现方式和格式都不重要,速度第一,以同事能理解为原则。124页
  • Visio适合大型项目的功能结构展示,Html适合做流程操作演示。132页
  • 团队之内存在了设计师、工程师之外的第三类人,做出来东西的质量可想而知。23页
  • 团队成员越少,沟通效率越高;每人承担越多,整体风险越低。103页
产品和项目管理
  • 恺撒的归恺撒,上帝的归上帝。111页
  • 把软件工程的思想转化到产品UCD管理,其实就一层纸的距离。131页
  • 设计再离谱不应该能撼动产品根基,否则产品经理的价值在哪里?116页
  • 项目经理为项目负责,产品经理为产品负责,项目周期和产品质量本身只是理想化的对应关系。107页
  • 保证每增加一位员工,团队就多一分的战斗力,否则一锅粥只会越来越稠。110页
  • 不同步的文档比没有文档更加麻烦,因为它有误导作用。128页
职业生涯
  • 设计的关键也许不是创新,而是有没有资格。29页
  • 所有不以设计为核心竞争力的公司,需要的都是能“更多、更稳”做事的人,而不是“更好”做事。229页
  • 对于弱势群体的产品设计师来说,重要任务都应该形成文档,对工作量化和积累都有帮助。126页
  • 产品做不好的根源,主要是缺乏senior专业技术人员,但更重要的是业余管理人员泛滥。220页
  • 任何公司在某方面的成功是因为传统,在另外个方面的失败也因为传统。229页
个人成长和积累
  • 知识这个东西,积累的越多才越好玩。14页
  • 不管是生活还是学习,我们往往要消耗大量精力去寻找适合自己的方式。226页
  • 我们大部分人是误把常识当知识,然后还以为自己有多高的壁垒。14页
  • 设计师的经验丰富,全在于心智模型修正的够频繁,判断才更能切合实际。48页
  • 用户体验、以用户为中心并不应该是个职能。218页
  • 我写网志的目地,希望与理想主义者交流思想,希望与完美主义者切磋技术。224页
  • 真要把一件事做好,必须有“偏执”的精神和毅力,否则不可能专业(Professional)。231页
  • 很大程度上觉得别人你比强,不一定因为人家真有多厉害,主要是我们自己太差劲。236页
  • 把所有感兴趣的话题都写出同样的思想和深度,我想才能完整体现一个人的价值。211页
  • 写的好的日志,不管工作还是生活,精神上应该一致。214页
  • 超过90%的原创者无法做到有效积累;同样超过90%的阅读者对内容好坏没有准确判断力。214页
  • 很大程度上,谁走的也不比谁快多少,主要看谁先上路。162页
  • 个人网站需要最具代表性,个人博客需要最新。206页
  • 靠设计来生存太难受,尤其在浮躁的环境和体制里。233页
  • 通过事物本质总结出概念,而不是通过概念去放大理解事物本质。204页
  • 多看、多想、多认识自己,才能释放出应有的水准和风采。205页
阅读
  • 方法技能方面,我倾向于知识点突出、独立深入的专业书籍。216页
  • 看书除了能见见世面,更重要的是验证自己的想法。6页
  • 读技术类书籍最好状态是互相切磋,拿自己总结与作者总结对比取长补短。67页
案例
  • 最佳的搭话元素就是:客套+你的身份+你的意图。236页
  • 我们通常是因为有需求才去沟通,而不是先沟通才去找需求!239页
  • 鼠标新款设计都是在拿用户做实验,所以经常有稀奇古怪出来。247页
  • 横排比竖排好,倒序比正序好。248页
  • 有序逻辑可以形成下意识,需要根据信息再判断的无序逻辑则不能。250页
  • 规则有规则的秩序感,不规则有不规则的位置感,我想奥妙便在此。254页
  • 只有上车才能发现自己不能上车。256页
  • 为什么北京到处立奥运倒计时,那是为了提醒我们,每秒都在和奥运靠拢。52页
  • 明白的更明白,不明白的还是不明白。257页
  • 把人性化落到实处,除了每个人的公德和感恩,还得有得体的引导。259页
  • 不要折磨用户来试图保证绝对安全,你能想到的事情hacker们早想到了。263页
  • 关键词不能传递过来,可以想像被用户放弃的外链流量有多可观。183页
  • 居然说“#%^&**(”是弱密码,你记住试试!190页
  • 门槛高低通常和用户提供的内容质量成正比。196页
  • 改版的目地是实现平稳过渡,让大家不觉得这么陌生。180页
  • 不管WP最后多强大,骨子里永远是Blog,产品结构决定的。209页
  • 我心目中好的招聘网站,应该是个可以不断扩充、修正的信息体系。200页
  • 用类似层级和矩阵的概念,实现多重分组和并列从属。182页
  • 最酷黑色,留给最有购买能力且追求品位的男性消费者。243页
  • 关门先关车厢门,开门先开屏蔽门,中间间隔3秒即可。260页
共6部分92个标签,根据术语类型划分的内容关键标签,括号里有扩展说明。(修订版)
设计理念
技术领域和产品形态
专业名词和术语
  • 以用户为中心的设计(User-Centered Design 简称UCD)6页168页172页
  • 用户体验(User Experience 简称UE)2页6页97页99页120页
  • 可访问性(Accessibility,又译为无障碍、亲和力、可到达性等)60页62页
  • 可发现性(Findability,又译为可查找性、可寻性等)67页
  • 可用性(Usability)60页198页
  • 搜索引擎友好(Search Engine Friendly 简称SEF)20页
  • 搜索引擎营销(Search Engine Marketing 简称SEM)20页
  • 搜索引擎优化(Search Engine Optimization 简称SEO)20页166页168页171页172页175页
  • 信息架构(Information Architecture 简称IA)6页65页76页79页98页
  • 交互设计(Interaction Design 简称IxD) 6页76页
  • 前端开发(Front-end Development)122页
  • 内容组织(Content Organization)78页86页89页
  • 网站重构(Web Standard,准确译为“web标准设计”)2页140页
  • 预留退路(Graceful Degradation,或译为“优雅降级”)62页
  • 心智模型(Mental Model)48页
  • 视线轨迹(Eye-Tracking)74页
  • 客户端(Client-side)159页162页
团队协作和职能
设计对象
品牌
  • Flickr(2004年加拿大Ludicorp公司研发的网络相册产品,2005年被雅虎收购)185页
  • iPod (2001年美国Apple公司推出大容量MP3播放器)243页246页
  • Let’s note(1996年日本Panasonic公司推出的笔记本系列产品)244页
  • Macbook(2006年美国Apple公司推出的笔记型麦金塔电脑)244页
  • Msn(1999年美国Microsoft公司推出的即时消息软件,后改名为Live Messenger)182页
  • Thinkpad(1992年美国IBM公司推出的计算机品牌,2005年被Lenovo收购)244页
  • Vaio(1996年日本Sony公司推出的电脑品牌)244页
  • 雅虎(1994年杨致远、David Filo创立于美国斯坦福大学,英文Yahoo)94页180页193页
  • 百度(2000年李彦宏、徐勇创立于北京中关村,英文Baidu)183页
  • 搜狗(2004年搜狐公司推出的互动式中文搜索引擎,英文Sougou)183页
  • 豆瓣(2005年杨勃创办于北京豆瓣胡同,英文Douban)184页
图书
  • 《Web标准和SEO应用实践》67页
  • 《设计沟通十器》136页
  • 《Web信息架构》79页
  • 《用户体验的要素》111页
  • 《设计中的设计》42页

修订

点击汇报错误