Some well-established web design basics, minimize the number of choices that someone has to make; create self-explanatory navigation tools; help people get to what they’re looking for as quickly as possible.
Tag: webdesign
Phone Number UI
far too common
Japan Web Design Is Different
Go on a safari around Japan’s most popular sites and here’s what you can expect to find:
Dense tightly packed text
Tiny low-quality images
More columns than you can count
Bright clashing colors and flashing banners
Overuse of outdated technologies like Flash.
The theories for why this is are numerous.
Risk Avoidance – In general Japanese culture does not encourage risk taking or standing out from the crowd. Once a precedent has been set for things looking or behaving a certain way then everybody follows it, regardless of whether there is a better solution. Even Japanese subcultures conform to their own fashions and rules.
Consumer Behavior – People require a high degree of assurance, by means of lengthy descriptions and technical specifications, before making a purchasing decision – they are not going to be easily swayed by a catchy headline or a pretty image. The adage of “less is more” doesn’t really apply here.
Advertising – Rather than being seen as a tool to enable people Japanese companies often see the web as just another advertising platform to push their message across as loudly as possible. Websites ends up being about the maximal concentration of information into the smallest space akin to a pamphlet rather than an interactive tool.
Urban Landscape – Walk around one of Tokyo’s main hubs like Shibuya and you’re constantly bombarded with bright neon advertisements, noisy pachinko parlors, and crowds of rambunctious salary men or school kids. The same chaotic busyness of the streets seems to have spilled over to the web. Added to this, because physical space comes at a premium in Japan, none of it is wasted and the same goes for negative/white space on a webpage.

CSS Animation
WebKit now supports explicit animations in CSS. As a counterpart to transitions, animations provide a way to declare repeating animated effects, with keyframes, completely in CSS.
cute, though their patent is worrisome
Recreating the button
Until some future version of HTML gives us new native controls to use in a browser, at Google, we’ve been playing and experimenting with controls we call “custom buttons” in our apps (among other custom controls). These buttons just launched in Gmail yesterday, and they’ve been in Google Reader for 2 months now. The buttons are designed to look very similar to basic HTML input buttons. But they can handle multiple interactions with one basic design. The buttons we’re using are imageless, and they’re created entirely using HTML and CSS, plus some JavaScript to manage the behavior. They’re also easily skinnable with a few lines of CSS, which was a key factor now that Gmail has themes.
how the new gmail buttons were made
Under Construction
i miss the little construction worker guy. where is he now?
STOLEN CSS Templates
all content on that site is stolen from intensivstation.ch
Web 2.0 UI Elements
DesignDemo is a constantly updated blog and resource of next generation web interface and interaction design. Unlike previous design review sites, DesignDemo will feature online demo movies of working interaction design, UI elements, and trends and best practices in web 2.0 user experience.
reviews of UI elements / visualizations