This newsletter issue was sent out to 44,273 newsletter subscribers on October 26th 2010.
Every other week our editorial team works on short, entertaining and (of course) relevant articles for the upcoming issue. The newsletter is sent out on Tuesdays, and contains unique tips and tricks for designers and Web developers, written by us exclusively for our email subscribers. You can subscribe to the e-mail newsletter, of course.
01. SeeVolution: Real-Time Website Analytics
02. Guidelines for Mobile Web App Design
03. Single Input Log-In Form
04. Easily Convert Online Articles Into PDF
05. Study the History of Printing With Graphics Atlas
06. Free Sans-Serif Font: Ubuntu
07. Thirty Conversations on Design
Identifying trouble areas of a website can be hard. Finding out why some sections seem to go unnoticed by users while others get all the traffic is one of a website owner’s many tasks. Website analytics can be difficult to decipher, and “hot spots” are often the hardest areas to identify.
SeeVolution offers free website analytics software aimed at tackling precisely this problem. The software tracks and records visitors’ mouse clicks and scrolling, displaying the data on an overlay heat map.
The mobile Web is everywhere. And every mobile user expects the best possible experience on their respective mobile device. Web designers and developers should meet their expectations, then, by adhering to the official user interface and usability guidelines of each mobile platform.
The article “UI Guidelines for Mobile and Tablet Web App Design” presents a comprehensive list of links to official user interface and user experience guidelines from various manufacturers. The guidelines include samples, tips and descriptions of common weaknesses for mobile platforms such as iPhone, iPad, Android, BlackBerry, Symbian, webOS and Mee Go. Many of the guidelines focus on native application development, but they can be applied to design of mobile applications in general, too. (tb)
Users do not like filling in Web forms. The fewer the input fields they have to fill in to perform an action, the better the user experience and higher the completion rate. So, it makes perfect sense for designers to experiment with Web form design and try out new approaches that would improve or simplify the registration, sign-up or check-out process. Designers are already experimenting with combining log-in and sign-up fields into one form, but what about using a single input box for both username and password?
Amrinder Sandhu has come up with the idea to enter both username and password in one input box, separated by a special character. This holds two advantages: the one less input field saves space, and the user can type in their credentials instantly without having to shift focus. But what if the special character used as the separator is contained in the username? And how do you address the fact that browsers and password managers would not know how to handle and cache the fields? And what are the security and accessibility implications — for example, would using the standard input control to capture and mask the password be more secure?
This method seems to produce more usability problems than solutions. Still, it is worth considering. Perhaps you can come up with an elegant solution that addresses these issues? Don’t forget to read the comments on the blog post, too. (vf)
Joliprint is an online tool that generates PDFs from Web pages. Granted, it is not the only tool that does this, but it is easy to use and versatile. People can use it as a bookmarklet, pulling it into the Favorites toolbar of their browser and clicking as needed. Joliprint generates a clear, reader-friendly two-column layout, free of ads and navigation elements, and it does it pretty well. Sometimes it removes too much content, though, such as readers’ comments.
Website owners can make use of Joliprint with an embed code, bypassing any plug-ins or server-side scripts. Six different buttons are available. There is also an API, and Joliprint works in Google Reader. The tool is free, although the outputted PDFs contain a short vertical line crediting the generator. If you’d like an alternative, give Web2PDF a try. (sl)
Okay, let’s start exploring prints. Graphics Atlas presents the history of printing technologies by guiding you through the print types and techniques that have been used over the centuries. The project’s creators are developing and deploying sustainable practices for the preservation of images and cultural property.
Graphics Atlas is a virtual study collection that showcases printing processes from early woodcuts to modern digital print. The print-identification tool guides you through a number of explorations that replicate the experience of identifying prints using common tools. Among other things, you’ll learn about such printing techniques as relief, letterpress, gravure, silver-dye bleach, dye sublimation and direct thermal. The object explorer allows you to view two images side by side to compare traits across processes. Characteristics such as size, format, color, texture, sheen and layer structure are explained as well. (cs)
Everyone loves new fonts, right? Well, the Ubuntu project has released a new typeface: the Ubuntu Font Family. It’s an attractive sans-serif font, with four weights and styles (regular, italic, bold and bold italic). Technical design work was done by Dalton Maag.
What sets this font apart from many other high-quality typefaces is that both the TrueType and OpenType files, along with the design files, are distributed under an open license. The creators are expressly encouraging those who download the files to modify, experiment with, improve on and share the fonts. (cc)
Designers around the world are constantly confronted by new challenges in their daily work. One of the main challenges is how to design in a way that improves people’s lives. Thirty Conversations on Design is an online archive that will serve as a source of inspiration for years to come, a place where the public can post comments and discuss the extent to which design has actually shaped people’s lives.
The website features videos in which architects, designers, authors and leaders of famous brands share their thoughts on design. The 30 participants were all asked to identify the one design that has inspired them most and to identify the problem that design should solve next. The diversity of creative professionals who are interviewed shows how much design permeates our lives every day. (ik)
The authors are: Vitaly Friedman (vf), Sven Lennartz (sl), Iris Kopic (ik), Thomas Burkert (tb), Christina Sitte (cs), Cameron Chapman (cc), Katrin Svana (ks).
The Smashing Newsletter Team prepares bi-weekly newsletter issues with lots of love and appreciation for the good ol' Web with the latest tips and tricks for designers and Web developers. Vitaly Friedman, Smashing Magazine's editor-in-chief, started this project back in early 2010. Today, we can't imagine a better way of informing and communicating with our fans and readers!
Every second Thursday we send out our lovely email newsletter with useful tips and techniques, recent articles and upcoming events. Thousands of readers have signed up already. Why don't you sign up, too, and get a free Smashing eBook as well?
Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and
rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!
Subscribe to our email newsletter for useful tips and valuable resources, sent out every second Tuesday.
It's done. The Smashing Book #4, our brand new book with smart front-end techniques and design approaches. Written by respected designers and developers, neatly packed in a gorgeous hardcover.
Do you feel like your workflow is slowing you down? We might have just what you need. Our front-end, UX and RWD workshops in London, Zürich and Berlin. Read more...
Exciting things are happening and you should consider joining the talented staff at HIMSS as our Sr. Manager, Web Design & Online Standards as we are transforming…
Northeastern University Web Designer/Developer Requisition Number: STFR001261 Division/College: Marketing and Communications FT/PT: Full…