tag:blogger.com,1999:blog-72027198135710274692011-07-31T04:22:37.032-07:00Carol Baleshttp://www.blogger.com/profile/12168097965219158898noreply@blogger.comBlogger51100tag:blogger.com,1999:blog-7202719813571027469.post-69950643531607548672011-04-22T13:29:00.001-07:002011-04-22T13:29:22.041-07:00test<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7202719813571027469-6995064353160754867?l=uxcreativity.blogspot.com' alt='' /></div>Carol Baleshttp://www.blogger.com/profile/12168097965219158898noreply@blogger.com0tag:blogger.com,1999:blog-7202719813571027469.post-62151338032547555622011-04-22T13:28:00.001-07:002011-04-22T13:28:53.986-07:00test<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7202719813571027469-6215133803254755562?l=uxcreativity.blogspot.com' alt='' /></div>Carol Baleshttp://www.blogger.com/profile/12168097965219158898noreply@blogger.com0tag:blogger.com,1999:blog-7202719813571027469.post-38046404137890011982011-04-06T08:33:00.000-07:002011-04-06T08:33:03.654-07:00Xmarks bookmark sync manager seems pretty well designed. &nbsp;I liked this little layer window that prompts me to log in or "run setup wizard". <br /><br /><div class="separator" style="clear: both; text-align: left;"><a href="http://3.bp.blogspot.com/-791KYTX_z0k/TZyB2p_S87I/AAAAAAAAACk/WGnsC3OXSKA/s1600/xm1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="254" src="http://3.bp.blogspot.com/-791KYTX_z0k/TZyB2p_S87I/AAAAAAAAACk/WGnsC3OXSKA/s320/xm1.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">I like this style of contextual prompts for a form. &nbsp;As you tab through the form, a friendly, not overly wordy prompt appears.</div><div class="separator" style="clear: both; text-align: left;"></div><br /><a href="http://3.bp.blogspot.com/-Q7-q4Z09SuA/TZyCjWgEVfI/AAAAAAAAACs/xdQMOUMv3M8/s1600/xm2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="277" src="http://3.bp.blogspot.com/-Q7-q4Z09SuA/TZyCjWgEVfI/AAAAAAAAACs/xdQMOUMv3M8/s320/xm2.png" width="320" /></a><br /><br /><div class="separator" style="clear: both; text-align: left;"></div><div class="separator" style="clear: both; text-align: left;"></div><br />The wizard does a good job of prompting the user, funneling behavior, showing progress, and showing status.<br /><br /><a href="http://3.bp.blogspot.com/-iZ_H1kPu3Y4/TZyCjyLcWzI/AAAAAAAAACw/XHzSkBcLCG8/s1600/xm3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/-iZ_H1kPu3Y4/TZyCjyLcWzI/AAAAAAAAACw/XHzSkBcLCG8/s320/xm3.png" width="285" /></a><br /><br /><div class="separator" style="clear: both; text-align: left;"></div><div class="separator" style="clear: both; text-align: left;"></div><br /><br /><br /><div class="separator" style="clear: both; text-align: left;"><a href="http://1.bp.blogspot.com/-tiN0a_gqJ8E/TZyCjHMMI5I/AAAAAAAAACo/xSfgLbmkkQY/s1600/xm4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="264" src="http://1.bp.blogspot.com/-tiN0a_gqJ8E/TZyCjHMMI5I/AAAAAAAAACo/xSfgLbmkkQY/s320/xm4.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7202719813571027469-3804640413789001198?l=uxcreativity.blogspot.com' alt='' /></div>Carol Balesnoreply@blogger.com0tag:blogger.com,1999:blog-7202719813571027469.post-84394941011564809362010-04-15T12:35:00.000-07:002010-04-15T12:38:31.094-07:00This is where I post <a href="http://www.evernote.com/pub/carolbales/DesignResources#Note/8ae5f01c-478f-44b4-95a9-39cc1f3e66be">resources</a> for the AiA classes I teach.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7202719813571027469-8439494101156480936?l=uxcreativity.blogspot.com' alt='' /></div>Carol Balesnoreply@blogger.com0tag:blogger.com,1999:blog-7202719813571027469.post-22496377188509711822009-10-04T14:43:00.000-07:002010-07-17T14:46:22.576-07:00A notebook of Web interface designs that I like.<br /><div><br /></div><div><br /></div><div><br /></div><div><b>Things I like...</b></div><div><b><br /></b></div><div>Have become too lazy to post dates and screenshots. </div><div><b><br /></b></div><div><b><a href="http://wavingdrowning.com/">http://wavingdrowning.com/</a> </b>Breaks all kinds of rules about composition, but its intriguing and evocative. </div><div><b><br /></b></div><div>December 2, 2009</div><div><a href="http://www.freshbooks.com/">Freshbooks.com</a> has a cool "ticker" that indicates how frequently their service is being used.</div><b></b><br /><b><div><br /></div></b><div>December 1, 2009</div><div><a href="http://designtutorials4u.com/30-retro-and-vintage-websites-for-design-inspiration/">This site has vintage/retro inspired Web sites</a></div><div><br /></div><div><b><br /></b></div><div><a href="http://4.bp.blogspot.com/_fNmu_1NgB0o/SwqxfrgF0jI/AAAAAAAAABw/RVP9VLT2ups/s1600/11-23-2009+10-59-19+AM.png"><img id="BLOGGER_PHOTO_ID_5407329460423086642" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 264px; CURSOR: hand; HEIGHT: 154px" alt="" src="http://4.bp.blogspot.com/_fNmu_1NgB0o/SwqxfrgF0jI/AAAAAAAAABw/RVP9VLT2ups/s320/11-23-2009+10-59-19+AM.png" border="0" /></a><br /></div><div>November 23, 2009</div><div><br /></div><div>This is great form design. It validates each field upon tabbing. So smart. Also a cool service. <a href="http://www.pearltrees.com/">http://www.pearltrees.com/</a></div><b></b><br /><div><b><br /><div><br /></div></b><br /><div>17 Oct 2009</div><br /><div>This is an amazingly helpful site that helps you figure out type spacing &amp; leading. <a href="http://www.typetester.org/">http://www.typetester.org/</a></div><br /><div><b><br /></b></div><br /><div><br /></div><br /><div><img id="BLOGGER_PHOTO_ID_5391504015121492946" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 200px; CURSOR: hand; HEIGHT: 190px" alt="" src="http://3.bp.blogspot.com/_fNmu_1NgB0o/StJ4Vhpoq9I/AAAAAAAAABo/bzN2i5y5DJM/s320/mod.png" border="0" /> </div><br /><div>11 Oct 2009</div><br /><div>I just saw these new drink kiosks at Sam's yesterday. I was impressed with how they turned each logo into a button for a super-simple interface. Here's an article about mondo designers in <a href="http://www.fastcompany.com/design/2009/">Fast Company</a>. </div><br /><div><br /></div><br /><div><br /></div><br /><div><br /></div><div><img id="BLOGGER_PHOTO_ID_5391020251802815586" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 200px; CURSOR: hand; HEIGHT: 170px" alt="" src="http://2.bp.blogspot.com/_fNmu_1NgB0o/StDAWy2kzGI/AAAAAAAAABg/u7yzZFThZJ8/s320/twitter.png" border="0" /></div><br /><div>9 Oct 2009</div><br /><div>This is a fun animation treatment from commoncraft.com for "<a href="http://www.youtube.com/watch?v=ddO9idmax0o&amp;feature=player_embedded#">Twitter in Plain English</a>."</div><br /><div><br /></div><br /><div><br /></div><br /><div><br /></div><div></div><div><br /></div><br /><div><img id="BLOGGER_PHOTO_ID_5388873298200719666" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 212px; CURSOR: hand; HEIGHT: 189px" alt="" src="http://1.bp.blogspot.com/_fNmu_1NgB0o/SskftpbXcTI/AAAAAAAAABY/1TgSI3t6YR4/s320/tdr.png" border="0" /></div><br /><div><br /></div><br /><div>This is lovely. Good design with type, good page layout, good interaction design. And almost entirely without color. <a href="http://typedeskref.com/">http://typedeskref.com/</a> </div><br /><div><br /></div><br /><div><br /></div><br /><div><br /></div><br /><div><span class="Apple-style-span" style="font-family:verdana;"><b>Good resources...</b></span></div><div><br /><div><br /></div><br /><div>About Brand Identity: <a href="http://www.underconsideration.com/brandnew">http://www.underconsideration.com/brandnew</a> </div><br /><div><br /></div><br /><div></div><br /><div>Ad Goodness: <a href="http://www.frederiksamuel.com/blog">http://www.frederiksamuel.com/blog</a></div><br /><div>not only a good source, but a cool b&amp;w interface</div><br /><div></div><br /><div><br /></div><br /><div>A List Apart: <a href="http://www.alistapart.com/">http://www.alistapart.com/</a></div><br /><div>o boy! this weeks' is about search design</div></div><br /><div><br /><br /><div><br /></div><br /><div></div></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7202719813571027469-2249637718850971182?l=uxcreativity.blogspot.com' alt='' /></div>Carol Balesnoreply@blogger.com0