UI/UX
Get flash to fully experience Pearltrees
Making beautiful forms; Square and Recurly
I started to play with Square (and their card case app). I have always been impressed with their UX as it is simple (much use of white space a la Google), but in a way that is quite beautiful and not bland as Google can be. One area that jumped out to me was on a very simple flow. Adding your credit card info. Most sites make you select a bunch of unnecessarily information and the forms are overly verbose. Contrast them to the the Square flow (you should try it on the app as the transitions are part of the beauty).
24 ways: Displaying Icons with Fonts and Data- Attributes
Traditionally, bitmap formats such as PNG have been the standard way of delivering iconography on websites. They’re quick and easy, and it also ensures they’re as pixel crisp as possible. Bitmaps have two drawbacks, however: multiple HTTP requests, affecting the page’s loading performance; and a lack of scalability, noticeable when the page is zoomed or viewed on a screen with a high pixel density, such as the iPhone 4 and 4S. The requests problem is normally solved by using CSS sprites, combining the icon set into one (physically) large image file and showing the relevant portion via background-position . While this works well, it can get a bit fiddly to specify all the positions. In particular, scalability is still an issue.
The Messy Art Of UX Sketching - Smashing UX Design
I hear a lot of people talking about the importance of sketching when designing or problem-solving, yet it seems that very few people actually sketch.
January 22, 2005 by Luke Wroblewski “Input elements should be organized in logical groups so that your brain can process the form layout in chunks of related fields.” – HTML: the Definitive Guide Quite rare is the Web application that doesn’t make extensive use of forms for data input and configuration. But not all Web applications use forms consistently. Variations in the alignment of input fields, their respective labels, calls to action, and their surrounding visual elements can support or impair different aspects of user behavior.
Web Application Form Design
Pattern Tap : Organized Web Design Collection of User Interfaces
Pattern Tap and TreeHouse Treehouse puts your career in your hands. The most powerful design and development resources taught in simple, accessible, always available ways. Go get it now.