<?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>UI DESIGN GUIDE - Web Application Design, Design Examples, Design Lessons &#187; design examples</title>
	<atom:link href="http://www.uidesignguide.com/tag/design-examples/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.uidesignguide.com</link>
	<description>Exploring The World Of Web Application Interface Design By Design Examples, Lessons, And Real Project Design Examples.&#34;</description>
	<lastBuildDate>Wed, 01 Feb 2012 14:07:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>UI Design Challenge: Redesign A Filter Widget</title>
		<link>http://www.uidesignguide.com/2009/06/10/ui-design-challenge-redesign-a-filter-widget/</link>
		<comments>http://www.uidesignguide.com/2009/06/10/ui-design-challenge-redesign-a-filter-widget/#comments</comments>
		<pubDate>Wed, 10 Jun 2009 18:33:26 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[design mentality]]></category>
		<category><![CDATA[application design]]></category>
		<category><![CDATA[Design Class]]></category>
		<category><![CDATA[design examples]]></category>
		<category><![CDATA[design lessons]]></category>
		<category><![CDATA[design problems]]></category>
		<category><![CDATA[ui design lessons]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=605</guid>
		<description><![CDATA[So I am bringing back the UI design challenge and wanted to try this a bit different. I want this to be an interactive experience. If you listen to my audio blog posts: http://boo.fm/b29310. I talked about recent research I was conducting to locate a new house.]]></description>
			<content:encoded><![CDATA[<p>So I am bringing back the UI design challenge and wanted to try this a bit different. I want this to be an interactive experience. If you listen to my audio blog posts: http://boo.fm/b29310. I talked about recent research I was conducting to locate a new house.</p>
<p><span id="more-605"/></p>
<p>During the course of this research I used many front-end UI interfaces and house databases. I came across one such search that was extremely tricky to use. Notice the image below and see that I am required to type in a zip code, but then I am presented with a GIGANTIC list of options in a multi-line text box (some 100+).</p>
<p>So here is the challenge to the community. If you want to participate great. For this particular problem your goal is to come up with a new and better design for the interface presented. If you want you can post a comment that goes to your design illustration etc, or you can simply e-mail me and I’ll be posting some of the entries here along with author and web site link.</p>
<p>There are no prizes. This is strictly for education purposes. There are no right or wrong answers. On To the challenge!</p>
<h2>The Challenge:</h2>
<div id="attachment_608" class="wp-caption aligncenter" style="width: 310px"><p class="wp-caption-text">Area Search OLD WIDGET</p></div>
<h2>My Example:</h2>
<p>In my example below I took two routes. One allows the users results to be filtered down to a smaller number by choosing the area in a drop down. The other route I added some interactivity with the mouse. Based upon the 2 filters search type, and area a user could click the “LET ME DRAW IT” and would be presented a zoomed map of the region. Then they can simply draw a box around the region of interest. Click search and then a number of different things could happen. A user could see houses pop up on the map, they could see a directory listing to the right. The point of this challenge is to design something different and hopefully better than the original</p>
<div id="attachment_611" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.uidesignguide.com/wp-content/uploads/2009/06/map_proto.gif"/><p class="wp-caption-text">My New Design Prototype</p></div>
<h2>Your Design Examples:</h2>
]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2009/06/10/ui-design-challenge-redesign-a-filter-widget/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

