Web accessibility refers to the practice of making websites usable by people of all abilities and disabilities. When sites are correctly designed, developed and edited, all users can have equal access to information and functionality. For example, when a site is coded with semantically meaningful HTML, with textual equivalents provided for images and with links named meaningfully, this helps blind users using text-to-speech software and/or text-to-Braille hardware. When text and images are large[...]
Welcome to THE ultimate resource for creatives. Up-to-the-minute updates from over 180 of your favorite design/dev/photo blogs around the web, all in one place... Stay a while!
We also contribute our own content to the design community. View our Original Posts.
PAPERPROTO is a 3D printable model to use for paper prototyping mobile applications, in the style of a story scroll. You can download the file or buy the model for printing on demand directly from Shapeways.
Pinterest's mobile app displays a radial menu if you tap on an image. The menu items are for functions that are also available using the icons and buttons in the top of the UI for allowing you to pin, like, or send the image.
Pinterest's search feature shows tag and board suggestions in the auto-completion list. Select terms/tags to display, and a horizontal list (accordion) of correlating tags to refine or narrow your your search are displayed below the search box.
The tool opens the heuristics in a side panel next to the website you enter. You select a problem area on the screen, related to one of the usability heuristics and a callout appears for you to add notes and recommendations. When you're done a report is available with screenshots and your notes for each issue. You can download the report as HTML or in Word .docx format.
The A11Y project is a community-driven effort to make web accessibility easier. They provide articles on best practices for doing front end development with accessibility in mind. The site includes an accessibility checklist, a pattern library for accessible widgets, and a list of resources for diving deeper into web accessibility.
Intro text leading to the call to action reads "They also started with a free trial", subdued company logos for the proof (so as not to compete with the CTA), and bold red call to action button to create your first alert and start a free trial.
This UX Checklist by Andrea Soverini's is a nice overview of potential UX-related tools and techniques that you could use for product design. It provides a layered visualization of a design process, like an extension of JJG's layers, with links to articles on the technique. Would make a good poster for a workspace.
The Microsoft Remote Desktop app lets you use Azure RemoteApp to test your site on IE (on Windows 10 Technical Preview from anywhere). After you download the app for Mac, Windows iOS or Android, you can connect to their cloud-based version of IE.
The Sticker UI Book is a UI design sketchbook that with templates (web, mobile, and storyboard) and UI element stickers, being produced by Jennifer Williams and Brandy Bora of Killer Inc. You can order one via their Kickstarter campaign which ends Oct 30 2014 7:44 AM PDT.
Code.org now has an elementary school program (Kindergarden - 5th grade), and Code Studio for the program looks like its modeled after the free MIT Scratch app, a visual tool that we used with our first son to introduce computer science fundamentals a few years ago. Good stuff.
There's been discussion over what should be apparent to users when they engage in new services like new social software apps. People want to know if someone has already taken VC funding, versus making a statement about being bootstrapped with the goal of not flipping or exiting. When a new business is admitting to taking funding, there's an assumption that user data will eventually go elsewhere. Some people think the right thing to do is be upfront about that. I realize that there's really no gu
Head to Dedesign the Web and play name that website using wireframes. Courtesy of Designation.
The devil runs UX workshops for idle hands, and he comes up with bad features. This is Des Traynor's lightning talk at Business of Software in 2013. He did an extended version of this in 2014, but the pecha kucha version gets to the heart of the topic.
AniJS is a library for CSS animations that allows you to write simple statements for handling animation as key/value pairs in html data attributes. It feels very close to writing natural language statements, in a format that is a bit more familiar in code than writing sentences.
uilang is a minimal, ui-focused programming language for web designers that handles click events, primarily for toggling classes and css display properties. I love the natural language approach to scripting in uilang. You just insert a statement in a code block like this and it works magically: