A List Apart

Menu
Issue № 323

Learn to love and make cool stuff with SVG and design web registration forms for kids.

Cross Platform Scalable Vector Graphics with svgweb

by Jim Ray · 15 Comments

Pity Scalable Vector Graphics. It's been an official standard since before IE6 was released yet has never found much of an audience on the web, certainly not the one it deserves. Just as SVG was starting to establish some browser support, along came the canvas tag, stealing the thunder of dynamically generated client-side images. Yet despite all the attention being paid to canvas, there’s still a place for SVG, particularly for developers looking to replace plug-ins like Flash for data visualization. Unlike canvas or other script-only approaches, SVG can be easily divided into design and code elements, with just a little code to add interactivity. It even works on devices like the iPad and iPhone. And now, thanks to svgweb and a clever use of Flash, it works on older platforms no one could have ever imagined supporting SVG. Jim Ray shows how.

Designing Web Registration Processes for Kids

by Debra Levin Gelman · 25 Comments

Designing websites for kids is a fascinating, challenging, rewarding, and exasperating experience: You’re trying to create a digital experience for people who lack the cognitive capacity to understand abstraction; to establish brand loyalty with people who are influenced almost exclusively by their peers; and to communicate subjective value propositions to people who can only see things in black-and-white. Fortunately, it’s possible to create a successful registration process for these folks with an understanding of how their brains work. Debra Levin Gelman explores how to design effective registration forms for kids based on their context, technical skills, and cognitive capabilities.

More from A List Apart

Columnists

Rian van der Merwe on A View from a Different Valley

The Distance to Here

The people who determine product strategy move through a world of analysts, media, division leads, shareholders, stakeholders, monetization, and marketability. They seldom get a chance to come back to the corner where users and designers mingle. Rian van der Merwe suspects that increasing the communication distance between the decision makers and the product’s builders and users leads to a loss of perspective—and the results are products with marketable features that no one really needs.

From the Blog

On Our Radar: Faux-Naïve

On our radar these days: Google rebrands. A web animation expert refuses to speak at your conference if it doesn’t have a code of conduct. Preload hints can help you load your web fonts faster. A new site launches that hopes to bridge the gender gap in communication design. Your weekend reading awaits!

On Our Radar: Pretty Advanced Machine Learning

Between bots and blogging, newsrooms are getting into Slack in some very cool ways (take some inspiration and apply for a Knight-Mozilla Fellowship!). Plus more recommended reading: revisiting Cameron’s World; the joy of generalists; the finer points of faving; and one really excellent gif of cats.