<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>大伟的博客 &#187; 产品设计</title>
	<atom:link href="http://www.oneflash.net/category/proudct-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.oneflash.net</link>
	<description>www.oneflash.net</description>
	<lastBuildDate>Tue, 06 Dec 2011 05:23:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>看Path新版本的功能调整</title>
		<link>http://www.oneflash.net/2011/12/path-feature/</link>
		<comments>http://www.oneflash.net/2011/12/path-feature/#comments</comments>
		<pubDate>Mon, 05 Dec 2011 08:16:06 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[产品设计]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[Path]]></category>

		<guid isPermaLink="false">http://www.oneflash.net/?p=411</guid>
		<description><![CDATA[新版本的Path来了，给了我们很多的惊喜： 私密好友上限从50上升到150了 Path从一开始就是打着“反社交”的旗号来的，口号就是：“share life with the ones you love.”为什么是150人，Path是这样回答的。 从图片分享彻底突围了 新版的Path可以与好友分享图片或视频（一段不超过45秒的）、好友、地理位置、音乐、文字信息，更创新地增加了”Sleep”、”Awake”状态，将QQ时代的“在线”、“离线”的状态演变为移动互联网时代的“睡了”、“醒了”。 内容隐私设置 用户分享的内容，可以设置为“仅自己可见”、同时也可同步内容到Facebook,Twitter,Foursquare和Tumblr。这样一来，Path既可以当作自己的私密日记、也可以和私密好友小范围分享、还可以同步到Facebook等社交网站。 聚焦移动设备，网站端功能弱化。 在新的Path网站中，除了下载App以及帮助说明，几乎找不到其他的功能，而之前的用户登录、设置、网站版Time Line几乎都移除了。 增加了应用内收费图片滤镜 这个反正我是不会去付费了，哈哈。 最后感叹一下，还是老外厉害，出了Instagram，然后就是Path、Color、Pinterest。总能找到产品差异化进行突破。 相关阅读： Path上演“华丽”转身 社交网络已是红海，Path2向深海潜进]]></description>
			<content:encoded><![CDATA[<div class="imgclass"><a href="http://www.oneflash.net/attachments/2011/12/path2.png"><img src="http://www.oneflash.net/attachments/2011/12/path2.png" alt="Path2新功能截图" title="path2" width="648" height="460" class="alignnone size-full wp-image-413" /></a></div>
<p>新版本的Path来了，给了我们很多的惊喜：</p>
<ul>
<li>
<h2>私密好友上限从50上升到150了</h2>
<p>Path从一开始就是打着“反社交”的旗号来的，口号就是：“share life with the ones you love.”为什么是150人，Path是<a href="http://service.path.com/customer/portal/articles/257552-why-can-i-only-share-with-15-people-" target="_blank">这样回答</a>的。</p>
</li>
<li>
<h2>从图片分享彻底突围了</h2>
<p>新版的Path可以与好友分享图片或视频（一段不超过45秒的）、好友、地理位置、音乐、文字信息，更创新地增加了”Sleep”、”Awake”状态，将QQ时代的“在线”、“离线”的状态演变为移动互联网时代的“睡了”、“醒了”。</p>
</li>
<li>
<h2>内容隐私设置</h2>
<p>用户分享的内容，可以设置为“仅自己可见”、同时也可同步内容到Facebook,Twitter,Foursquare和Tumblr。这样一来，Path既可以当作自己的私密日记、也可以和私密好友小范围分享、还可以同步到Facebook等社交网站。</p>
</li>
<li>
<h2>聚焦移动设备，网站端功能弱化。</h2>
<p>在新的Path网站中，除了下载App以及帮助说明，几乎找不到其他的功能，而之前的用户登录、设置、网站版Time Line几乎都移除了。</p>
</li>
<li>
<h2>增加了应用内收费图片滤镜</h2>
<p>这个反正我是不会去付费了，哈哈。</p>
</li>
</ul>
<p>最后感叹一下，还是老外厉害，出了Instagram，然后就是Path、Color、Pinterest。总能找到产品差异化进行突破。</p>
<h3>相关阅读：</h3>
<ul>
<li><a href="http://www.ifanr.com/63398" target="_blank">Path上演“华丽”转身</a></li>
<li><a href="http://www.36kr.com/p/64929.html" target="_blank">社交网络已是红海，Path2向深海潜进</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.oneflash.net/2011/12/path-feature/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>一个用户登录，犯得着全都模仿吗？</title>
		<link>http://www.oneflash.net/2006/12/user-login-mode/</link>
		<comments>http://www.oneflash.net/2006/12/user-login-mode/#comments</comments>
		<pubDate>Fri, 29 Dec 2006 13:54:00 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[产品设计]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://oneflash.net/1970/01/%e4%b8%80%e4%b8%aa%e7%94%a8%e6%88%b7%e7%99%bb%e5%bd%95%ef%bc%8c%e7%8a%af%e5%be%97%e7%9d%80%e5%85%a8%e9%83%bd%e6%a8%a1%e4%bb%bf%e5%90%97%ef%bc%9f/</guid>
		<description><![CDATA[最先看到的应该是163的。 后来雅虎改成这样了。 百度也是这样的。 还有很多小网站更是照搬过来改个名字就用了。。。]]></description>
			<content:encoded><![CDATA[<p><img src="/attachments/month_0612/620061229215227.gif" border="0" alt=""/><br />
最先看到的应该是163的。<br />
<img src="/attachments/month_0612/i2006122921537.gif" border="0" alt=""/><br />
后来雅虎改成这样了。<br />
<img src="/attachments/month_0612/r20061229215324.gif" border="0" alt=""/><br />
百度也是这样的。</p>
<p>还有很多小网站更是照搬过来改个名字就用了。。。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.oneflash.net/2006/12/user-login-mode/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[转载]web可用性检查列表</title>
		<link>http://www.oneflash.net/2006/12/web-design-usability/</link>
		<comments>http://www.oneflash.net/2006/12/web-design-usability/#comments</comments>
		<pubDate>Tue, 12 Dec 2006 05:00:00 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[产品设计]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://oneflash.net/1970/01/%e8%bd%ac%e8%bd%bdweb%e5%8f%af%e7%94%a8%e6%80%a7%e6%a3%80%e6%9f%a5%e5%88%97%e8%a1%a8/</guid>
		<description><![CDATA[The ultimate webdesign usability checklist Technical Did you validate your (X)HTML using W3C Markup Validation Service? Did you validate your CSS using W3C CSS Validation Service? Did you check your website in at least IE, FF, Opera and Safari? Images Did you add the ALT and TITLE attributes to all your important images? Did you [...]]]></description>
			<content:encoded><![CDATA[<p style="FONT-WEIGHT: bold">The ultimate webdesign usability checklist</p>
<ol>
<p><strong>Technical</strong></p>
<li>Did you validate your (X)HTML using <a href="http://validator.w3.org/">W3C Markup Validation Service</a>? </li>
<li>Did you validate your CSS using <a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>? </li>
<li>Did you check your website in at least IE, FF, Opera and <a href="http://www.browsrcamp.com/">Safari</a>?
<p><strong>Images</strong></p>
</li>
<li>Did you add the ALT and TITLE attributes to all your important images? </li>
<li>Did you add the LONGDESC attributes to all your image that need a description? </li>
<li>Did you write <a href="http://www.webcredible.co.uk/user-friendly-resources/web-accessibility/image-alt-text.shtml">effective ALT text</a>? </li>
<li>Did you make the <a href="http://webxact.watchfire.com/">size of your pages</a> less then 50KB? </li>
<li>Did you choose the <a href="http://www.sitepoint.com/article/gif-jpg-png-whats-difference">appropriate filetype</a> for your images? </li>
<li>Did you add a description to images that support your content? </li>
<li>Did you use plain text instead of images for important content?
<p><strong>Content</strong></p>
</li>
<li>Did you use a sans-serif typeface with a decent font size for your body text? </li>
<li>Did you adjusted the leading and tracking, if necessary, to increase readability? </li>
<li>Did you align your body text to the left? (depends on language) </li>
<li>Did you use EM o&#114; percentages instead of PX? </li>
<li>Did you make sure that there are no whole sentences in uppercase? </li>
<li>Did you use less then 78 characters, including spaces, per line? </li>
<li>Did you make brief and precise paragraphs with explanatory titles? </li>
<li>Did you use lists to sum things up? </li>
<li>Did you write your conclusion first and then your explanation? </li>
<li>Did you <a href="http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_designing_with_colour/">cr&#101;ate enough contrast</a> between the text and the background? </li>
<li>Did you make your website also accessible for <a href="http://www.delorie.com/web/lynxview.html">text-only browsers</a>? </li>
<li>Did you make sure that there are no &lsquo;under construction&rsquo; pages? </li>
<li>Did you include a print function on pages with a large amount of text? </li>
<li>Did you include a <a href="http://alistapart.com/articles/goingtoprint/">print stylesheet</a>? </li>
<li>Did you replace all special characters with the ISO Latin-1 codes? </li>
<li>Did you spell check your content and did you proofread for grammar errors??
<p><strong>Navigation</strong></p>
</li>
<li>Did you make sure that all your links work? <a href="http://validator.w3.org/checklink">W3C Link checker</a> does the job. </li>
<li>Did you include a link to all your main pages on your homepage? </li>
<li>Did you include your main navigation on every page? </li>
<li>Did you use no more then 8 items in your main navigation? </li>
<li>Did you distinguish the active and nonactive page in the menu? </li>
<li>Did you use self explanatory link text instead of &lsquo;click here&rsquo;? </li>
<li>Did you use self explanatory link text instead of business terms? </li>
<li>Did you make a distinction between visited and non-visited links? </li>
<li>Did you make a distinction between links and plain text? </li>
<li>Did you add the <a href="http://www.w3.org/TR/html401/struct/global.html#adef-title">TITLE attribute</a> to all your links? </li>
<li>Did you use breadcrumbs if you have a large amount of pages? </li>
<li>Did you include a search option if you have a large amount of pages? </li>
<li>Did you make your logo link to your homepage? </li>
<li>Did you make a skip to content link at the top of your pages? </li>
<li>Did you make a skip to menu link at the top of your pages? </li>
<li>Did you make it possible to browse your website using SHIFT-TAB and RETURN? </li>
<li>Did you make sure you didn&rsquo;t use any javascript links?
<p><strong>Structure</strong></p>
</li>
<li>Did you make a consistent page structure? </li>
<li>Did you place your logo at the top left? </li>
<li>Did you place an explanatory tag line next to your logo? </li>
<li>Did you place your search box at the top right? </li>
<li>Did you place important content <a href="http://en.wikipedia.org/wiki/Above_the_fold">above the fold/scroll</a>? </li>
<li>Did you make your <a href="http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_designing_grid_systems_part_1/">design on a grid system</a>? </li>
<li>Did you make your design fluid using percentages? </li>
<li>Did you make your website also viewable on low resolutions? </li>
<li>Did you make custom titles (as in TITLE tag) for all your pages?
<p><strong>Forms</strong></p>
</li>
<li>Did you make sure that users don&rsquo;t return to an alt&#101;red form after an error? </li>
<li>Did you make a friendly and informative error page? </li>
<li>Did you make a friendly &lsquo;thank you&rsquo; page with a confirmation email? </li>
<li>Did you add only a &rsquo;submit&rsquo; button and no &lsquo;reset&rsquo; button? </li>
<li>Did you tell the user what to expect after clicking the submit button? </li>
<li>Did you split long forms up into multiply pages? </li>
<li>Did you gave the user room to type? </li>
<li>Did you place an asterisk when a field is compulsatory? </li>
<li>Did you keep the standard look of input fields that is generated by the browser? </li>
<li>Did you cr&#101;ate a logical o&#114;der of asking information? </li>
<li>Did you use double input fields for passwords only? </li>
<li>Did you let the computer, not the user, handle information formatting? </li>
<li>Did you make sure that users can fill in the entire form using the TAB key? </li>
<li>Did you explain to the user why you ask certain information? </li>
<li>Did you explain to the user what you are going to do with that information? </li>
<li>Did you use <a href="http://particletree.com/features/degradable-ajax-form-validation/">realtime validation using AJAX</a>? </li>
<li>Did you use the LABEL tag? </li>
<li>Did you place the LABEL above the input field, instead of next to it? </li>
<li>Did you choose the correct input type for different data? </li>
<li>Did you make the top input field automatically active using <a href="http://www.java2s.com/Code/JavaScript/Form-Control/Focusaninputfield.htm">setfocus</a>? </li>
<li>Did you destinguish the active field from non-active fields using <a href="http://www.htmldog.com/articles/suckerfish/focus/">input:focus?</a> </li>
<li>Did you use the <a href="http://www.w3.org/TR/html4/interact/forms.html#h-17.10">FIELDSET and LEGEND</a> entities when appropriate? </li>
<li>Did you check if your forms also work with Javascript turned off?
<p><strong>Multimedia</strong></p>
</li>
<li>Did you make sure that essential information/navigation is not made in Flash? </li>
<li>Did you make sure that music and videoclips don&rsquo;t start playing automatically? </li>
<li>Did you make sure that music and videoclips can be turned off at any time? </li>
<li>Did you inform the user about the size and length of your music and videoclips?
<p><strong>Extra features</strong></p>
</li>
<li>Did you <a href="http://alistapart.com/articles/perfect404/">make a custom 404 page</a>? </li>
<li>Did you make a site map? </li>
<li>Did you <a href="http://www.petefreitag.com/item/465.cfm">make a rss feed</a>? (if you add content regularly) </li>
<li>Did you make a high contrast version of your website? </li>
<li>Did you make <a href="http://alistapart.com/articles/succeed">good looking URL&rsquo;s</a> (like this one)? </li>
<li>Did you make sure that there are no frames on your website? </li>
<li>Did you make sure that there are no pop ups on your website? </li>
<li>Did you make a contact form instead of just an email link?
<p><strong>Any suggestions?</strong></p>
</li>
<li>Add number 88 by giving a comment on this post! </li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.oneflash.net/2006/12/web-design-usability/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

