Sign in or Join FriendFeed
FriendFeed is the easiest way to share online. Learn more »
Web Design: UI and IA

Web Design: UI and IA

Inspirations and resources for designing an user-centered web application/site.
Fulaan
SPRIXI – New image search engine - with a focus on image use. (with great UI) #sprixi #imagesearch - http://www.nagellen.com/2009...
SPRIXI – New image search engine - with a focus on image use. (with great UI) #sprixi #imagesearch
"Everybody knows that getting free pictures into your blog posts is complicated. Searching, resizing and then making sure you correctly follow the image license conditions is a real headache." - Fulaan from Bookmarklet
looks pretty good. A little sluggish at times, but really good UI. - Chieze Okoye
AJ Batac
AJ Batac
Fulaan
UX Exchange - Q&A site for user experience professionals - http://uxexchange.com/
UX Exchange - Q&A site for user experience professionals
It's basically a StackOverflow clone, except for UX/UI. Kinda neat. - Fulaan from Bookmarklet
An addition to a long list of specialized qna sites: superuser, doctype, stack overflow, and now uxexchange. - TrafficBug
Holy crap is there like a new social platform that I don't know about? I just saw an almost exact site called http://www.photoqna.com - See-ming Lee 李思明 SML
If one model works successfully, then it sprouts mushroom clones. StackOverflow's success has inspired many a clone even in non-computing fields like the photoqna thing. - TrafficBug
@See-ming: Have you ever heard of StackOverFlow, SuperUsr, Doctype, ServerFault, OnStartups, and a ton more clones of the original awesome Q&A site; Stackoverflow? Yeah, that's it. - Fulaan
AJ Batac
"Check your bookshelf. If it's full of titles on HTML, CSS, and the like, instead of typography, color, and layout, you may be missing a key ingredient in the designer's knowledge diet." -- Jeff Croft
AJ Batac
Easy IE Debugging For Websites: Expression Web SuperPreview - http://www.webresourcesdepot.com/easy-ie...
Easy IE Debugging For Websites: Expression Web SuperPreview
"Expression Web SuperPreview is a visual application for debugging a website in multiple IE versions easily. It can display a website in IE6, IE7 or IE8 side by side or as an onion-skin overlay and use rulers, guides and zoom/pan tools to precisely identify differences in layout." - AJ Batac from Bookmarklet
AJ Batac
synapseindia
Vote for me in World's Best Presentation Contest 2009 Graphic Designing http://www.slideshare.net/synapse...
Leon Ho
26 Websites for Tutorials Starting out in Website Design & Development / JRB - http://blog.jakerocheleau.com/2009...
26 Websites for Tutorials Starting out in Website Design & Development / JRB
Show all
Aaman (Clone of FF)
Peter Pearson - Web Designer / Developer in London & Hertfordshire, UK - http://www.peter-pearson.com/
I have no words to describe the perfect minimalism and innovation in this website design - Aaman (Clone of FF) from Bookmarklet
AJ Batac
Provide visible and useful user feedbacks on error messages. 30 examples and commentary. - http://www.thewebshop.ca/blog...
Provide visible and useful user feedbacks on error messages. 30 examples and commentary.
Show all
"Every user have the right to see information feedbacks, notices, messages and errors clearly, visible and useful. Or else, your visitors will get easily frustrated and go away. Worst, go to your competitor who offers better visuals. You may have the best looking site with the best functionality out there but if you ignore this simple web interaction rule, you will certainly have some support issues. Your visitors shouldn’t be a Ph.D. in order to know what is going on. Let’s take a look at some popular sites on how they handle user messages, how they show users when something goes wrong." - AJ Batac from Bookmarklet
Leon Ho
Create Featured Content Slider Using jQuery UI - http://webdeveloperplus.com/jquery...
AJ Batac
"CheckMyColours.com by Giovanni Scala is a tool for checking foreground and background color combinations of all DOM elements and determining if they provide sufficient contrast when viewed by someone having color deficits. All the tests are based on the algorithms suggested by the World Wide Web Consortium (W3C)." - AJ Batac from Bookmarklet
AJ Batac
"ColoRotate is an interesting new site that picks a novel approach to the traditional color picker design. Instead of 2D circles or sliders, ColoRotate features a 3D cone. At the core of the cone is the spectrum of colors. Intersecting that is the tint which lies on the z-axis. You can manipulate each one separately to help you arrive at your color. You can also blend two colors together." - AJ Batac from Bookmarklet
I came across this a while ago... It looks really awesome but it confused the heck out of me!! - Lindsay
I calm myself by going back to 'yellow and blue make green. yellow and blue make green' *Ziiiiiip* =) - Micah Wittman
Leon Ho
Take Your Design To The Next Level With CSS3 - http://www.smashingmagazine.com/2009...
Take Your Design To The Next Level With CSS3
Show all
Clay Newton
PSDThemes
Flex Darkskin Free PSDTheme.This is Flex UI PSDtheme. i create this for fun. all items are different psd files like buttons,sliders,tabs etc. if you know how to convert PSD to Flex UI, you will get Fantastic Dark skin for your application. PSD files created on adobe flex psd templates. if you like it download free. - http://www.psdthemes.com
skin01.jpg
AJ Batac
"The two giants pride themselves for producing cutting edge consumer and business products, and are leading the developments in software and hardware. But what about their websites? How do they both compare, and more important, which one is better and more usable? Well, in this article we’ll take a look at both websites for closer examination from a usability point of view." - AJ Batac from Bookmarklet
PSDThemes
We move our creativity level to new heights and now we need your support.http://psdthemes.com
screen_193.jpg
Leon Ho
Fancy Form Design Using CSS [CSS Tutorials] - http://www.sitepoint.com/article...
Fancy Form Design Using CSS [CSS Tutorials]
Fancy Form Design Using CSS [CSS Tutorials]
Show all
Leon Ho
Pattern Tap : Interface Collection for Design Inspiration - http://patterntap.com/#
Pattern Tap : Interface Collection for Design Inspiration
Excellent place to find UI/Design inspiration. - Leon Ho from Bookmarklet
Leon Ho
Web-Based Tools for Optimizing, Formatting and Checking CSS - http://sixrevisions.com/css...
Web-Based Tools for Optimizing, Formatting and Checking CSS
Show all
Leon Ho
Web Form Design Patterns: Sign-Up Forms | How-To | Smashing Magazine - http://www.smashingmagazine.com/2008...
Web Form Design Patterns: Sign-Up Forms | How-To | Smashing Magazine
Web Form Design Patterns: Sign-Up Forms | How-To | Smashing Magazine
Show all
"If you want to maximize the revenue of your service you need to maximize completion rates of your web forms. Unless you have some revolutionary ideas to impress your visitors at first glance, it is not enough to simply enable users to sign up on your site. To make it possible for the service to reach a maximal exposure we, designers, need to provide users with a good user experience. We need to invite them, describe them how the service works, explain them why they should fill in the form and suggests the benefits they’ll get in return. And, of course, we should also make it extremely easy for them to participate." - Leon Ho from Bookmarklet
Leon Ho
15 CSS and HTML Tutorials You Can Use In Your Projects | Social CMS Buzz - http://socialcmsbuzz.com/15-css-...
15 CSS and HTML Tutorials You Can Use In Your Projects | Social CMS Buzz
Show all
João Ramos
Leon Ho
20 Amazing jQuery Plugins and 65 Excellent jQuery Resources | Speckyboy - Wordpress and Design - http://speckyboy.com/2008...
20 Amazing jQuery Plugins and 65 Excellent jQuery Resources | Speckyboy - Wordpress and Design
20 Amazing jQuery Plugins and 65 Excellent jQuery Resources | Speckyboy - Wordpress and Design
Show all
Leon Ho
Designing for WordPress: Complete Series & Downloads - CSS-Tricks - http://css-tricks.com/designi...
Designing for WordPress: Complete Series & Downloads - CSS-Tricks
Leon Ho
Top 10 CSS buttons tutorial list - http://www.catswhocode.com/blog...
Top 10 CSS buttons tutorial list
Show all
Leon Ho
CSS - Contents and compatibility - http://www.quirksmode.org/css...
Leon Ho
Graph Paper | Konigi - http://konigi.com/tools...
Graph Paper | Konigi
Graph Paper | Konigi
Graph Paper | Konigi
"This graph paper is made for visual designers, interaction designers, and information architects. You'll find styles for wireframing user interfaces, story boarding interaction, and plotting values on a two by two grid. Plus you'll get a basic grid for drafting sitemaps or anything else that might come up." - Leon Ho from Bookmarklet
Other ways to read this feed:Feed readerFacebook