<?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>Seifi.org &#187; ui</title>
	<atom:link href="http://www.seifi.org/category/ui/feed" rel="self" type="application/rss+xml" />
	<link>http://www.seifi.org</link>
	<description>A Web Development Blog by Joe Seifi - seifi.org</description>
	<lastBuildDate>Thu, 12 Aug 2010 05:35:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Yummy Yummy, New Delicious Design</title>
		<link>http://www.seifi.org/css/yummy-yummy-new-delicious-design.html</link>
		<comments>http://www.seifi.org/css/yummy-yummy-new-delicious-design.html#comments</comments>
		<pubDate>Fri, 01 Aug 2008 00:20:13 +0000</pubDate>
		<dc:creator>Joe Seifi</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[portals]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://www.seifi.org/?p=670</guid>
		<description><![CDATA[Looks like the long awaited web 2.0izing of the del.icio.us website is finally here. Very sleek and sexy is my first impression. Take a look at some of the older user interfaces to get a sense for how del.icio.us has evolved until now. Aside from the new look there are new features as well. The [...]]]></description>
			<content:encoded><![CDATA[<p>Looks like the <a href="http://www.techcrunch.com/2007/09/06/exclusive-screen-shots-and-feature-overview-of-delicious-20-preview/" target="_blank">long awaited</a> web 2.0izing of the del.icio.us website is <a href="http://www.delicious.com" target="_blank">finally here</a>. Very sleek and sexy is my first impression.</p>
<p><img src="http://www.seifi.org/wp-content/uploads/2008/07/new_delicious.jpg" alt="" title="New Delicious Homepage Design" width="450" height="278" class="alignnone size-full wp-image-671" /></p>
<p> Take a look at some of the <a href="http://www.flickr.com/photos/joshu/sets/72157600740166824/" target="_blank">older user interfaces</a> to get a sense for how del.icio.us has <a href="http://delicious.com/help/whatsnew" target="_blank">evolved</a> until now. Aside from the new look there are new features as well. The delicious dev team has supposedly completely rewritten the code base, to allow for a more scalable and spry tool.</p>
<p><strong>New features:</strong></p>
<p><img src="http://www.seifi.org/wp-content/uploads/2008/07/delicious_changes_animation.gif" alt="" title="delicious_changes_animation" width="250" height="154" class="alignnone size-full wp-image-672" align="left" hspace="20" /> <strong>Navigation</strong>: New simple CSS tabs with onclick drop down menus make is simple to find your tasty bookmarks. The navigation structures seems to borrow from Flickr. Search also comes with a simple drop down option list to find stuff in your bookmarks, network or everyone. </p>
<p><strong>Bookmarks</strong>: You have Title view, regular view and Full View options here. View your popular bookmarks to filter the good stuff and filter down more by choosing fresh only. </p>
<p><strong>Sidebar</strong>: is updated to show a relative set of tags related to your left content pane. </p>
<p><strong>Action Box</strong>: This light blue box in the sidebar shows the common tasks for the given page. </p>
<p><strong>Search URL</strong>: This is a reverse search for bookmarks and pulls in the ones with the given URL along with tags used for that URL by each user, broken down in chronological order. You can also view the notes added by each user to the given URL.</p>
<p><strong>Settings</strong>: The settings page is laid out with all the actions listed on one page, similar to a sitemap.</p>
<p><strong>Forums</strong>: There is a support forum that looks more like a categorized list of links than a forum. I like the non-cluttered design. Reminds me of Drupal.</p>
<p>As in the past <a href="http://delicious.com/help/api" target="_blank">their API</a> is still available for developer consumption.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.seifi.org/css/yummy-yummy-new-delicious-design.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>iPhone Browser Simulator</title>
		<link>http://www.seifi.org/ui/iphone-browser-simulator.html</link>
		<comments>http://www.seifi.org/ui/iphone-browser-simulator.html#comments</comments>
		<pubDate>Tue, 03 Jul 2007 03:36:23 +0000</pubDate>
		<dc:creator>Joe Seifi</dc:creator>
				<category><![CDATA[apple]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[testing]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false">http://www.seifi.org/iphone/iphone-browser-simulator.html</guid>
		<description><![CDATA[I have created a simple Simulator for the iPhone Safari (TestiPhone.com) web browser. You can use this to test you Web Applications and see how they might look in the Safari web browser included with the iPhone. I have tested this using IE7, FireFox2 and Safari 3 within Windows. The beautiful graphics come from the [...]]]></description>
			<content:encoded><![CDATA[<p>I have created a simple Simulator for the iPhone Safari <a href="http://www.testiphone.com/">(TestiPhone.com)</a> web browser. You can use this to test you Web Applications and see how they might look in the Safari web browser included with the iPhone. I have tested this using IE7, FireFox2 and Safari 3 within Windows. The beautiful graphics come from the <a href="http://www.marketcircle.com/iphoney/">iPhoney</a> project which is a wonderful application for testing using your Apple PC. I just wanted to have a quick and dirty browser based version of this tool that I can access from anywhere. Some of the iPhone apps are also listed for easy testing.<br />
<span id="more-581"></span><br />
If you would like your iPhone application listed in the Simulator page add the url below.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.seifi.org/ui/iphone-browser-simulator.html/feed</wfw:commentRss>
		<slash:comments>42</slash:comments>
		</item>
		<item>
		<title>Frustrations as a Web professional</title>
		<link>http://www.seifi.org/ui/frustrations_as_a_web_professional.html</link>
		<comments>http://www.seifi.org/ui/frustrations_as_a_web_professional.html#comments</comments>
		<pubDate>Thu, 01 Jan 1970 00:00:00 +0000</pubDate>
		<dc:creator>Joe Seifi</dc:creator>
				<category><![CDATA[ui]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Roger writes a great rant about his frustrations?in life as a web developer. I have to agree that these points are quite?real. Here is his list for excuses why people don&#8217;t always do the best they can in web development. Visual consistency &#8211; &#8220;&#8230; please do everybody a favour and stick to the safety of [...]]]></description>
			<content:encoded><![CDATA[<p>Roger <a href="http://www.456bereastreet.com/archive/200704/lame_excuses_for_not_being_a_web_professional/">writes</a> a great rant about his frustrations?in life as a web developer. I have to agree that these points are quite?real. Here is his list for excuses why people don&#8217;t always do the best they can in web development.<span id="more-474"></span></p>
<p>Visual consistency &#8211; &#8220;&#8230; please do everybody a favour and stick to the safety of your printed brochures.&#8221;</p>
<p>Engaging user experience &#8211; &#8220;..people who talk a lot about creating a good user experience are more often than not completely clueless about usability &#8221;</p>
<p>Target audience &#8211; &#8220;This is the Web. The only thing you know about who will come is that you do not know who will come.&#8221;</p>
<p>Statistics &#8211; &#8220;Using the statistics defence is letting your (bad) design and/or technology choices determine who your target audience is.&#8221;</p>
<p>HTML-challenged IDEs and frameworks &#8211; &#8220;It seems like <abbr></abbr>HTML, <abbr title="Cascading Style Sheets"></abbr>CSS, and JavaScript are all way too complicated for most back-end programmers. &#8221;</p>
<p>Some others are &#8220;The real world&#8221; and &#8220;It gets the job done&#8221;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.seifi.org/ui/frustrations_as_a_web_professional.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What your colors say about your site</title>
		<link>http://www.seifi.org/ui/what_your_colors_say_about_your_site.html</link>
		<comments>http://www.seifi.org/ui/what_your_colors_say_about_your_site.html#comments</comments>
		<pubDate>Thu, 01 Jan 1970 00:00:00 +0000</pubDate>
		<dc:creator>Joe Seifi</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[While in designing a website you <a href="http://www.w3.org/TR/AERT#color">should not rely on color alone</a>, it does help to know what the colors you choose are saying. Why does Google use 4 colors in their <a href="http://www.google.com/intl/en/images/logo.gif">logo</a> while <a href="http://us.a1.yimg.com/us.yimg.com/i/ww/beta/y3.gif">Yahoo</a> only uses red? Why did <a href="http://jetblue.com">JetBlue</a> choose this color as opposed to JetGreen or JetRed?

Do you know the <a href="http://www.webdesignref.com/chapters/13/ch13-17.htm">meaning</a> of <a href="http://www.ancientways.com/store/color_meanings/COLOR_MEANINGS_04.pdf">colors</a>? For example while blue is a male color portraying peace and sadness, green can portray newness. Color Psychology <a href="mms://rohmnhaaswm.fplive.net/rohmnhaas/pqi/colorpsych_hi.wmv">shows us</a> what colors brings out what moods, emotions, and appetites. There are even <a href="http://www.saunalahti.fi/jawap/colour/colortest.html">tests</a> that can analyze you based on color preferences. There is the belief that different cultures have completely different interpretations of color and no universal psychological reaction to a specific color exists. For example, death is symbolized by black in most Western cultures and by white in many Eastern cultures.
<img src="/files/img/color_wheel.jpg" align="right" title="color wheel" width="90" height="75" border="0" hspace="5" vspace="5">

Various display devices also handle colors differently. <a href="http://www.webdesignref.com/chapters/13/ch13-14.htm">CRT, LCD</a> and a Phone screens, PCs and Macs, all have unique color rendering <a href="http://msdn.microsoft.com/library/default.asp?url=/archive/en-us/dnarwebtool/html/cleartype.asp">characteristics</a>. To be complete also correct for color blindness. <a href="http://www.michelf.com/projects/sim-daltonism/">Sim Daltonism</a> is a small yet powerful free OSX app to test your website for color blindness. It comes with 8 different filters to simulate everything ranging from partial to complete color blindness. 

]]></description>
			<content:encoded><![CDATA[<p>While in designing a website you <a href="http://www.w3.org/TR/AERT#color">should not rely on color alone</a>, it does help to know what the colors you choose are saying. Why does Google use 4 colors in their <a href="http://www.google.com/intl/en/images/logo.gif">logo</a> while <a href="http://us.a1.yimg.com/us.yimg.com/i/ww/beta/y3.gif">Yahoo</a> only uses red? Why did <a href="http://jetblue.com">JetBlue</a> choose this color as opposed to JetGreen or JetRed?</p>
<p>Do you know the <a href="http://www.webdesignref.com/chapters/13/ch13-17.htm">meaning</a> of <a href="http://www.ancientways.com/store/color_meanings/COLOR_MEANINGS_04.pdf">colors</a>? For example while blue is a male color portraying peace and sadness, green can portray newness. Color Psychology <a href="mms://rohmnhaaswm.fplive.net/rohmnhaas/pqi/colorpsych_hi.wmv">shows us</a> what colors brings out what moods, emotions, and appetites. There are even <a href="http://www.saunalahti.fi/jawap/colour/colortest.html">tests</a> that can analyze you based on color preferences. There is the belief that different cultures have completely different interpretations of color and no universal psychological reaction to a specific color exists. For example, death is symbolized by black in most Western cultures and by white in many Eastern cultures.<br />
<img border="0" vspace="10" align="right" width="90" src="http://seifi.org/wp-content/uploads/2005/10/color_wheel.jpg" hspace="10" height="75" title="color wheel" /></p>
<p>Various display devices also handle colors differently. <a href="http://www.webdesignref.com/chapters/13/ch13-14.htm">CRT, LCD</a> and a Phone screens, PCs and Macs, all have unique color rendering <a href="http://msdn.microsoft.com/library/default.asp?url=/archive/en-us/dnarwebtool/html/cleartype.asp">characteristics</a>. To be complete also correct for color blindness. <a href="http://www.michelf.com/projects/sim-daltonism/">Sim Daltonism</a> is a small yet powerful free OSX app to test your website for color blindness. It comes with 8 different filters to simulate everything ranging from partial to complete color blindness.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.seifi.org/ui/what_your_colors_say_about_your_site.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Apple Skins</title>
		<link>http://www.seifi.org/ui/apple_skins.html</link>
		<comments>http://www.seifi.org/ui/apple_skins.html#comments</comments>
		<pubDate>Thu, 01 Jan 1970 00:00:00 +0000</pubDate>
		<dc:creator>Joe Seifi</dc:creator>
				<category><![CDATA[apple]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[From the User Experience <a href="http://developer.apple.com/documentation/UserExperience/Conceptual/OSXHIGuidelines/XHIGWindows/chapter_17_section_3.html">documentation</a> for Apple Developers: <blockquote>You should not use a brushed metal window if your application: * Is a multi-window application for example, Interface Builder * Is a document-based application - for example, TextEdit Use the brushed metal window look for the primary application window and other windows that meet the above criteria - for example, the Equalizer window in iTunes. Don&#39;t use it for supporting windows, such as preferences and other dialogs. It is acceptable to have a mix of standard Aqua windows and brushed metal windows within an application, as the Finder does. </blockquote>Now I know why my mac doesn&#39;t have a way to change the skin of all apps globally. XP has this figured out pretty well and gives itself a uniform look across. In OSX I have to deal with each app and each window in each app having it&#39;s own set of skins, brushed metal, round corners, square corners, and burnt metal now with the new iTunes. Sure I guess It&#39;s great that I can tell mail from safari by seeing a different skin. But really I hope to see per application skin support built natively into all tiger apps going forward, as there is currently for language support. Can you imagine if each app was forced to a specific language? ]]></description>
			<content:encoded><![CDATA[<p>From the User Experience <a href="http://developer.apple.com/documentation/UserExperience/Conceptual/OSXHIGuidelines/XHIGWindows/chapter_17_section_3.html">documentation</a> for Apple Developers:</p>
<blockquote><p>You should not use a brushed metal window if your application: * Is a multi-window application for example, Interface Builder * Is a document-based application &#8211; for example, TextEdit Use the brushed metal window look for the primary application window and other windows that meet the above criteria &#8211; for example, the Equalizer window in iTunes. Don&#8217;t use it for supporting windows, such as preferences and other dialogs. It is acceptable to have a mix of standard Aqua windows and brushed metal windows within an application, as the Finder does.</p></blockquote>
<p>Now I know why my mac doesn&#8217;t have a way to change the skin of all apps globally. XP has this figured out pretty well and gives itself a uniform look across. In OSX I have to deal with each app and each window in each app having it&#8217;s own set of skins, brushed metal, round corners, square corners, and burnt metal now with the new iTunes. Sure I guess It&#8217;s great that I can tell mail from safari by seeing a different skin. But really I hope to see per application skin support built natively into all tiger apps going forward, as there is currently for language support. Can you imagine if each app was forced to a specific language?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.seifi.org/ui/apple_skins.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.577 seconds -->
