<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet href='http://feed.feedsky.com/styles/feedsky8.xsl' type='text/xsl' ?><!--这是一个由Feedsy提供技术支持的Feed，为了提高读者阅读的体验，以及满足用户美化自己Feed的需要，我们设计了多种精美的Feed模板，提供给大家选择，所有最终呈现出来的样式，皆由用户自愿选择使用，未经许可，任何团体和个人，请不要擅自修改样式或者盗用，这是对于用户选择权的尊重。--><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:fs="http://www.feedsky.com/namespace/feed" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><atom:link href="http://feed.feedsky.com/1haideas" type="application/rss+xml" rel="self"></atom:link><fs:self_link href="http://feed.feedsky.com/1haideas" type="application/rss+xml"></fs:self_link><lastBuildDate>Tue, 07 Dec 2010 08:29:25 GMT</lastBuildDate><title>1haideas UX Team</title><description>一嗨租车UX团队</description><link>http://www.1haideas.com</link><sy:updatePeriod>hourly</sy:updatePeriod><sy:updateFrequency>1</sy:updateFrequency><language>en</language><pubDate>Tue, 07 Dec 2010 08:36:05 GMT</pubDate><item><title>EDM邮件营销的那些事</title><link>http://www.1haideas.com/?p=363</link><content:encoded>&lt;p&gt;&lt;img class=&quot;alignnone size-full wp-image-364&quot; title=&quot;20101126&quot; src=&quot;http://www.1haideas.com/wp-content/uploads/2010/12/20101126.png&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;200&quot; /&gt;&lt;/p&gt;
&lt;p&gt;EDM现在已经是电商营销的必备的环节，作为用户，每天都会收到好多EDM，吃喝玩乐样样都有。但反过来作为EDM策划者或者设计师，面对如此多的“竞争对手”，我们如何才能变得“独一无二”。(若你希望成为一个好的EDM营销人员，时刻收集EDM，一定要成为你的好习惯。)&lt;/p&gt;
&lt;h3&gt;1. 确定EDM的种类&lt;/h3&gt;
&lt;p&gt;EDM分很多种类，不同的EDM所要表达的东西都不一样，不全是进行销售，营销，也可能是别的。所以对于不同种类的EDM，需要调整到合适的方向。 &lt;/p&gt;
&lt;p&gt;通常我们把EDM分为以下四类：&lt;/p&gt;
&lt;p&gt;&lt;b&gt;纯文字类型&lt;/b&gt;：适用于对顾客进行通知和简单的互动反馈，文字内容又较易于格式化的，例如：注册确认，注册成功，订单成功，账单等&lt;span id=&quot;more-363&quot;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;商品促销类型&lt;/b&gt;：如名字，适合用于商品销售，大多数电商临售网站都用这类型的模板，例如：6pm邮件，京东促销邮件&lt;/p&gt;
&lt;p&gt;&lt;b&gt;活动及功能上线类型&lt;/b&gt;：团购将这类型的EDM发挥了极致，差不多整个页面就是团购网站的缩小版，言归正传，这类型的EDM最适合一些需要强力push的活动。例如：淘宝商城1111活动&lt;/p&gt;
&lt;p&gt;&lt;b&gt;信息推送类型&lt;/b&gt;：定期将信息类推送给用户，比较适合此类型的EDM，例如：infoQ的信息推送等&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=254&quot;&gt;EDM分析上（设计事项，纯文字类型）&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=277&quot;&gt;EDM分析下（促销样式分析，活动及功能上线模式分析）&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.yummyux.com/?p=164&amp;#038;nucrss=1&quot;&gt;从一封营销邮件说起 &lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.ikent.me/blog/2313#&quot;&gt;关于系统邮件的设计&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://ued.koubei.com/?p=1021&quot;&gt;如何设计注册激活邮件&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;2. 开始编写代码&lt;/h3&gt;
&lt;p&gt;由于不在自家服务器上，EDM中的代码和普通网页是有区别的，代码编写和普通网页是有区别的，有如下几个地方可以注意一下&lt;/p&gt;
&lt;p&gt;&lt;b&gt;乱码&lt;/b&gt;：你没法知道所有用户的系统环境，因此使用utf8来避免乱码是非常重要的&lt;/p&gt;
&lt;p&gt;&lt;b&gt;绝对URL&lt;/b&gt;：若是相对URL,用户在打开页面是将看不到图片&lt;/p&gt;
&lt;p&gt;&lt;b&gt;图片Alt属性&lt;/b&gt;：大多数邮件服务器都屏蔽图片，所以在一片红叉的时候，你能够让用户看到图片原本的意义是很重要的。&lt;/p&gt;
&lt;p&gt;&lt;b&gt;图片压缩&lt;/b&gt;：打开的时间越短，用户看到的越快，还从服务器压力来说，对于图片的压缩也是需要的。&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Table布局与内联样式&lt;/b&gt;：90%的服务对Table布局支持都很好，而DIV却无法得到很好的兼容，所以推荐使用table来制作，同时CSS也推荐使用内联样式来进行制作。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://www.mailchimp.com/labs/inlinecss.php&quot;&gt;CSS内联转化器&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.cnscorpio.cn/2009/01/html-mail/&quot;&gt;爱恨交加的HTML邮件&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;3.EDM的发送&lt;/h3&gt;
&lt;p&gt;请不要忽视这个最简单又最困难的环节，因为这关键到精心制作的EDM是否准确到用户手中，还是白白被扔到了“垃圾邮件”文件夹中。还有选择合适的发送时间也是一个勾引用户看EDM的好方法。&lt;/p&gt;
&lt;p&gt;&lt;b&gt;好的邮件标题&lt;/b&gt;：在打开邮件前，最先入眼的就是邮件标题，这个标题的好坏可以决定用户是否会打开这个邮件。在取名字的时候，重点+简洁有力的文字会是个不错的选择。&lt;/p&gt;
&lt;p&gt;&lt;b&gt;细分顾客&lt;/b&gt;：发送前，一定要好好定位您的客户，哪怕是老客户，针对不同类型的客户发送的EDM要有所区别，别一股脑儿的群发。&lt;/p&gt;
&lt;p&gt;&lt;b&gt;使用专用的发送邮件&lt;/b&gt;：邮件要专业，用户若看到了发件人是“tom02191@gmail.com”，绝对会降低您的第一印象，请选择个专业的邮件。&lt;/p&gt;
&lt;p&gt;&lt;b&gt;选择合适的发送时间&lt;/b&gt;：各大知名电子商务邮件，大部分集中在“&lt;b&gt;11-13点&lt;/b&gt;”（京东，MasaMaso，Apple，Vancl等），和“&lt;b&gt;7-9点&lt;/b&gt;”（新蛋，团购站等）2个时间段，这2个时间段恰恰是上班族打开电脑，或者疲倦想要休闲一下的时间，这样的话打开EDM和点击EDM的可能性就大大增加了。这样是不是比滥发EDM好呢？&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://www.20ju.com/content/V96601.htm&quot;&gt;电子邮件营销7个不能做的事&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.kdued.com/2009/04/html-mail-2/&quot;&gt;HTML邮件的又一点思考&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;4.数据监测&lt;/h3&gt;
&lt;p&gt;邮件发送后，对邮件的后续的数据监测也是至关重要的，我们要知道邮件的到达率，打开率，点击率&amp;#8230;..等各方面的数据，来判断这份EDM设计的好坏，也可以帮助到我们下次的设计。&lt;/p&gt;
&lt;p&gt;&lt;b&gt;监测的数据&lt;/b&gt;：对于数据，这篇文章说的很清楚《&lt;a href=&quot;http://www.20ju.com/content/V87490.htm&quot;&gt;邮件营销的核心数据&lt;/a&gt;》&lt;/p&gt;
&lt;p&gt;&lt;b&gt;监测工具&lt;/b&gt;：&lt;a href=&quot;http://www.google.com/intl/zh-CN/analytics/index.html&quot;&gt;Google Analytics&lt;/a&gt;，&lt;a href=&quot;http://www.99click.com/index.html&quot;&gt;99click&lt;/a&gt;，等。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://www.20ju.com/content/V87490.htm&quot;&gt;邮件营销的核心数据&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.webanalyticsway.com/2010/05/31/email-marketing-example-01.html&quot;&gt;一次利用Google Analytics追踪分析邮件营销的实例&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;您可能感兴趣的文章&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=277&quot; title=&quot;EDM分析（下） 2010.09.19&quot;&gt;EDM分析（下）&lt;/a&gt;(1)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=254&quot; title=&quot;EDM分析（上） 2010.09.19&quot;&gt;EDM分析（上）&lt;/a&gt;(1)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=14&quot; title=&quot;网址(url)中藏着的秘密 2010.03.21&quot;&gt;网址(url)中藏着的秘密&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=23&quot; title=&quot;UI是什么？ 2009.11.27&quot;&gt;UI是什么？&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=21&quot; title=&quot;用Google Doc创建一个适合自己的GTD工具 2009.11.9&quot;&gt;用Google Doc创建一个适合自己的GTD工具&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=28&quot; title=&quot;电子商务网站导航设计探讨 2009.10.27&quot;&gt;电子商务网站导航设计探讨&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=38&quot; title=&quot;w3c中的对比度分析 2009.02.12&quot;&gt;w3c中的对比度分析&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=40&quot; title=&quot;如何做SEO之“关键词” 2009.01.3&quot;&gt;如何做SEO之“关键词”&lt;/a&gt;(2)&lt;/li&gt;
&lt;/ul&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/445818753/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=363&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818753/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818753/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.1haideas.com/?feed=rss2&amp;p=363</wfw:commentRss><slash:comments>0</slash:comments><description>EDM现在已经是电商营销的必备的环节，作为用户，每天都会收到好多EDM，吃喝玩乐样样都有。但反过来作为EDM策划者或者设计师，面对如此多的“竞争对手”，我们如何才能变得“独一无二”。(若你希望成为一个好的EDM营销人员，时刻收集EDM，一定要成为你的好习惯。) 1. 确定EDM的种类 EDM分很多种类，不同的EDM所要表达的东西都不一样，不全是进行销售，营销，也可能是别的。所以对于不同种类的EDM，需要调整到合适的方向。 通常我们把EDM分为以下四类： 纯文字类型：适用于对顾客进行通知和简单的互动反馈，文字内容又较易于格式化的，例如：注册确认，注册成功，订单成功，账单等 商品促销类型：如名字，适合用于商品销售，大多数电商临售网站都用这类型的模板，例如：6pm邮件，京东促销邮件 活动及功能上线类型：团购将这类型的EDM发挥了极致，差不多整个页面就是团购网站的缩小版，言归正传，这类型的EDM最适合一些需要强力push的活动。例如：淘宝商城1111活动 信息推送类型：定期将信息类推送给用户，比较适合此类型的EDM，例如：infoQ的信息推送等 EDM分析上（设计事项，纯文字类型） EDM分析下（促销样式分析，活动及功能上线模式分析） 从一封营销邮件说起 关于系统邮件的设计 如何设计注册激活邮件 2. 开始编写代码 由于不在自家服务器上，EDM中的代码和普通网页是有区别的，代码编写和普通网页是有区别的，有如下几个地方可以注意一下 乱码：你没法知道所有用户的系统环境，因此使用utf8来避免乱码是非常重要的 绝对URL：若是相对URL,用户在打开页面是将看不到图片 图片Alt属性：大多数邮件服务器都屏蔽图片，所以在一片红叉的时候，你能够让用户看到图片原本的意义是很重要的。 图片压缩：打开的时间越短，用户看到的越快，还从服务器压力来说，对于图片的压缩也是需要的。 Table布局与内联样式：90%的服务对Table布局支持都很好，而DIV却无法得到很好的兼容，所以推荐使用table来制作，同时CSS也推荐使用内联样式来进行制作。 CSS内联转化器 爱恨交加的HTML邮件 3.EDM的发送 请不要忽视这个最简单又最困难的环节，因为这关键到精心制作的EDM是否准确到用户手中，还是白白被扔到了“垃圾邮件”文件夹中。还有选择合适的发送时间也是一个勾引用户看EDM的好方法。 好的邮件标题：在打开邮件前，最先入眼的就是邮件标题，这个标题的好坏可以决定用户是否会打开这个邮件。在取名字的时候，重点+简洁有力的文字会是个不错的选择。 细分顾客：发送前，一定要好好定位您的客户，哪怕是老客户，针对不同类型的客户发送的EDM要有所区别，别一股脑儿的群发。 使用专用的发送邮件：邮件要专业，用户若看到了发件人是“tom02191@gmail.com”，绝对会降低您的第一印象，请选择个专业的邮件。 选择合适的发送时间：各大知名电子商务邮件，大部分集中在“11-13点”（京东，MasaMaso，Apple，Vancl等），和“7-9点”（新蛋，团购站等）2个时间段，这2个时间段恰恰是上班族打开电脑，或者疲倦想要休闲一下的时间，这样的话打开EDM和点击EDM的可能性就大大增加了。这样是不是比滥发EDM好呢？ 电子邮件营销7个不能做的事 HTML邮件的又一点思考 4.数据监测 邮件发送后，对邮件的后续的数据监测也是至关重要的，我们要知道邮件的到达率，打开率，点击率&amp;#8230;..等各方面的数据，来判断这份EDM设计的好坏，也可以帮助到我们下次的设计。 监测的数据：对于数据，这篇文章说的很清楚《邮件营销的核心数据》 监测工具：Google Analytics，99click，等。 邮件营销的核心数据 一次利用Google Analytics追踪分析邮件营销的实例 您可能感兴趣的文章EDM分析（下）(1) EDM分析（上）(1) 网址(url)中藏着的秘密(0) UI是什么？(0) 用Google Doc创建一个适合自己的GTD工具(0) 电子商务网站导航设计探讨(0) w3c中的对比度分析(0) 如何做SEO之“关键词”(2)&lt;img src=&quot;http://www1.feedsky.com/t1/445818753/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=363&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818753/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818753/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>网络营销</category><category>EDM</category><category>ico</category><pubDate>Tue, 07 Dec 2010 16:29:25 +0800</pubDate><author>ICO</author><comments>http://www.1haideas.com/?p=363#comments</comments><guid isPermaLink="false">http://www.1haideas.com/?p=363</guid><dc:creator>ICO</dc:creator><fs:srclink>http://www.1haideas.com/?p=363</fs:srclink><fs:srcfeed>http://www.1haideas.com/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/1haideas/~8294451/445818753/6384397</fs:itemid></item><item><title>网站V5的一些想法</title><link>http://www.1haideas.com/?p=316</link><content:encoded>&lt;p&gt;V5即将到来，面对“全新”的V5，前端这块自然也要借这次改版的机会，将我们前端的一些想法实践到V5中去，实现一次跨越。&lt;/p&gt;
&lt;h5&gt;1 尝试模块化的代码书写(html、css等)&lt;/h5&gt;
&lt;p&gt;模块化的目的是为了提高代码的重用性、扩展性、可维护性&lt;/p&gt;
&lt;h5&gt;2 文件引用使用绝对路径，图片、CSS、Js等静态文件从另外的域名（服务器）请求&lt;/h5&gt;
&lt;p&gt;使用绝对路径可以解决文件路径引用问题，静态文件单独从静态服务器请求有利于减轻主服务器的压力，并且提高静态文件并行载入的能力从而提高页面性能&lt;/p&gt;
&lt;h5&gt;3 推广使用css sprites，css文件压缩，js文件压缩，图片文件压缩&lt;/h5&gt;
&lt;p&gt;这些措施都将提高页面性能&lt;/p&gt;
&lt;h5&gt;4 重新规划站点的文件（目录）结构（细分，分门别类）&lt;/h5&gt;
&lt;p&gt;目的是为了方便开发、管理、维护&lt;/p&gt;
&lt;h5&gt;5 尝试使用html5的文档类型&lt;/h5&gt;
&lt;p&gt;html5作为未来的html标准已渐成定局，作为一种面向未来的尝试也未尝不可&lt;/p&gt;
&lt;h5&gt;6 推出前端开发规范V1.0&lt;/h5&gt;
&lt;p&gt;作为团队工作的一种规范指引，推出前端开发之间的规范显得尤为需要，它将使我们的前端工作统一、高效&lt;/p&gt;
&lt;p&gt;以上所说的种种总的来说分为2大块，即前端性能优化和前端规范。目的是提高页面的前端性能和规范前端工作，最终的目的就是提升用户体验。&lt;/p&gt;
&lt;h3&gt;您可能感兴趣的文章&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;0&lt;/li&gt;&lt;/ul&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/445818754/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=316&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818754/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818754/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.1haideas.com/?feed=rss2&amp;p=316</wfw:commentRss><slash:comments>1</slash:comments><description>V5即将到来，面对“全新”的V5，前端这块自然也要借这次改版的机会，将我们前端的一些想法实践到V5中去，实现一次跨越。 1 尝试模块化的代码书写(html、css等) 模块化的目的是为了提高代码的重用性、扩展性、可维护性 2 文件引用使用绝对路径，图片、CSS、Js等静态文件从另外的域名（服务器）请求 使用绝对路径可以解决文件路径引用问题，静态文件单独从静态服务器请求有利于减轻主服务器的压力，并且提高静态文件并行载入的能力从而提高页面性能 3 推广使用css sprites，css文件压缩，js文件压缩，图片文件压缩 这些措施都将提高页面性能 4 重新规划站点的文件（目录）结构（细分，分门别类） 目的是为了方便开发、管理、维护 5 尝试使用html5的文档类型 html5作为未来的html标准已渐成定局，作为一种面向未来的尝试也未尝不可 6 推出前端开发规范V1.0 作为团队工作的一种规范指引，推出前端开发之间的规范显得尤为需要，它将使我们的前端工作统一、高效 以上所说的种种总的来说分为2大块，即前端性能优化和前端规范。目的是提高页面的前端性能和规范前端工作，最终的目的就是提升用户体验。 您可能感兴趣的文章0&lt;img src=&quot;http://www1.feedsky.com/t1/445818754/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=316&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818754/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818754/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>前端性能，用户体验</category><category>前端分享</category><category>团队分享</category><pubDate>Thu, 07 Oct 2010 15:44:00 +0800</pubDate><author>code</author><comments>http://www.1haideas.com/?p=316#comments</comments><guid isPermaLink="false">http://www.1haideas.com/?p=316</guid><dc:creator>code</dc:creator><fs:srclink>http://www.1haideas.com/?p=316</fs:srclink><fs:srcfeed>http://www.1haideas.com/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/1haideas/~8294451/445818754/6384397</fs:itemid></item><item><title>EDM分析（下）</title><link>http://www.1haideas.com/?p=277</link><content:encoded>&lt;h3&gt;促销邮件样式分析&lt;/h3&gt;
&lt;h4&gt;优惠、短期的推广&lt;/h4&gt;
&lt;p&gt;&lt;img src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/edmpizzahut1.png&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;690&quot; class=&quot;alignleft size-full wp-image-278&quot; /&gt;&lt;/p&gt;
&lt;p&gt;商家的优惠活动，所以在设计时突出了主要的折扣信息以及限时优惠的时间，诸如此类的EDM最直观的将一个折扣力度放在主要部位，促进收益增长。&lt;br /&gt;
•折扣信息醒目&lt;br /&gt;
•颜色区分突显网上订购按钮&lt;br /&gt;
•活动剩余时间新颖&lt;br /&gt;
&lt;span id=&quot;more-277&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;img src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/endMC1.png&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;890&quot; class=&quot;alignleft size-full wp-image-279&quot; /&gt;&lt;br /&gt;
不同于线上订购可以看到实际的营业额增长，用意在于推广。&lt;br /&gt;
没有过多的文字介绍，清晰简洁表明优惠形式。 &lt;/p&gt;
&lt;h5&gt;增加公司营业额\吸纳会员和新客户\建立公司品牌形象 &lt;/h5&gt;
&lt;p&gt;&lt;img src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/edmBESTBUY3.png&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;418&quot; class=&quot;alignleft size-full wp-image-280&quot; /&gt;&lt;br /&gt;
&lt;img src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/edmBESTBUY12.png&quot; alt=&quot;&quot; width=&quot;300&quot; height=&quot;211&quot; class=&quot;alignleft size-full wp-image-281&quot; /&gt;&lt;img src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/edmBESTBUY22.png&quot; alt=&quot;&quot; width=&quot;300&quot; height=&quot;211&quot; class=&quot;alignleft size-full wp-image-282&quot; /&gt;&lt;br /&gt;
•商场的促销特惠活动，商品比较繁杂。 因此形式采用翻页来展现。&lt;br /&gt;
•排列出优惠商品,折扣分类注明。底色也采用品牌特有的明黄色。&lt;/p&gt;
&lt;h4&gt;促销邮件样式&lt;/h4&gt;
&lt;p&gt;•邮件用色都较鲜艳，用色主要都以公司LOGO或者常用色为主&lt;br /&gt;
•促销优惠的形式很直观，强调折扣力度或直接采用产品图片展示&lt;br /&gt;
•说明性的文字相对比较少，图片相对多&lt;br /&gt;
•EDM长度不会过长，简单精炼&lt;/p&gt;
&lt;h3&gt;活动及功能上线模式分析&lt;/h3&gt;
&lt;p&gt;&lt;img src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/EDMhuodongx2.png&quot; alt=&quot;&quot; width=&quot;601&quot; height=&quot;166&quot; class=&quot;alignleft size-full wp-image-285&quot; /&gt;&lt;/p&gt;
&lt;h4&gt;如何吸引顾客&lt;/h4&gt;
&lt;p&gt;•现在，很多企业，品牌，网站等，都用起了EDM来做宣传；那么，在繁多的邮件里，应该让画面更加富设计感，吸引顾客留步。&lt;br /&gt;
•活动及功能上线的EDM，目的是为了吸引顾客参加，消费；所以最好能让画面感觉有动感，活泼的感覺。&lt;br /&gt;
•内容不应过分庞大，过大的邮件不会受到欢迎：首先，是由于用户邮箱空间有限，字节数太大的邮件会成为用户删除的首选对象；其次，由于网络速度的原因，接收/打开较大的邮件耗费时间也越多；第三，太多的信息量让读者很难一下子接受，反而降低了Email营销的有效性。因此，应该注意控制邮件内容数量，不要过多的栏目和话题，如果确实有大量的信息，可充分利用链接的功能，在内容摘要后面给出一个URL，如果用户有兴趣，可以通过点击链接到网页浏览。&lt;br /&gt;
•全文字的画面过于生硬，没有吸引力；文字放太多，甚至会让人感觉头晕。图片和素材比起文字看起来会让画面更丰富，可是不能单放图片。这样会让客户搞不清你要说什么，宣传什么。&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/EDMxinpingshangxin2.png&quot; alt=&quot;&quot; width=&quot;599&quot; height=&quot;166&quot; class=&quot;alignleft size-full wp-image-286&quot; /&gt;&lt;/p&gt;
&lt;h4&gt;一个好的活动及功能上线EDM设计应该遵循以下几个框架要素&lt;/h4&gt;
&lt;h5&gt;•内容要聚焦：&lt;/h5&gt;
&lt;p&gt;目的是为了吸引参加活动的，就全篇是活动，目的是为了吸引注册的，就突出注册价值，一定要围绕一个核心内容，突出主题，不要妄图通过一个邮件就把所有的事情都做了。&lt;/p&gt;
&lt;h5&gt;•激励要合适：&lt;/h5&gt;
&lt;p&gt;用户不会莫名其妙的就看你的邮件给你反馈，一定是有激励手段，激励手段的应用一定是针对不同的目标客户用不同的激励方法，就好像你肯定不能给针对管理人群提供娃娃做奖品一样。&lt;/p&gt;
&lt;h5&gt;•设计要有针对性：&lt;/h5&gt;
&lt;p&gt;不同的目标人群会喜欢不一样的邮件设计风格，女人喜欢时尚的、可爱的、温馨的，商务人群喜欢简单的、大气的……&lt;/p&gt;
&lt;h3&gt;嗨友会模式分析&lt;/h3&gt;
&lt;p&gt;&lt;img src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/edm1haiclub1_conew1.png&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;421&quot; class=&quot;alignleft size-full wp-image-287&quot; /&gt;&lt;/p&gt;
&lt;h3&gt;您可能感兴趣的文章&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=254&quot; title=&quot;EDM分析（上） 2010.09.19&quot;&gt;EDM分析（上）&lt;/a&gt;(1)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=363&quot; title=&quot;EDM邮件营销的那些事 2010.12.7&quot;&gt;EDM邮件营销的那些事&lt;/a&gt;(0)&lt;/li&gt;
&lt;/ul&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/445818755/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=277&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818755/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818755/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.1haideas.com/?feed=rss2&amp;p=277</wfw:commentRss><slash:comments>1</slash:comments><description>促销邮件样式分析 优惠、短期的推广 商家的优惠活动，所以在设计时突出了主要的折扣信息以及限时优惠的时间，诸如此类的EDM最直观的将一个折扣力度放在主要部位，促进收益增长。 •折扣信息醒目 •颜色区分突显网上订购按钮 •活动剩余时间新颖 不同于线上订购可以看到实际的营业额增长，用意在于推广。 没有过多的文字介绍，清晰简洁表明优惠形式。 增加公司营业额\吸纳会员和新客户\建立公司品牌形象 •商场的促销特惠活动，商品比较繁杂。 因此形式采用翻页来展现。 •排列出优惠商品,折扣分类注明。底色也采用品牌特有的明黄色。 促销邮件样式 •邮件用色都较鲜艳，用色主要都以公司LOGO或者常用色为主 •促销优惠的形式很直观，强调折扣力度或直接采用产品图片展示 •说明性的文字相对比较少，图片相对多 •EDM长度不会过长，简单精炼 活动及功能上线模式分析 如何吸引顾客 •现在，很多企业，品牌，网站等，都用起了EDM来做宣传；那么，在繁多的邮件里，应该让画面更加富设计感，吸引顾客留步。 •活动及功能上线的EDM，目的是为了吸引顾客参加，消费；所以最好能让画面感觉有动感，活泼的感覺。 •内容不应过分庞大，过大的邮件不会受到欢迎：首先，是由于用户邮箱空间有限，字节数太大的邮件会成为用户删除的首选对象；其次，由于网络速度的原因，接收/打开较大的邮件耗费时间也越多；第三，太多的信息量让读者很难一下子接受，反而降低了Email营销的有效性。因此，应该注意控制邮件内容数量，不要过多的栏目和话题，如果确实有大量的信息，可充分利用链接的功能，在内容摘要后面给出一个URL，如果用户有兴趣，可以通过点击链接到网页浏览。 •全文字的画面过于生硬，没有吸引力；文字放太多，甚至会让人感觉头晕。图片和素材比起文字看起来会让画面更丰富，可是不能单放图片。这样会让客户搞不清你要说什么，宣传什么。 一个好的活动及功能上线EDM设计应该遵循以下几个框架要素 •内容要聚焦： 目的是为了吸引参加活动的，就全篇是活动，目的是为了吸引注册的，就突出注册价值，一定要围绕一个核心内容，突出主题，不要妄图通过一个邮件就把所有的事情都做了。 •激励要合适： 用户不会莫名其妙的就看你的邮件给你反馈，一定是有激励手段，激励手段的应用一定是针对不同的目标客户用不同的激励方法，就好像你肯定不能给针对管理人群提供娃娃做奖品一样。 •设计要有针对性： 不同的目标人群会喜欢不一样的邮件设计风格，女人喜欢时尚的、可爱的、温馨的，商务人群喜欢简单的、大气的…… 嗨友会模式分析 您可能感兴趣的文章EDM分析（上）(1) EDM邮件营销的那些事(0)&lt;img src=&quot;http://www1.feedsky.com/t1/445818755/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=277&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818755/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818755/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>交互设计</category><category>doris</category><category>EDM</category><pubDate>Sun, 19 Sep 2010 14:21:49 +0800</pubDate><author>doris</author><comments>http://www.1haideas.com/?p=277#comments</comments><guid isPermaLink="false">http://www.1haideas.com/?p=277</guid><dc:creator>doris</dc:creator><fs:srclink>http://www.1haideas.com/?p=277</fs:srclink><fs:srcfeed>http://www.1haideas.com/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/1haideas/~8294451/445818755/6384397</fs:itemid></item><item><title>EDM分析（上）</title><link>http://www.1haideas.com/?p=254</link><content:encoded>&lt;p&gt;&lt;img class=&quot;alignleft size-full wp-image-271&quot; src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/17.09.2010_edm_conew1.png&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;166&quot; /&gt;&lt;/p&gt;
&lt;h4&gt; 什么是EDM &lt;/h4&gt;
&lt;p&gt;•EDM 是 Email Direct Marketing 的缩写，即电子邮件营销。企业可以通过EDM建立同目标顾客的沟通渠道，向其直接传达相关信息，用来促进销售。&lt;br /&gt;
•可以发送电子广告、产品信息、销售信息、市场调查、市场推广活动信息等。&lt;/p&gt;
&lt;h4&gt;2.EDM用途 &lt;/h4&gt;
&lt;p&gt;•推介公司新产品&lt;br /&gt;
•优惠或短期推广&lt;br /&gt;
•建立公司品牌形象&lt;br /&gt;
•吸纳会员或新客戶&lt;/p&gt;
&lt;p&gt;&lt;img class=&quot;alignleft size-full wp-image-256&quot; src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/edmfenlei_conew2.png&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;360&quot; /&gt;&lt;br /&gt;
&lt;span id=&quot;more-254&quot;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h4&gt;EDM的优点 &lt;/h4&gt;
&lt;h5&gt;•精准直效：&lt;/h5&gt;
&lt;p&gt; 可以精确筛选发送对象，将特定的推广信息投递到特定的目标社群。&lt;/p&gt;
&lt;h5&gt;•个性化定制： &lt;/h5&gt;
&lt;p&gt;根据社群的差异，制定个性化内容，让企业根据用户的的需要提供最有价值的信息。 &lt;/p&gt;
&lt;h5&gt;•信息丰富，全面：&lt;/h5&gt;
&lt;p&gt; 文本，图片，动画，音频，视频，超级链接都可以在EDM中体现。&lt;/p&gt;
&lt;h5&gt;•具备追踪分析能力 ：&lt;/h5&gt;
&lt;p&gt;根据用户的行为，统计打开邮件， 点击数并加以分析，获取销售线索。 &lt;/p&gt;
&lt;h4&gt;EDM注意事項&lt;/h4&gt;
&lt;p&gt;&lt;img class=&quot;alignleft size-full wp-image-257&quot; src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/youaEDM11.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;337&quot; /&gt;&lt;/p&gt;
&lt;h5&gt;•标题：&lt;/h5&gt;
&lt;p&gt;务必吸引人。但是前提是要表述清楚内容同时不要过长。&lt;/p&gt;
&lt;h5&gt;•页面内容：&lt;/h5&gt;
&lt;p&gt;因为使用图片无可避免，但是，重要的内容请务必使用文字，哪怕是使用了图片也务必给出文字标识！这点上有的EDM做的很棒，有啊的EDM页头是LOGO+主导航的模式，LOGO使用了Alt属性，同时主导航是直接实用的文字链接的形式。这样就算整个邮件图片被屏蔽了重要的信息还是可以显示出来。&lt;/p&gt;
&lt;h5&gt;•图片的使用：&lt;/h5&gt;
&lt;p&gt;建议给每个图片一个固定的宽度和高度及Alt属性标识，同时，注意不要使用背景图片。&lt;/p&gt;
&lt;h5&gt;•页面的宽度：&lt;/h5&gt;
&lt;p&gt;建议控制在650px以下。使用650px，因为这个宽度不管是对于2栏还是3栏的设计都比较容易布局(刨除10px的间隙，然后再整除一下，很明显这个数字比较容易搞定)。&lt;/p&gt;
&lt;h5&gt;•引导：&lt;/h5&gt;
&lt;p&gt;一般的EDM都会在web端留一个源地址，所以，请在你的EDM的明显位置给出一个超链接，“如果图片无法显示请点击这里查看”，这样就算被屏蔽了也能引导部分用户。&lt;/p&gt;
&lt;h5&gt;•一致性：&lt;/h5&gt;
&lt;p&gt;如果您会定期发送EDM，请注意使用统一的风格，主要是页头和页尾的风格统一。如果，你是有期刊号的请将期刊号和时间也一并加入！&lt;br /&gt;
&amp;lt;h5•提醒：&lt;/h5&gt;
&lt;p&gt;请将如何退订、如何联系等必要的内容放在页面的底部，做个彬彬有礼的推广者。同时，如果您愿意提供退订按钮，请务必试着实现一键退订…&lt;/p&gt;
&lt;h5&gt;•补充：&lt;/h5&gt;
&lt;p&gt;系统邮件的制作应该随时注意按照邮件的玩法来走，打开速度要快；页面不要过长，建议在2屏内。&lt;/p&gt;
&lt;h3&gt;纯文字EDM样式分析&lt;/h3&gt;
&lt;h4&gt;传统纯文字样式的作用 &lt;/h4&gt;
&lt;h5&gt;开发潜在客户&lt;/h5&gt;
&lt;p&gt;•来自陌生人的邮件&lt;br /&gt;
•邮件内容简洁,有一定的诱惑性&lt;br /&gt;
•留有联系方式或者相关链接&lt;/p&gt;
&lt;p&gt;&lt;img class=&quot;alignleft size-full wp-image-261&quot; src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/edmmm1.png&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;430&quot; /&gt;&lt;br /&gt;
EDM可以较低的成本开发潜在顾客。关键是要解决E-Mail地址的来源。&lt;br /&gt;
网站需要维护自己的形象，最好的途径就是寻找顾客群类似的商家，进行资源交换或合作，向自己的资源推荐对方的产品与服务。&lt;/p&gt;
&lt;h5&gt;辅助网站推销&lt;/h5&gt;
&lt;p&gt;•一般针对会员等老用户&lt;br /&gt;
•辅助网站推广&lt;br /&gt;
&lt;img class=&quot;alignleft size-full wp-image-262&quot; src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/edmhk19.092.png&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;589&quot; /&gt;&lt;/p&gt;
&lt;h5&gt;提高售后质量 &lt;/h5&gt;
&lt;p&gt;•及时通知客户账户信息&lt;/p&gt;
&lt;p&gt;&lt;img class=&quot;alignleft size-full wp-image-264&quot; src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/edmjiaoxiang6001.png&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;674&quot; /&gt;&lt;br /&gt;
•及时通知客户订单的状态；&lt;br /&gt;
•及时发送确认购买的邮件，通过祝贺其购买成功，如果有问题可以与商家沟通等措辞，安抚顾客情绪，也可以在一定程度上减少退货率，提高顾客满意度。&lt;/p&gt;
&lt;p&gt;&lt;img class=&quot;alignleft size-full wp-image-265&quot; src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/edmzhifubao_conew12.png&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;713&quot; /&gt;&lt;/p&gt;
&lt;h5&gt;维护客户关系 &lt;/h5&gt;
&lt;p&gt;•经常与用户进行沟通；&lt;br /&gt;
•对于深度沉睡用户，需要加大促销力度；&lt;/p&gt;
&lt;p&gt;&lt;img class=&quot;alignleft size-full wp-image-266&quot; src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/edmvancl1.png&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;630&quot; /&gt;&lt;br /&gt;
•提醒顾客，可以激活一部分沉睡顾客；&lt;br /&gt;
&lt;img class=&quot;alignleft size-full wp-image-267&quot; src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/edmbaidu1.png&quot; alt=&quot;&quot; width=&quot;599&quot; height=&quot;437&quot; /&gt;&lt;/p&gt;
&lt;h4&gt;小结：&lt;/h4&gt;
&lt;p&gt;•目前，已经进入了一个读图时代，纯文字EDM能够一直延用至今的最基本的原因是所占空间小，收发速度快，成本低。&lt;br /&gt;
•另外，对于维护与老用户的关系，一些简单的提醒和引导，更容易被用户所接受。&lt;/p&gt;
&lt;h3&gt;您可能感兴趣的文章&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=277&quot; title=&quot;EDM分析（下） 2010.09.19&quot;&gt;EDM分析（下）&lt;/a&gt;(1)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=363&quot; title=&quot;EDM邮件营销的那些事 2010.12.7&quot;&gt;EDM邮件营销的那些事&lt;/a&gt;(0)&lt;/li&gt;
&lt;/ul&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/445818756/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=254&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818756/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818756/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.1haideas.com/?feed=rss2&amp;p=254</wfw:commentRss><slash:comments>1</slash:comments><description>什么是EDM •EDM 是 Email Direct Marketing 的缩写，即电子邮件营销。企业可以通过EDM建立同目标顾客的沟通渠道，向其直接传达相关信息，用来促进销售。 •可以发送电子广告、产品信息、销售信息、市场调查、市场推广活动信息等。 2.EDM用途 •推介公司新产品 •优惠或短期推广 •建立公司品牌形象 •吸纳会员或新客戶 EDM的优点 •精准直效： 可以精确筛选发送对象，将特定的推广信息投递到特定的目标社群。 •个性化定制： 根据社群的差异，制定个性化内容，让企业根据用户的的需要提供最有价值的信息。 •信息丰富，全面： 文本，图片，动画，音频，视频，超级链接都可以在EDM中体现。 •具备追踪分析能力 ： 根据用户的行为，统计打开邮件， 点击数并加以分析，获取销售线索。 EDM注意事項 •标题： 务必吸引人。但是前提是要表述清楚内容同时不要过长。 •页面内容： 因为使用图片无可避免，但是，重要的内容请务必使用文字，哪怕是使用了图片也务必给出文字标识！这点上有的EDM做的很棒，有啊的EDM页头是LOGO+主导航的模式，LOGO使用了Alt属性，同时主导航是直接实用的文字链接的形式。这样就算整个邮件图片被屏蔽了重要的信息还是可以显示出来。 •图片的使用： 建议给每个图片一个固定的宽度和高度及Alt属性标识，同时，注意不要使用背景图片。 •页面的宽度： 建议控制在650px以下。使用650px，因为这个宽度不管是对于2栏还是3栏的设计都比较容易布局(刨除10px的间隙，然后再整除一下，很明显这个数字比较容易搞定)。 •引导： 一般的EDM都会在web端留一个源地址，所以，请在你的EDM的明显位置给出一个超链接，“如果图片无法显示请点击这里查看”，这样就算被屏蔽了也能引导部分用户。 •一致性： 如果您会定期发送EDM，请注意使用统一的风格，主要是页头和页尾的风格统一。如果，你是有期刊号的请将期刊号和时间也一并加入！ &amp;#60;h5•提醒： 请将如何退订、如何联系等必要的内容放在页面的底部，做个彬彬有礼的推广者。同时，如果您愿意提供退订按钮，请务必试着实现一键退订… •补充： 系统邮件的制作应该随时注意按照邮件的玩法来走，打开速度要快；页面不要过长，建议在2屏内。 纯文字EDM样式分析 传统纯文字样式的作用 开发潜在客户 •来自陌生人的邮件 •邮件内容简洁,有一定的诱惑性 •留有联系方式或者相关链接 EDM可以较低的成本开发潜在顾客。关键是要解决E-Mail地址的来源。 网站需要维护自己的形象，最好的途径就是寻找顾客群类似的商家，进行资源交换或合作，向自己的资源推荐对方的产品与服务。 辅助网站推销 •一般针对会员等老用户 •辅助网站推广 提高售后质量 •及时通知客户账户信息 •及时通知客户订单的状态； [...]&lt;img src=&quot;http://www1.feedsky.com/t1/445818756/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=254&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818756/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818756/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>交互设计</category><category>doris</category><category>EDM</category><pubDate>Sun, 19 Sep 2010 13:59:04 +0800</pubDate><author>doris</author><comments>http://www.1haideas.com/?p=254#comments</comments><guid isPermaLink="false">http://www.1haideas.com/?p=254</guid><dc:creator>doris</dc:creator><fs:srclink>http://www.1haideas.com/?p=254</fs:srclink><fs:srcfeed>http://www.1haideas.com/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/1haideas/~8294451/445818756/6384397</fs:itemid></item><item><title>焦点图分析</title><link>http://www.1haideas.com/?p=172</link><content:encoded>&lt;p&gt;&lt;img src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/164818LYa.jpg&quot; alt=&quot;&quot; width=&quot;650&quot; height=&quot;135&quot; class=&quot;alignnone size-full wp-image-173&quot; /&gt;&lt;/p&gt;
&lt;h4&gt;评论&lt;/h4&gt;
&lt;h5&gt;设计&lt;/h5&gt;
&lt;p&gt;designer思维创新并且细腻，用非洲最有代表性的野生动物作为灵感的思路和主角，非常贴合世界杯的主题；把素材夸张化，增添了banner生动活泼的感觉。&lt;/p&gt;
&lt;h5&gt;主色&lt;/h5&gt;
&lt;p&gt;底色选用鲜明的翠绿色，既能配合世界杯，也能强化视觉效果。&lt;/p&gt;
&lt;h5&gt;排版&lt;/h5&gt;
&lt;p&gt;画面满满的，能带出喜庆感；排版以“小大小”形式设计，这种排版最安全；虽然使用了大量素材，但是banner并不会让人有眼花缭乱。&lt;/p&gt;
&lt;h5&gt;文字&lt;/h5&gt;
&lt;p&gt;一方复杂，一方必要简单；素材被复杂化了，文字只能简单化，这才能做到互补的作用；另外，文字后面加上色块，能帮助文字在亮色的背景上凸显出来。画面有话筒的时候，需要让文字迎着话筒一直往外放大，这才能增加画面的真实度。&lt;/p&gt;
&lt;h5&gt;小结&lt;/h5&gt;
&lt;p&gt;这banner吸引力很强，因为色彩和素材运用得很生动；每一个细节都能和整体配合在一起。可惜这类型的banner并不适合大众化的口味；作为商务网络的我们不大适合这风格，它更适合用在有动感的宣传上，例如嗨友会的宣传。&lt;br /&gt;
&lt;span id=&quot;more-172&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;img src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/164814ByI.jpg&quot; alt=&quot;&quot; width=&quot;650&quot; height=&quot;135&quot; class=&quot;alignnone size-full wp-image-178&quot; /&gt;&lt;/p&gt;
&lt;h4&gt;评价&lt;/h4&gt;
&lt;h5&gt;设计&lt;/h5&gt;
&lt;p&gt;banner的设计思路是水灾。雷电交叉，房屋被洪水淹没，救灾人员英勇地在暴风雨中救洪…&lt;/p&gt;
&lt;h5&gt;主色&lt;/h5&gt;
&lt;p&gt;banner主色调是灰色，带出了世界末日的感觉，贴切地迎合了水灾的主题。&lt;/p&gt;
&lt;h5&gt;排版&lt;/h5&gt;
&lt;p&gt;文字放在背景上面，能带出文字和背景是一体的感觉。&lt;/p&gt;
&lt;h5&gt;文字&lt;/h5&gt;
&lt;p&gt;标题用上斜体，下部份模糊淡化；这手法是想要文字看起来像被风吹跨了，被淹到了；非常切合主題。&lt;/p&gt;
&lt;h5&gt;小结&lt;/h5&gt;
&lt;p&gt;大部分线上客户总是很忙，一般线下广告，他们去看不会超过3秒。所以，要吸引客户留步，除了画面做得精美，生动，有趣…..以外，另一种方法就是像这banner一样，用画面去传达文字的内容。&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;http://www.1haideas.com/wp-content/uploads/2010/09/164731x3N.jpg&quot; alt=&quot;&quot; width=&quot;650&quot; height=&quot;135&quot; class=&quot;alignnone size-full wp-image-179&quot; /&gt;&lt;/p&gt;
&lt;h4&gt;评价&lt;/h4&gt;
&lt;h5&gt;设计&lt;/h5&gt;
&lt;p&gt;主角是火星，所宇宙当作背景；卫星仪在这里增添了banner的活力。&lt;/p&gt;
&lt;h5&gt;排版&lt;/h5&gt;
&lt;p&gt;文字和图分开2部分放；能更容易注意到主题的内容。&lt;/p&gt;
&lt;h5&gt;主色&lt;/h5&gt;
&lt;p&gt;黑色和金黄色，带出宇宙的神秘感。&lt;/p&gt;
&lt;h5&gt;文字&lt;/h5&gt;
&lt;p&gt;文字以直线条形式来排版，整齐干净，很适合商务网使用。用了不同的字体，能强调探索这个词。&lt;/p&gt;
&lt;h5&gt;小结&lt;/h5&gt;
&lt;p&gt;排版简单，稳重；因选用了切合题材的素材，让这banner不会欠缺生动；适合商务网使用。&lt;/p&gt;
&lt;h3&gt;您可能感兴趣的文章&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;0&lt;/li&gt;&lt;/ul&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/445818757/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=172&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818757/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818757/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.1haideas.com/?feed=rss2&amp;p=172</wfw:commentRss><slash:comments>0</slash:comments><description>评论 设计 designer思维创新并且细腻，用非洲最有代表性的野生动物作为灵感的思路和主角，非常贴合世界杯的主题；把素材夸张化，增添了banner生动活泼的感觉。 主色 底色选用鲜明的翠绿色，既能配合世界杯，也能强化视觉效果。 排版 画面满满的，能带出喜庆感；排版以“小大小”形式设计，这种排版最安全；虽然使用了大量素材，但是banner并不会让人有眼花缭乱。 文字 一方复杂，一方必要简单；素材被复杂化了，文字只能简单化，这才能做到互补的作用；另外，文字后面加上色块，能帮助文字在亮色的背景上凸显出来。画面有话筒的时候，需要让文字迎着话筒一直往外放大，这才能增加画面的真实度。 小结 这banner吸引力很强，因为色彩和素材运用得很生动；每一个细节都能和整体配合在一起。可惜这类型的banner并不适合大众化的口味；作为商务网络的我们不大适合这风格，它更适合用在有动感的宣传上，例如嗨友会的宣传。 评价 设计 banner的设计思路是水灾。雷电交叉，房屋被洪水淹没，救灾人员英勇地在暴风雨中救洪… 主色 banner主色调是灰色，带出了世界末日的感觉，贴切地迎合了水灾的主题。 排版 文字放在背景上面，能带出文字和背景是一体的感觉。 文字 标题用上斜体，下部份模糊淡化；这手法是想要文字看起来像被风吹跨了，被淹到了；非常切合主題。 小结 大部分线上客户总是很忙，一般线下广告，他们去看不会超过3秒。所以，要吸引客户留步，除了画面做得精美，生动，有趣…..以外，另一种方法就是像这banner一样，用画面去传达文字的内容。 评价 设计 主角是火星，所宇宙当作背景；卫星仪在这里增添了banner的活力。 排版 文字和图分开2部分放；能更容易注意到主题的内容。 主色 黑色和金黄色，带出宇宙的神秘感。 文字 文字以直线条形式来排版，整齐干净，很适合商务网使用。用了不同的字体，能强调探索这个词。 小结 排版简单，稳重；因选用了切合题材的素材，让这banner不会欠缺生动；适合商务网使用。 您可能感兴趣的文章0&lt;img src=&quot;http://www1.feedsky.com/t1/445818757/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=172&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818757/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818757/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>视觉设计</category><category>团队分享</category><pubDate>Wed, 01 Sep 2010 18:12:18 +0800</pubDate><author>doris</author><comments>http://www.1haideas.com/?p=172#comments</comments><guid isPermaLink="false">http://www.1haideas.com/?p=172</guid><dc:creator>doris</dc:creator><fs:srclink>http://www.1haideas.com/?p=172</fs:srclink><fs:srcfeed>http://www.1haideas.com/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/1haideas/~8294451/445818757/6384397</fs:itemid></item><item><title>浅析活动专题页面设计</title><link>http://www.1haideas.com/?p=160</link><content:encoded>&lt;p&gt;专题设计承载了商业目的，信息传达的重要性也就越加突出，而不以追求纯美感为目的，它是传达给用户一定的信息，增强传播的力量。在专题设计之初，要思考我们要面对的是怎样的一些人群，传递的是什么，让互联网的用户感受到的是什么，有了这些大前提，才会让专题是具有生命的。&lt;/p&gt;
&lt;h3&gt;专题的类别&lt;/h3&gt;
&lt;h5&gt;• 品牌定位：&lt;/h5&gt;
&lt;p&gt;  树立品牌形象，增加用户对品牌的认知度，了解产品的同时进一步了解品牌文化。&lt;/p&gt;
&lt;h5&gt;• 营 销：&lt;/h5&gt;
&lt;p&gt;  诱惑力和煽动性的活动吸引用户参与，从而增加网站流量，达到产品推广，促进销售的目的。 &lt;/p&gt;
&lt;h5&gt;• 理念与文化的展示：&lt;/h5&gt;
&lt;p&gt;  可以有很多发散性的很多方面，传达的信息更加广泛。&lt;/p&gt;
&lt;h3&gt;专题的展示形式&lt;/h3&gt;
&lt;h5&gt;• 板块：&lt;/h5&gt;
&lt;p&gt;多以横向左中右、左右这样的布局来分布板块,或图片或文字。  &lt;/p&gt;
&lt;h5&gt;• 顶图和底图：&lt;/h5&gt;
&lt;p&gt;顶图和底图的颜色统一或者顶图和底图相结合。&lt;/p&gt;
&lt;p&gt;&lt;span id=&quot;more-160&quot;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h5&gt;• 标题栏：&lt;/h5&gt;
&lt;p&gt;线框式和按钮式&lt;/p&gt;
&lt;h5&gt;• 图片、视频：&lt;/h5&gt;
&lt;p&gt;展示形式多样。&lt;/p&gt;
&lt;h5&gt;• 文字：&lt;/h5&gt;
&lt;p&gt;通过不同颜色、大小排列，更具层次感。 &lt;/p&gt;
&lt;h5&gt;• 细节元素：&lt;/h5&gt;
&lt;p&gt;一定的细节点缀显得精致度上升。&lt;/p&gt;
&lt;p&gt;专题设计，有一个中心主题通过文字、图片、影像展示的设计，它结合了信息的传达和视觉的传达。&lt;/p&gt;
&lt;div style=&quot;width:425px&quot; id=&quot;__ss_4733248&quot;&gt;&lt;object id=&quot;__sse4733248&quot; width=&quot;425&quot; height=&quot;355&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=doria-100712014653-phpapp02&amp;#038;stripped_title=ss-4733248&quot; /&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;/&gt;&lt;param name=&quot;allowScriptAccess&quot; value=&quot;always&quot;/&gt;&lt;embed name=&quot;__sse4733248&quot; src=&quot;http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=doria-100712014653-phpapp02&amp;#038;stripped_title=ss-4733248&quot; type=&quot;application/x-shockwave-flash&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; width=&quot;425&quot; height=&quot;355&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;
&lt;h3&gt;您可能感兴趣的文章&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=121&quot; title=&quot;用户后台界面分析 2010.07.14&quot;&gt;用户后台界面分析&lt;/a&gt;(6)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=14&quot; title=&quot;网址(url)中藏着的秘密 2010.03.21&quot;&gt;网址(url)中藏着的秘密&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=23&quot; title=&quot;UI是什么？ 2009.11.27&quot;&gt;UI是什么？&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=28&quot; title=&quot;电子商务网站导航设计探讨 2009.10.27&quot;&gt;电子商务网站导航设计探讨&lt;/a&gt;(0)&lt;/li&gt;
&lt;/ul&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/445818759/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=160&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818759/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818759/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.1haideas.com/?feed=rss2&amp;p=160</wfw:commentRss><slash:comments>5</slash:comments><description>专题设计承载了商业目的，信息传达的重要性也就越加突出，而不以追求纯美感为目的，它是传达给用户一定的信息，增强传播的力量。在专题设计之初，要思考我们要面对的是怎样的一些人群，传递的是什么，让互联网的用户感受到的是什么，有了这些大前提，才会让专题是具有生命的。 专题的类别 • 品牌定位： 树立品牌形象，增加用户对品牌的认知度，了解产品的同时进一步了解品牌文化。 • 营 销： 诱惑力和煽动性的活动吸引用户参与，从而增加网站流量，达到产品推广，促进销售的目的。 • 理念与文化的展示： 可以有很多发散性的很多方面，传达的信息更加广泛。 专题的展示形式 • 板块： 多以横向左中右、左右这样的布局来分布板块,或图片或文字。 • 顶图和底图： 顶图和底图的颜色统一或者顶图和底图相结合。 • 标题栏： 线框式和按钮式 • 图片、视频： 展示形式多样。 • 文字： 通过不同颜色、大小排列，更具层次感。 • 细节元素： 一定的细节点缀显得精致度上升。 专题设计，有一个中心主题通过文字、图片、影像展示的设计，它结合了信息的传达和视觉的传达。 您可能感兴趣的文章用户后台界面分析(6) 网址(url)中藏着的秘密(0) UI是什么？(0) 电子商务网站导航设计探讨(0)&lt;img src=&quot;http://www1.feedsky.com/t1/445818759/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=160&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818759/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818759/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>专题</category><category>交互设计</category><category>ppt</category><category>团队分享</category><pubDate>Fri, 16 Jul 2010 13:47:26 +0800</pubDate><author>.Doria</author><comments>http://www.1haideas.com/?p=160#comments</comments><guid isPermaLink="false">http://www.1haideas.com/?p=160</guid><dc:creator>.Doria</dc:creator><fs:srclink>http://www.1haideas.com/?p=160</fs:srclink><fs:srcfeed>http://www.1haideas.com/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/1haideas/~8294451/445818759/6384397</fs:itemid></item><item><title>用户后台界面分析</title><link>http://www.1haideas.com/?p=121</link><content:encoded>&lt;p&gt;用户后台就像是用户的小管家，不仅要所有信息都分门别类的整理好，还要尽量满足用户其他需求。&lt;br /&gt;
整个后台界面（以迅雷后台为例）从整体来看，可以分为&lt;strong&gt;导航区&lt;/strong&gt;，&lt;strong&gt;内容区&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h3&gt;导航区&lt;/h3&gt;
&lt;p&gt;随着用户后台界面内容的不断扩充，导航的作用也越来越重要。&lt;br /&gt;
&lt;img src=&quot;http://www.1haideas.com/wp-content/uploads/2010/07/6078895_1279084531z-1.jpg&quot; alt=&quot;后台导航&quot; title=&quot;6078895_1279084531z (1)&quot; width=&quot;195&quot; height=&quot;424&quot; class=&quot;alignnone size-full wp-image-136&quot; /&gt;&lt;/p&gt;
&lt;h4&gt;1.分类清晰&lt;/h4&gt;
&lt;p&gt;将后台所有的信息按照逻辑分类清楚。&lt;br /&gt;
例如：我的好友(管理好友，查找好友，好友请求等信息)； 我的消息（收件箱，发件箱，站内信等）&lt;br /&gt;
&lt;span id=&quot;more-121&quot;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h4&gt;2.主次清楚&lt;/h4&gt;
&lt;p&gt;即用户最关心的，对用户最重要的信息放在重要位置。&lt;br /&gt;
例如：在购物网站中，与用户有密切关系的是订单信息，账户余额，近期优惠活动等。 &lt;/p&gt;
&lt;h4&gt;3.重点部分适当标注&lt;/h4&gt;
&lt;p&gt;网站更新速度不断加快，一些后期开发的活动项目会不断的穿插到后台，为引起用户的注意，可以在符合后台逻辑的基础上，加一些标注。&lt;br /&gt;
例如：HOT、 NEW等&lt;/p&gt;
&lt;h4&gt;4.隐藏一些次要信息&lt;/h4&gt;
&lt;p&gt;后台信息很多，但有不少功能是用户很少用到的，我们可以选择隐藏它们。&lt;br /&gt;
另外，在逻辑清楚的基础上，我们还可以引导用户找寻信息，这样就避免了所有项目都集中在导航上。&lt;/p&gt;
&lt;h3&gt;内容区&lt;/h3&gt;
&lt;p&gt;根据导航的切换，显示相应的内容。这里还可以细分为后台首页和其他内容页。&lt;/p&gt;
&lt;h4&gt;1.后台首页&lt;/h4&gt;
&lt;p&gt;是用户对其个人账户中（如消费信息，后台公告等信息）的提示，及提供快捷入口。&lt;br /&gt;
&lt;img src=&quot;http://www.1haideas.com/wp-content/uploads/2010/07/6078895_12790870058.jpg&quot; alt=&quot;后台首页&quot; title=&quot;6078895_12790870058&quot; width=&quot;475&quot; height=&quot;300&quot; class=&quot;alignnone size-full wp-image-137&quot; /&gt;&lt;/p&gt;
&lt;h5&gt;简明扼要&lt;/h5&gt;
&lt;p&gt;用最简短的话说明意图&lt;/p&gt;
&lt;h5&gt;提供快捷入口&lt;/h5&gt;
&lt;p&gt;一些重要信息直接提供快捷入口，为用户减少不必要的麻烦。&lt;/p&gt;
&lt;h5&gt;重要信息重点提示&lt;/h5&gt;
&lt;p&gt;哪些信息是需要了解的，哪些是需要深入了解的，都需要后台设计人员考虑。&lt;/p&gt;
&lt;h5&gt;页面文字信息简单明了(充分利用帮助用心)&lt;/h5&gt;
&lt;p&gt;帮助中心是集中反映疑问的区域，客服在此统一作答，会减少很多用户和客服作答的时间。&lt;/p&gt;
&lt;h5&gt;其他重要活动信息展示&lt;/h5&gt;
&lt;p&gt;一些最新的活动信息，可以在第一时间传递给用户。&lt;/p&gt;
&lt;h4&gt;2.其他内容页&lt;/h4&gt;
&lt;p&gt;&lt;img src=&quot;http://www.1haideas.com/wp-content/uploads/2010/07/12213211.png&quot; alt=&quot;其他内容页&quot; title=&quot;12213211&quot; width=&quot;600&quot; height=&quot;479&quot; class=&quot;alignnone size-full wp-image-145&quot; /&gt;&lt;/p&gt;
&lt;h5&gt;搜索功能&lt;/h5&gt;
&lt;p&gt;应对数据过多的栏目，需要添加搜索功能，以便查找。&lt;/p&gt;
&lt;h5&gt;重要信息分类&lt;/h5&gt;
&lt;p&gt;为确保每个内容页内容的单一性，一些重要栏目需要细分&lt;/p&gt;
&lt;h5&gt;操作便捷&lt;/h5&gt;
&lt;p&gt;即一些操作按钮的设置等，要简单，易于操作。&lt;/p&gt;
&lt;h5&gt;注意用户体验&lt;/h5&gt;
&lt;p&gt;在操作过程中，界面要根据操作的不同有所反应。  &lt;/p&gt;
&lt;h5&gt;避免多次跳转&lt;/h5&gt;
&lt;p&gt;目前用户浏览器的设置不同，有些弹出框可能被拦截，但在操作后又需要给用户一个反应(如下图)&lt;br /&gt;
&lt;img src=&quot;http://www.1haideas.com/wp-content/uploads/2010/07/123123e23.png&quot; alt=&quot;避免多次跳转&quot; title=&quot;123123e23&quot; width=&quot;391&quot; height=&quot;75&quot; class=&quot;alignnone size-full wp-image-146&quot; /&gt;&lt;/p&gt;
&lt;div style=&quot;width:425px&quot; id=&quot;__ss_4733218&quot;&gt;&lt;object id=&quot;__sse4733218&quot; width=&quot;425&quot; height=&quot;355&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=random-100712013631-phpapp02&amp;#038;stripped_title=ss-4733218&quot; /&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;/&gt;&lt;param name=&quot;allowScriptAccess&quot; value=&quot;always&quot;/&gt;&lt;embed name=&quot;__sse4733218&quot; src=&quot;http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=random-100712013631-phpapp02&amp;#038;stripped_title=ss-4733218&quot; type=&quot;application/x-shockwave-flash&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; width=&quot;425&quot; height=&quot;355&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;
&lt;h3&gt;您可能感兴趣的文章&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=23&quot; title=&quot;UI是什么？ 2009.11.27&quot;&gt;UI是什么？&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=160&quot; title=&quot;浅析活动专题页面设计 2010.07.16&quot;&gt;浅析活动专题页面设计&lt;/a&gt;(5)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=14&quot; title=&quot;网址(url)中藏着的秘密 2010.03.21&quot;&gt;网址(url)中藏着的秘密&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=28&quot; title=&quot;电子商务网站导航设计探讨 2009.10.27&quot;&gt;电子商务网站导航设计探讨&lt;/a&gt;(0)&lt;/li&gt;
&lt;/ul&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/445818760/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=121&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818760/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818760/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.1haideas.com/?feed=rss2&amp;p=121</wfw:commentRss><slash:comments>6</slash:comments><description>用户后台就像是用户的小管家，不仅要所有信息都分门别类的整理好，还要尽量满足用户其他需求。 整个后台界面（以迅雷后台为例）从整体来看，可以分为导航区，内容区 导航区 随着用户后台界面内容的不断扩充，导航的作用也越来越重要。 1.分类清晰 将后台所有的信息按照逻辑分类清楚。 例如：我的好友(管理好友，查找好友，好友请求等信息)； 我的消息（收件箱，发件箱，站内信等） 2.主次清楚 即用户最关心的，对用户最重要的信息放在重要位置。 例如：在购物网站中，与用户有密切关系的是订单信息，账户余额，近期优惠活动等。 3.重点部分适当标注 网站更新速度不断加快，一些后期开发的活动项目会不断的穿插到后台，为引起用户的注意，可以在符合后台逻辑的基础上，加一些标注。 例如：HOT、 NEW等 4.隐藏一些次要信息 后台信息很多，但有不少功能是用户很少用到的，我们可以选择隐藏它们。 另外，在逻辑清楚的基础上，我们还可以引导用户找寻信息，这样就避免了所有项目都集中在导航上。 内容区 根据导航的切换，显示相应的内容。这里还可以细分为后台首页和其他内容页。 1.后台首页 是用户对其个人账户中（如消费信息，后台公告等信息）的提示，及提供快捷入口。 简明扼要 用最简短的话说明意图 提供快捷入口 一些重要信息直接提供快捷入口，为用户减少不必要的麻烦。 重要信息重点提示 哪些信息是需要了解的，哪些是需要深入了解的，都需要后台设计人员考虑。 页面文字信息简单明了(充分利用帮助用心) 帮助中心是集中反映疑问的区域，客服在此统一作答，会减少很多用户和客服作答的时间。 其他重要活动信息展示 一些最新的活动信息，可以在第一时间传递给用户。 2.其他内容页 搜索功能 应对数据过多的栏目，需要添加搜索功能，以便查找。 重要信息分类 为确保每个内容页内容的单一性，一些重要栏目需要细分 操作便捷 即一些操作按钮的设置等，要简单，易于操作。 注意用户体验 在操作过程中，界面要根据操作的不同有所反应。 避免多次跳转 目前用户浏览器的设置不同，有些弹出框可能被拦截，但在操作后又需要给用户一个反应(如下图) 您可能感兴趣的文章UI是什么？(0) 浅析活动专题页面设计(5) 网址(url)中藏着的秘密(0) 电子商务网站导航设计探讨(0)&lt;img src=&quot;http://www1.feedsky.com/t1/445818760/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=121&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818760/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818760/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>交互设计</category><category>ppt</category><category>后台</category><category>交互</category><category>团队分享</category><pubDate>Wed, 14 Jul 2010 15:25:12 +0800</pubDate><author>Lillian</author><comments>http://www.1haideas.com/?p=121#comments</comments><guid isPermaLink="false">http://www.1haideas.com/?p=121</guid><dc:creator>Lillian</dc:creator><fs:srclink>http://www.1haideas.com/?p=121</fs:srclink><fs:srcfeed>http://www.1haideas.com/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/1haideas/~8294451/445818760/6384397</fs:itemid></item><item><title>网址(url)中藏着的秘密</title><link>http://www.1haideas.com/?p=14</link><content:encoded>&lt;p&gt;据不靠谱官方统计，87.53%的用户都没有看网址的习惯。&lt;br /&gt;
比起网页的精彩内容来，网址确实显得平淡无奇了，不过知道吗？网址中隐藏着诸多小秘密。&lt;/p&gt;
&lt;h3&gt;为什么要关心网址?&lt;/h3&gt;
&lt;p&gt;可能会被&lt;a href=&quot;http://baike.baidu.com/view/64418.htm&quot;&gt;钓鱼&lt;/a&gt;，导致银行帐号被盗取，游戏，QQ等帐号被盗。&lt;br /&gt;
可能会误点不安全的链接，可能是广告，更甚者会是木马或者恶意软件。&lt;br /&gt;
可能会因为广告链接而浪费了不少时间&lt;br /&gt;
可能无法分析道网址中藏着的信息，从而无法快捷操作。&lt;/p&gt;
&lt;h3&gt;网址代表的含义&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;http://news.163.com/10/0321/07/629KJNFD000146BD&lt;span style=&quot;color:red;&quot;&gt;.html&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
以html,.html结尾代表这个页面基本上是&lt;a href=&quot;http://baike.baidu.com/view/3293095.htm&quot;&gt;静态页面&lt;/a&gt;，与服务器端几乎没有互动的页面，也可以理解为页面上没有程序运行。&lt;br /&gt;
&lt;span id=&quot;more-14&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;b&gt;http://www.1hai.cn/index&lt;span style=&quot;color:red;&quot;&gt;.aspx&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
.aspx是微软.net的服务端程序生成的页面，是经过运算之后的页面，俗称&lt;a href=&quot;http://baike.baidu.com/view/2065821.htm&quot;&gt;动态页面&lt;/a&gt;，同样的结尾还有.php，.asp，.jsp等。&lt;/p&gt;
&lt;p&gt;&lt;b&gt;http://www.1hai.cn&lt;span style=&quot;color:red;&quot;&gt;/&lt;/span&gt;&lt;/b&gt; = &lt;b&gt;http://www.1hai.cn&lt;span style=&quot;color:red;&quot;&gt;/index.aspx&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
这2个网址是相同的，因为里面涉及到服务器的&lt;a href=&quot;http://www.google.com/search?hl=en&amp;#038;source=hp&amp;#038;q=iis%E9%BB%98%E8%AE%A4%E6%96%87%E6%A1%A3&amp;#038;btnG=Google+Search&amp;#038;aq=f&amp;#038;aqi=&amp;#038;aql=&amp;#038;oq=&amp;#038;gs_rfai=&quot;&gt;默认文档&lt;/a&gt;配置，默认下大多数index.aspx,default.aspx都一样效果。&lt;/p&gt;
&lt;h3&gt;防止上当&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;http://www.taobao.baoda.com/about.html&lt;/b&gt;&lt;br /&gt;
这是一个钓鱼网站的网址，打开后和淘宝网是一样的，不过如果你仔细看的话会发现网址是很有问题的，前面是www.taobao，但是后面却是baoda.com，与正常的淘宝网是www.taobao.com有区别。其实他的网站是“&lt;b&gt;http://&lt;span style=&quot;color:blue;&quot;&gt;www.taobao&lt;/span&gt;.&lt;span style=&quot;color:red;&quot;&gt;baoda&lt;/span&gt;.&lt;span style=&quot;color:green;&quot;&gt;com&lt;/span&gt;/about.html&lt;/b&gt;”&lt;/p&gt;
&lt;h3&gt;看透URL中的含义&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;http://pro.163.com/html.ng/site=&lt;span style=&quot;color:red;&quot;&gt;netease&lt;/span&gt;&amp;#038;affiliate=&lt;span style=&quot;color:red;&quot;&gt;news&lt;/span&gt;&amp;#038;cat=&lt;span style=&quot;color:red;&quot;&gt;article&lt;/span&gt;&amp;#038;type=&lt;span style=&quot;color:red;&quot;&gt;logo360x150&lt;/span&gt;&amp;#038;location=&lt;span style=&quot;color:red;&quot;&gt;1&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
这个URL是网易新闻页的右侧一个广告的URL，看似复杂，其实其中有不少含义的，就像红色标出来的这些词，其实就是简单描述这个广告的状态属性和要求。看懂这个URL对网站分析或者广告监控应该尤其重要&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;site=&lt;span style=&quot;color:red;&quot;&gt;netease&lt;/span&gt;：对应的广告投放或监测系统站点名称&lt;/li&gt;
&lt;li&gt;affiliate=&lt;span style=&quot;color:red;&quot;&gt;news&lt;/span&gt;：广告投放对应的频道&lt;/li&gt;
&lt;li&gt;cat=&lt;span style=&quot;color:red;&quot;&gt;article&lt;/span&gt;：广告所在的具体页面&lt;/li&gt;
&lt;li&gt;type=&lt;span style=&quot;color:red;&quot;&gt;logo360x150&lt;/span&gt;：广告素材的大小&lt;/li&gt;
&lt;li&gt;location=&lt;span style=&quot;color:red;&quot;&gt;1&lt;/span&gt;：同位置中广告显示的位置(同一时段可能有4个广告同时投放同一个位置)&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;快捷操作&lt;/h3&gt;
&lt;p&gt;有些页面没有返回链接，有些时候页面可能设计有误，你没办法回去或者进行到下一页？怎么办？对网址的快捷操作就出现了。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;案例&lt;/b&gt;：&lt;a href=&quot;http://www.youdao.com/ssq/&quot;&gt;有道上上签&lt;/a&gt;中快速替别人求签的问题&lt;/li&gt;
&lt;li&gt;&lt;b&gt;问题&lt;/b&gt;：在上上签里面，我想替“&lt;a href=&quot;http://goo.gl/q4X8&quot;&gt;犀利哥&lt;/a&gt;”的求个签，会出现一个&lt;a href=&quot;http://www.youdao.com/ssq/search?q=%E7%8A%80%E5%88%A9%E5%93%A5&quot;&gt;好玩的解签页面&lt;/a&gt;，于是又想给&lt;a href=&quot;http://goo.gl/VJtK&quot;&gt;凤姐&lt;/a&gt;再求个签？我在页面上下左右都看了一遍，没有任何再去求签和后退的页面。&lt;/li&gt;
&lt;li&gt;&lt;b&gt;解决方法&lt;/b&gt;：如果你注意网址的话，一定会发现网址中有“&lt;b&gt;http://www.youdao.com/ssq/search?q=&lt;span style=&quot;color:red;&quot;&gt;%E7%8A%80%E5%88%A9%E5%93%A5&lt;/span&gt;&lt;/b&gt;” 其实这个就是犀利哥三个字，只不过他用了&lt;a href=&quot;http://goo.gl/iEgh&quot;&gt;urlencode&lt;/a&gt;，这个时候，我们只需要在url中把那一串改成凤姐即可替凤姐求签了。&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;剖析竞争对手&lt;/h3&gt;
&lt;p&gt;这是我在某网站下的2个订单，中间间隔了22分钟，URL如下&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;10:47 &lt;b&gt;https://xxx.xxx.com/shopping/Thankyou.aspx?sosysno=&lt;span style=&quot;color:red;&quot;&gt;11038012&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;11:14 &lt;b&gt;https://xxx.xxx.com/shopping/Thankyou.aspx?sosysno=&lt;span style=&quot;color:red;&quot;&gt;11039760&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;通过URL马上可以分析出，在22分钟内，这个网站增加了1558张订单&lt;/p&gt;
&lt;h3&gt;对SEO的帮助&lt;/h3&gt;
&lt;p&gt;直接举Flickr和Smashingmagazin的URL的例子&lt;br /&gt;
&lt;b&gt;http://www.flickr.com/&lt;span style=&quot;color:red;&quot;&gt;photos&lt;/span&gt;/&lt;span style=&quot;color:red;&quot;&gt;icoli&lt;/span&gt;/&lt;span style=&quot;color:red;&quot;&gt;4400746424&lt;/span&gt;/&lt;span style=&quot;color:red;&quot;&gt;sizes&lt;/span&gt;/&lt;span style=&quot;color:red;&quot;&gt;o&lt;/span&gt;/&lt;/b&gt;&lt;br /&gt;
Flickr的URL结构非常棒，几乎看这个URL就可以了解，这个URL中会看到什么，红色标出的依次代表“照片”，“对应用户”，“照片ID”，“图片大小”，“图片原图大小”&lt;/p&gt;
&lt;p&gt;&lt;b&gt;http://www.smashingmagazine.com/&lt;span style=&quot;color:red;&quot;&gt;2010&lt;/span&gt;/&lt;span style=&quot;color:red;&quot;&gt;03&lt;/span&gt;/&lt;span style=&quot;color:red;&quot;&gt;02&lt;/span&gt;/&lt;span style=&quot;color:red;&quot;&gt;web-design-criticism-a-how-to&lt;/span&gt;/&lt;/b&gt;&lt;br /&gt;
SmashingMagazine的可以看到为“2010.03.02”发布的关于“web-design-criticism-a-how-to”的文章。&lt;br /&gt;
通过以上的url，不仅能够让用户看到url时候就知道是什么，也会让搜索引擎喜欢。&lt;br /&gt;
url的命名也能够额外给页面提供一个关键词，可以点击看这个&lt;a href=&quot;http://www.google.com/search?sourceid=chrome&amp;#038;ie=UTF-8&amp;#038;q=nike&quot;&gt;Google页面下的网址&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;结尾&lt;/h3&gt;
&lt;p&gt;网址中的秘密绝非这些，这些只能算冰山一角，还有更多需要大家一起来挖掘，欢迎留言和讨论&lt;/p&gt;
&lt;p&gt;附上这次的PPT&lt;/p&gt;
&lt;p&gt;&lt;iframe src=&quot;http://docs.google.com/present/embed?id=dcdv9v3n_1809nf3sgwdk&amp;#038;interval=10&amp;#038;autoStart=true&amp;#038;loop=true&amp;#038;size=m&quot; frameborder=&quot;0&quot; width=&quot;555&quot; height=&quot;451&quot;&gt;&lt;/iframe&gt;&lt;/p&gt;
&lt;h3&gt;您可能感兴趣的文章&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=23&quot; title=&quot;UI是什么？ 2009.11.27&quot;&gt;UI是什么？&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=28&quot; title=&quot;电子商务网站导航设计探讨 2009.10.27&quot;&gt;电子商务网站导航设计探讨&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=363&quot; title=&quot;EDM邮件营销的那些事 2010.12.7&quot;&gt;EDM邮件营销的那些事&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=160&quot; title=&quot;浅析活动专题页面设计 2010.07.16&quot;&gt;浅析活动专题页面设计&lt;/a&gt;(5)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=121&quot; title=&quot;用户后台界面分析 2010.07.14&quot;&gt;用户后台界面分析&lt;/a&gt;(6)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=19&quot; title=&quot;思维导图与互联网产品 2010.03.3&quot;&gt;思维导图与互联网产品&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=21&quot; title=&quot;用Google Doc创建一个适合自己的GTD工具 2009.11.9&quot;&gt;用Google Doc创建一个适合自己的GTD工具&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=38&quot; title=&quot;w3c中的对比度分析 2009.02.12&quot;&gt;w3c中的对比度分析&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=40&quot; title=&quot;如何做SEO之“关键词” 2009.01.3&quot;&gt;如何做SEO之“关键词”&lt;/a&gt;(2)&lt;/li&gt;
&lt;/ul&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/445818761/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=14&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818761/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818761/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.1haideas.com/?feed=rss2&amp;p=14</wfw:commentRss><slash:comments>0</slash:comments><description>据不靠谱官方统计，87.53%的用户都没有看网址的习惯。 比起网页的精彩内容来，网址确实显得平淡无奇了，不过知道吗？网址中隐藏着诸多小秘密。 为什么要关心网址? 可能会被钓鱼，导致银行帐号被盗取，游戏，QQ等帐号被盗。 可能会误点不安全的链接，可能是广告，更甚者会是木马或者恶意软件。 可能会因为广告链接而浪费了不少时间 可能无法分析道网址中藏着的信息，从而无法快捷操作。 网址代表的含义 http://news.163.com/10/0321/07/629KJNFD000146BD.html 以html,.html结尾代表这个页面基本上是静态页面，与服务器端几乎没有互动的页面，也可以理解为页面上没有程序运行。 http://www.1hai.cn/index.aspx .aspx是微软.net的服务端程序生成的页面，是经过运算之后的页面，俗称动态页面，同样的结尾还有.php，.asp，.jsp等。 http://www.1hai.cn/ = http://www.1hai.cn/index.aspx 这2个网址是相同的，因为里面涉及到服务器的默认文档配置，默认下大多数index.aspx,default.aspx都一样效果。 防止上当 http://www.taobao.baoda.com/about.html 这是一个钓鱼网站的网址，打开后和淘宝网是一样的，不过如果你仔细看的话会发现网址是很有问题的，前面是www.taobao，但是后面却是baoda.com，与正常的淘宝网是www.taobao.com有区别。其实他的网站是“http://www.taobao.baoda.com/about.html” 看透URL中的含义 http://pro.163.com/html.ng/site=netease&amp;#038;affiliate=news&amp;#038;cat=article&amp;#038;type=logo360x150&amp;#038;location=1 这个URL是网易新闻页的右侧一个广告的URL，看似复杂，其实其中有不少含义的，就像红色标出来的这些词，其实就是简单描述这个广告的状态属性和要求。看懂这个URL对网站分析或者广告监控应该尤其重要 site=netease：对应的广告投放或监测系统站点名称 affiliate=news：广告投放对应的频道 cat=article：广告所在的具体页面 type=logo360x150：广告素材的大小 location=1：同位置中广告显示的位置(同一时段可能有4个广告同时投放同一个位置) 快捷操作 有些页面没有返回链接，有些时候页面可能设计有误，你没办法回去或者进行到下一页？怎么办？对网址的快捷操作就出现了。 案例：有道上上签中快速替别人求签的问题 问题：在上上签里面，我想替“犀利哥”的求个签，会出现一个好玩的解签页面，于是又想给凤姐再求个签？我在页面上下左右都看了一遍，没有任何再去求签和后退的页面。 解决方法：如果你注意网址的话，一定会发现网址中有“http://www.youdao.com/ssq/search?q=%E7%8A%80%E5%88%A9%E5%93%A5” 其实这个就是犀利哥三个字，只不过他用了urlencode，这个时候，我们只需要在url中把那一串改成凤姐即可替凤姐求签了。 剖析竞争对手 这是我在某网站下的2个订单，中间间隔了22分钟，URL如下 10:47 https://xxx.xxx.com/shopping/Thankyou.aspx?sosysno=11038012 11:14 https://xxx.xxx.com/shopping/Thankyou.aspx?sosysno=11039760 通过URL马上可以分析出，在22分钟内，这个网站增加了1558张订单 对SEO的帮助 直接举Flickr和Smashingmagazin的URL的例子 http://www.flickr.com/photos/icoli/4400746424/sizes/o/ Flickr的URL结构非常棒，几乎看这个URL就可以了解，这个URL中会看到什么，红色标出的依次代表“照片”，“对应用户”，“照片ID”，“图片大小”，“图片原图大小” http://www.smashingmagazine.com/2010/03/02/web-design-criticism-a-how-to/ SmashingMagazine的可以看到为“2010.03.02”发布的关于“web-design-criticism-a-how-to”的文章。 通过以上的url，不仅能够让用户看到url时候就知道是什么，也会让搜索引擎喜欢。 url的命名也能够额外给页面提供一个关键词，可以点击看这个Google页面下的网址 结尾 网址中的秘密绝非这些，这些只能算冰山一角，还有更多需要大家一起来挖掘，欢迎留言和讨论 附上这次的PPT 您可能感兴趣的文章UI是什么？(0) 电子商务网站导航设计探讨(0) EDM邮件营销的那些事(0) 浅析活动专题页面设计(5) [...]&lt;img src=&quot;http://www1.feedsky.com/t1/445818761/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=14&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818761/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818761/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>url</category><category>web</category><category>ppt</category><category>团队分享</category><category>ico</category><pubDate>Sun, 21 Mar 2010 10:09:09 +0800</pubDate><author>ICO</author><comments>http://www.1haideas.com/?p=14#comments</comments><guid isPermaLink="false">http://www.1haideas.com/?p=14</guid><dc:creator>ICO</dc:creator><fs:srclink>http://www.1haideas.com/?p=14</fs:srclink><fs:srcfeed>http://www.1haideas.com/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/1haideas/~8294451/445818761/6384397</fs:itemid></item><item><title>思维导图与互联网产品</title><link>http://www.1haideas.com/?p=19</link><content:encoded>&lt;p&gt;&lt;img src=&quot;http://i3.6.cn/cvbnm/d5/e2/47/c235038daf013155f1e2c92d4f6ddb4e.jpg&quot; alt=&quot;开心农场2的思维导图&quot; /&gt;&lt;/p&gt;
&lt;p&gt;以上这张图是来自 &lt;a href=&quot;http://hi.baidu.com/hirobiny/blog/item/a0d33cf7ff702529730eec7b.html&quot;&gt;美国Facebook《开心农场2》产品原型篇&lt;/a&gt;&lt;br /&gt;
这张图让思维导向图除了提供思维的发散之外，可能可以运用到产品设计中。&lt;/p&gt;
&lt;p&gt;通常在做新产品的时候，我都习惯于用流程图来表明产品的结构，页面之间的逻辑。&lt;br /&gt;
但是却总有个问题，某些重要页面中有&lt;strong&gt;很多关键元素无法表现&lt;/strong&gt;，而且一旦项目比较复杂的话，就很难用一张A4纸来表现，而如果在电脑上绘制的话，也很可能会让页面很长，不宜展示。&lt;br /&gt;
因此多加利用思维导图也许可以弥补这一点。&lt;br /&gt;
&lt;span id=&quot;more-19&quot;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h3&gt;什么是思维导图(心智图)？&lt;/h3&gt;
&lt;p&gt;思维导图，又叫心智图，是表达发射性思维的有效的图形思维工具。是一种革命性的思维工具。简单却又极其有效。思维导图运用图文并重的技巧，把各级主题的关系用相互隶属与相关的层级图表现出来，把主题关键词与图像、颜色等建立记忆链接，思维导图充分运用左右脑的机能，利用记忆、阅读、思维的规律，协助人们在科学与艺术、逻辑与想象之间平衡发展，从而开启人类大脑的无限潜能。思维导图因此具有人类思维的强大功能。&lt;/p&gt;
&lt;h3&gt;思维导图为何适合互联网产品设计？&lt;/h3&gt;
&lt;p&gt;这个是我的一点点小看法&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;整体呈星状的页面布局，适合屏幕显示，快速了解项目&lt;/li&gt;
&lt;li&gt;易区分页面与内容，显示关键页面内容&lt;/li&gt;
&lt;li&gt;对流程的灵活调用，适合敏捷修改的web-based产品&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;关于思维导图的一点点线索&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;在线思维导图&lt;a href=&quot;http://www.mindpin.com&quot;&gt;mindpin&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.mindmapper.com/solutions.asp&quot;&gt;MindMapper4.5 &lt;/a&gt;权威的思维导图软件,它严格地遵守托尼巴贡的制图法则，关键字都是放在延伸手臂上。能够提供xml的输出  &lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.mindjet.com&quot;&gt;MindManager 6&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.douban.com/group/mindmaps/&quot;&gt;豆瓣思维导图小组&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;您可能感兴趣的文章&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=14&quot; title=&quot;网址(url)中藏着的秘密 2010.03.21&quot;&gt;网址(url)中藏着的秘密&lt;/a&gt;(0)&lt;/li&gt;
&lt;/ul&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/445818762/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=19&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818762/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818762/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.1haideas.com/?feed=rss2&amp;p=19</wfw:commentRss><slash:comments>0</slash:comments><description>以上这张图是来自 美国Facebook《开心农场2》产品原型篇 这张图让思维导向图除了提供思维的发散之外，可能可以运用到产品设计中。 通常在做新产品的时候，我都习惯于用流程图来表明产品的结构，页面之间的逻辑。 但是却总有个问题，某些重要页面中有很多关键元素无法表现，而且一旦项目比较复杂的话，就很难用一张A4纸来表现，而如果在电脑上绘制的话，也很可能会让页面很长，不宜展示。 因此多加利用思维导图也许可以弥补这一点。 什么是思维导图(心智图)？ 思维导图，又叫心智图，是表达发射性思维的有效的图形思维工具。是一种革命性的思维工具。简单却又极其有效。思维导图运用图文并重的技巧，把各级主题的关系用相互隶属与相关的层级图表现出来，把主题关键词与图像、颜色等建立记忆链接，思维导图充分运用左右脑的机能，利用记忆、阅读、思维的规律，协助人们在科学与艺术、逻辑与想象之间平衡发展，从而开启人类大脑的无限潜能。思维导图因此具有人类思维的强大功能。 思维导图为何适合互联网产品设计？ 这个是我的一点点小看法 整体呈星状的页面布局，适合屏幕显示，快速了解项目 易区分页面与内容，显示关键页面内容 对流程的灵活调用，适合敏捷修改的web-based产品 关于思维导图的一点点线索 在线思维导图mindpin MindMapper4.5 权威的思维导图软件,它严格地遵守托尼巴贡的制图法则，关键字都是放在延伸手臂上。能够提供xml的输出 MindManager 6 豆瓣思维导图小组 您可能感兴趣的文章网址(url)中藏着的秘密(0)&lt;img src=&quot;http://www1.feedsky.com/t1/445818762/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=19&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818762/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818762/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>产品</category><category>web</category><category>导向</category><category>知识管理</category><pubDate>Wed, 03 Mar 2010 10:12:32 +0800</pubDate><author>ICO</author><comments>http://www.1haideas.com/?p=19#comments</comments><guid isPermaLink="false">http://www.1haideas.com/?p=19</guid><dc:creator>ICO</dc:creator><fs:srclink>http://www.1haideas.com/?p=19</fs:srclink><fs:srcfeed>http://www.1haideas.com/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/1haideas/~8294451/445818762/6384397</fs:itemid></item><item><title>UI是什么？</title><link>http://www.1haideas.com/?p=23</link><content:encoded>&lt;p&gt;在和很多人交流中，大多数人依旧不是很了解，UI是什么，UI设计是干什么的。网站里面除了美工和前端，还需要啥？&lt;br /&gt;
随着现在的网站体系已经发生了众多的变化和不断更新的理念，网站已经越来越注重交互及用户体验。&lt;/p&gt;
&lt;p&gt;有幸在和大家一起分享了PPT《UI是什么》，和大家讨论下，UI到底是干什么的。&lt;br /&gt;
&lt;span id=&quot;more-23&quot;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h4&gt;提纲：UI是什么&lt;/h4&gt;
&lt;ul&gt;
&lt;li style=&quot;font-size:16px;font-weight:700;&quot;&gt;UI是干什么的？(美工，程序？)&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;UI 是&amp;#8230;.&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;UI是程序，是美工吗？&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;界面华丽≠好用&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;UI设计师的具体工作&lt;/li&gt;
&lt;li style=&quot;font-size:16px;font-weight:700;&quot;&gt;UI中交互设计又是什么呢？&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;交互设计&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;交互设计的目标&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;交互设计的流程&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;UI的理念&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;怎么样的UI是不好的&lt;/li&gt;
&lt;li style=&quot;font-size:16px;font-weight:700;&quot;&gt;UI需要怎么做？&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;Amazon导航进化史&lt;/li&gt;
&lt;li style=&quot;font-size:16px;font-weight:700;&quot;&gt;总结&lt;/li&gt;
&lt;li style=&quot;font-size:16px;font-weight:700;&quot;&gt;后续：UI的摩西的十诫&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;第一戒 让用户随时了解系统的状态&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;第二戒 系统与真实世界相符合&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;第三戒 给予用户控制权和自主权&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;第四戒 一致性和标准化&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;第五戒帮助用户识别、诊断和修复错误&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;第六戒预防错误&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;第七戒 依赖识别而不是记忆&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;第八戒 强调使用的灵活性及有效性&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;第九戒 最小化设计&lt;/li&gt;
&lt;li style=&quot;list-style:none;&quot;&gt;第十戒 提供帮助的文档或途径&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;iframe src=&quot;http://docs.google.com/present/embed?id=dcdv9v3n_1704fjq3ztzh&amp;#038;loop=true&amp;#038;size=m&quot; frameborder=&quot;0&quot; width=&quot;555&quot; height=&quot;451&quot;&gt;&lt;/iframe&gt;&lt;/p&gt;
&lt;h3&gt;您可能感兴趣的文章&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=121&quot; title=&quot;用户后台界面分析 2010.07.14&quot;&gt;用户后台界面分析&lt;/a&gt;(6)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=14&quot; title=&quot;网址(url)中藏着的秘密 2010.03.21&quot;&gt;网址(url)中藏着的秘密&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=28&quot; title=&quot;电子商务网站导航设计探讨 2009.10.27&quot;&gt;电子商务网站导航设计探讨&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=363&quot; title=&quot;EDM邮件营销的那些事 2010.12.7&quot;&gt;EDM邮件营销的那些事&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=160&quot; title=&quot;浅析活动专题页面设计 2010.07.16&quot;&gt;浅析活动专题页面设计&lt;/a&gt;(5)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=21&quot; title=&quot;用Google Doc创建一个适合自己的GTD工具 2009.11.9&quot;&gt;用Google Doc创建一个适合自己的GTD工具&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=38&quot; title=&quot;w3c中的对比度分析 2009.02.12&quot;&gt;w3c中的对比度分析&lt;/a&gt;(0)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.1haideas.com/?p=40&quot; title=&quot;如何做SEO之“关键词” 2009.01.3&quot;&gt;如何做SEO之“关键词”&lt;/a&gt;(2)&lt;/li&gt;
&lt;/ul&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/445818763/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=23&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818763/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818763/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.1haideas.com/?feed=rss2&amp;p=23</wfw:commentRss><slash:comments>0</slash:comments><description>在和很多人交流中，大多数人依旧不是很了解，UI是什么，UI设计是干什么的。网站里面除了美工和前端，还需要啥？ 随着现在的网站体系已经发生了众多的变化和不断更新的理念，网站已经越来越注重交互及用户体验。 有幸在和大家一起分享了PPT《UI是什么》，和大家讨论下，UI到底是干什么的。 提纲：UI是什么 UI是干什么的？(美工，程序？) UI 是&amp;#8230;. UI是程序，是美工吗？ 界面华丽≠好用 UI设计师的具体工作 UI中交互设计又是什么呢？ 交互设计 交互设计的目标 交互设计的流程 UI的理念 怎么样的UI是不好的 UI需要怎么做？ Amazon导航进化史 总结 后续：UI的摩西的十诫 第一戒 让用户随时了解系统的状态 第二戒 系统与真实世界相符合 第三戒 给予用户控制权和自主权 第四戒 一致性和标准化 第五戒帮助用户识别、诊断和修复错误 第六戒预防错误 第七戒 依赖识别而不是记忆 第八戒 强调使用的灵活性及有效性 第九戒 最小化设计 第十戒 提供帮助的文档或途径 您可能感兴趣的文章用户后台界面分析(6) 网址(url)中藏着的秘密(0) 电子商务网站导航设计探讨(0) EDM邮件营销的那些事(0) 浅析活动专题页面设计(5) 用Google Doc创建一个适合自己的GTD工具(0) w3c中的对比度分析(0) 如何做SEO之“关键词”(2)&lt;img src=&quot;http://www1.feedsky.com/t1/445818763/1haideas/feedsky/s.gif?r=http://www.1haideas.com/?p=23&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/1haideas/445818763/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/1haideas/445818763/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>ui</category><category>交互设计</category><category>ppt</category><category>交互</category><category>ico</category><pubDate>Fri, 27 Nov 2009 10:16:26 +0800</pubDate><author>ICO</author><comments>http://www.1haideas.com/?p=23#comments</comments><guid isPermaLink="false">http://www.1haideas.com/?p=23</guid><dc:creator>ICO</dc:creator><fs:srclink>http://www.1haideas.com/?p=23</fs:srclink><fs:srcfeed>http://www.1haideas.com/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/1haideas/~8294451/445818763/6384397</fs:itemid></item></channel></rss>
