UI/UX
Get flash to fully experience Pearltrees
Making beautiful forms; Square and Recurly
Making beautiful forms; Square and Recurly Posted by Dion Almaer about a year ago on ux I recently had some time to play with some apps (stuck somewhere with no place to go). 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.
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.
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. As a UX professional, I sketch every day. I often take over entire walls in our office and cover them with sketches, mapping out everything from context scenarios to wireframes to presentations.
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.