#ui (158 links)
Instead of cluttering client sites with this kind of widget I’ve started adding a set of pages with information that helps the user resize text in their browser.
- About the Book - Designing Interfaces designinginterfaces.com
An intermediate-level book about interface and interaction design, structured as a pattern language.
- ActsAsUndoable | Javascript nodetraveller.com
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.
- jQuery UI: Widgets, Components, and Interactions ui.jquery.com
A set of themable widgets and interactions, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.
- Design Inside Yahoo!: George Oates | unraveled unraveled.com
I talked to George about Flickr’s beginnings at Ludicorp, its place in Yahoo!’s social media strategy and the Flickr design process.
Holding on to this disbelief – this myth that users won’t scroll to see anything below the fold – is doing everyone a great disservice, most of all our users.
Even if you can't avoid an eventual login, it is possible to make the user's login process nearly seamless. Too many sites take a ham-handed, completely traditional approach to logins. You can do much, much better than the abysmal login barrier status quo
Flex Templating provides rich client side website templating using MVC (Model-View-Controller). FXT solves a host of problems for using Flex and Flash Player for website development.
- Uni-Form dnevnikeklektika.com
"Uni-Form is an attempt to standardize form markup (xhtml) and css, "modularize" it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms."
- Tantek's Thoughts — 2007 February tantek.com
Three Hypotheses of Human Interface Design: "I'm calling these hypotheses instead of laws because they have yet to be proven out through rigrous scientific study and critique. I've developed them merely from anecdotes and examples."
- Rectangular Marquee Tool marqueetool.net
allows you to select rectangular areas on <DIV> or <IMG> elements, calculate selection coordinates, display them or send them to the server.
- Designing for Content | GarrettDimon.com garrettdimon.com
Visual decoration had to be kept to minimum. For me, this mean forgoing any heavy visual treatment of the header or inclusion of a mark or logo. [...] I would have to rely on typography, the grid, and whitespace to create an aesthetically pleasing experie
- A List Apart: Articles: Making Compact Forms More Accessible alistapart.com
Forms pose a series of usability and accessibility challenges, many of which are made more complex when you need to build a form to fit into a small space.
- Forget WYSIWYG editors - use WYSIWYM instead | 456 Berea Street 456bereastreet.com
There is another kind of editor that is better suited than WYSIWYG for content-driven, client-edited sites - the WYSIWYM (What You See Is What You Mean) editor.
UI expert Robert Hoekman Jr shows you how to educate your visitors about the features of contemporary sites and web apps through instructive design.
There was a large amount of interest in last month’s Web Application Form Design article, so I decided to provide some additional details.
- Label Placement in Forms :: UXmatters uxmatters.com
Evaluating label placement in forms with eyetracking.
- Smashing Magazine | Blog Archive » CSS-Based Forms: Modern Solutions smashingmagazine.com
Modern solutions a web-developer can use [when] designing his/her next css-based form.
- Properties : CSS 2.1 Reference : Cultured Code culturedcode.com
Clients love to request [splash pages] and these are the arguments I use to shoot them down
- Real Wireframes Get Real Results - Boxes and Arrows: The design behind the design boxesandarrows.com · Archived on
- Seth's Blog: What I learned from eye tracking sethgodin.typepad.com
The folks at etre were kind enough to do some eye tracking analysis of Squidoo [...] The blue dot shows you where the user is focusing her eyesite... it doesn't measure peripheral vision, which is crucial.
- home of the n3rd c4ve | computer stuff. freewebs.com
No hotkey, no extra steps, drag and drop the programs on your Windows taskbar by simply... well, dragging and dropping them
When using PC-native file formats such as PDF or spreadsheets, users feel like they're interacting with a PC application. Because users are no longer browsing a website, they shouldn't be given a browser UI.
- zooming content | weblog | donotremove donotremove.co.uk
Each page is based on what I'm calling a 'zooming' layout. By that I mean that the information view and relevance on the page zooms out as the page goes down.
A twist on the Lightbox technique
- Skip Navigation jimthatcher.com
"An analysis/study of techniques for "skip navigation" links (also "skip to main content" links) which resulted from an assignment I had in the Web Content Accessibility Guidelines working group, Techniques task group."
A simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.
“Wireframing AJAX is a bitch.” [...] while I can’t deny the statement, I do think there are steps we can take to alleviate the pain."
- GrayBit v0.5 Beta: Grayscale Conversion Contrast Accessibility Tool - Main Page - Presented by GrayBit graybit.com · Archived on
An online accessibility testing tool designed to visually convert a full-color web page into a grayscale rendition for the purpose of visually testing the page’s perceived contrast.
A pattern describes an optimal solution to a common problem within a specific context.
- Creating a Star Rater using CSS » Blog » Komodo Media komodomedia.com
Can you create a star rating using only CSS. I’m talking the kind that when you hover over the 4th star, there are four stars that show up on the hover state.
- Communicating error messages accessibly - Standards-schmandards standards-schmandards.com
Proposal for accessible error messages
- MochiKit – A lightweight Javascript library mochikit.com
A highly documented and well tested, suite of JavaScript libraries that will help you get shit done, fast.
- Web Style Guide, 2nd Edition webstyleguide.com