Toggles using CSS and HTML only (no JS).
Category: Interaction Design
CSS Checkboxes and Folder Tree
This article aims to showcase some of the creative things you can do with checkboxes. Read on and keep in mind that the demos in this article use no JavaScript.
The Dribbblisation of Design
Product Design is About a Mission, a Vision and an Architecture
Think About Four Layers of Design
Redesigning Overcast’s Apple Watch app
I originally designed the Apple Watch app for my podcast player, Overcast, with a scaled-down version of the iPhone app’s structure.
This seemed like a sensible adaptation of my iOS app to the Apple Watch. In practice, it sucked.
…Trying to match the structure of the iOS app was a mistake. For most types of apps, the Apple Watch today is best thought of not as a platform to port your app to, but a simple remote control or viewport into your iPhone app.
My initial app was easier to conceptualize and learn, and it closely matched the iOS app. But it just wasn’t very good in practice, and wasn’t usually better than taking out my phone.
The new app is a bit weird and polarizing, and has a learning curve, but it’s great in practice if it fits your preferences. (Just like the Apple Watch.)
…It’s unwise and futile to try to shove iPhone interfaces and paradigms into the Apple Watch. Instead, design for what the Watch really is.
A Good User Interface
65 useful tips as of 5-3-15.
A Good User Interface has high conversion rates and is easy to use. In other words, it’s nice to both the business side as well as the people using it. Here is a running idea list which we discovered.
Designing for Apple Watch: Getting Started
In this article you will start to learn how to design an application for the Apple Watch with basic theory and principles to get started in design for wearables.
There are three parts to an Apple Watch app: the WatchKit App, a Glance screen, and Notifications. Each has different purposes and their own design challenges.
Adobe Comp CC, The Best Thing To Happen to Layout Ideation Since The Cocktail Napkin
Free Adobe iPad app for creating comps. Video at the link.
Built on the Adobe Creative SDK, Comp CC couples intuitive iPad gestures, fonts from Typekit, and the personal assets stored in Creative Cloud Libraries to provide designers with the perfect mobile brainstorming and layout work surface. Then, with a single click, comps can be sent to Adobe InDesign CC, Adobe Illustrator CC, or Adobe Photoshop CC (where CC Libraries assets and fonts from Typekit are also synced) to fine-tune and finish the work. It’s this powerful connection back to the desktop, where designers do so much of their work, that makes Comp CC, and all of our mobile apps, so valuable.
Apple Watch GUI for Sketch
Free download from design+code. Requires the San Francisco font, available from the Apple Watch Design Resources link on the WatchKit page (iOS Developer Certificate required).
100% vector including devices, icons and clocks. Every element, including the Apple Watch devices, icons and clocks have been vectorized in Sketch. You can resize, export and [use] them at any resolution.
The Power of Minimalism: A Story of Redesigning Yelp
Excellent article – highly recommended.
Design by committee is death by a thousand cuts.
It kills slowly, as more and more people weigh in with their opinions, until the “revised” design looks like a stew of lesser parts. It certainly doesn’t need to be that way, especially for large companies like Yelp.
We chose to redesign their site to show how usability testing done properly can unleash the power of just one. Based on our experience as designers at different companies, we found usability testing to be the best defense for design decisions.
When in doubt, let the user stand between you and overbearing stakeholders and the evidence will speak for itself.
At 90, She’s Designing Tech For Aging Boomers
In Silicon Valley’s youth-obsessed culture, 40-year-olds get plastic surgery to fit in. But IDEO, the firm that famously developed the first mouse for Apple, has a 90-year-old designer on staff.
Barbara Beskind says her age is an advantage.
“Everybody who ages is going to be their own problem-solver,” she says. And designers are problem-solvers. Beskind speaks while sitting on a couch at the open office space of IDEO in San Francisco. She commutes to the office once a week from a community for older adults where falling is a problem.
“People where I live fall a lot,” she says, adding, “For a friend of mine, I tried to design air bags of graded sizes that would be activated at a lurch of 15 degrees.” She is stumped on how to find the right power source for her air bags.