background preloader

Design: Creation of Artifacts in Society

Design: Creation of Artifacts in Society

Design Is Hacking How We Learn Design: Creation of Artifacts in Society About the Course This is a course aimed at making you a better designer. The course marries theory and practice, as both are valuable in improving design performance. Lectures and readings will lay out the fundamental concepts that underpin design as a human activity. Student Testimonials from Earlier Sessions of the Course:"An amazing course - a joy to take. "When I signed up for this course I didn't know what to expect; the experience was so good and rewarding. See examples of student projects: here Recommended Background No specific background is required. Suggested Readings To get a feel for the style of the instructor and the material in the course, this book is a good place to start: Ulrich, K.T. 2010. The free digital book is available at Design: Creation of Artifacts in Society. Other highly recommended reading is the textbook: Product Design and Development by Karl T. The PDF, found here, contains detailed instructions on how to purchase the text. Course Format

Google’s No. 1 Asset Is Its Ability To Empathize With Its Users Through Design And Product Development As your Internet use has evolved, Google has evolved with you. And for you. Its ability to make the right decisions about what to work on and at what time is a testament to the leadership at the company. If you’ve thought that all of Google’s products looked cobbled together, or are different from one another, it’s because they were. What I’ve also learned while covering Google over the past two years is that it has an uncanny ability to put itself in the shoes of its users, almost to the point where they can leverage data and feedback to build, in essence, the perfect product. Google takes the concept of “dogfooding” to unparalleled levels, putting current and new products through such rigorous real-world testing cycles, that it’s impressive that things ever see the light of day. But lately, people have noticed a bit of a change in how Google designs its products. The Legacy That’s exactly what happened with Search. Former Apple CEO Steve Jobs said this about customers: The Now Human?

Made With Paper | FiftyThree Redesigning Google: how Larry Page engineered a beautiful revolution By Dieter Bohn and Ellis Hamburger Something strange and remarkable started happening at Google immediately after Larry Page took full control as CEO in 2011: it started designing good-looking apps. Great design is not something anybody has traditionally expected from Google. Infamously, the company used to focus on A/B testing tiny, incremental changes like 41 different shades of blue for links instead of trusting its designers to create and execute on an overall vision. More recently, however, it’s been impossible to ignore a series of thoughtfully designed apps — especially on iOS, a platform that doesn’t belong to Google. We went to Google looking for the person responsible for the new design direction, but the strange answer we got is that such a person doesn’t exist. They’re talking to each other. Sticky TOC engaged! Project Kennedy Project Kennedy lifts off The Bravest Man in the Universe, a Mobile Chrome Experiment featuring the music of Bobby Womack, created by B-Reel.

Why Prototyping is Essential to Your Design Process Whether it’s just a quick sketch in your notebook or a post-it note, a wireframe made using your favorite graphics software, or a high-fidelity mockup created by a web app — incorporating some form of prototyping within your workflow is a critical step. I’d like to share some reasons why I believe prototyping is an integral part of the design process. Find Design Issues Early Things we conceptualize in our heads that seem awesome regularly turn out to be terrible ideas when we put them in a more concrete, visual medium such as a piece of paper or a computer screen. Imagine this situation: You’re designing a web form. You’ve been given the input fields that need to be included. Maybe you can do away with some parts of the design. First paper sketch of a web form. A simple prototype can instantly reveal flaws in our design concepts. Iterate More Quickly on a Design Concept Creating prototypes allows you to improve a design concept quickly. Let’s look back at my previous example.

Google finds its design voice on iOS From the beginning, Google’s design sensibilities on the web and Android have been unique. Whether you were a fan of the spare, utilitarian feel of products like Search or not, you knew when you were looking at something built by Google. To a degree, that’s still very true. Android apps built by the company have taken on the trappings of overarching design shifts like those introduced with Ice Cream Sandwich. And there’s something to be said for maintaining that sense of self. But Google doesn’t just make apps for Android and the web. It all began with the release of a startlingly good iOS app for Google+. The app impressed a lot of the folks in the iOS community, who took notice, regardless of whether they actually used Google+ or not. The string of well designed, if not exactly perfect, app updates continued. In order to convey just how much Google’s language has changed, here’s a juxtaposition of Google’s design language on iOS ‘before’ and ‘after’ its rebirth. Digital, Not Physical

Design Details of Google Maps for iOS I don’t have a car, so the lack of public transportation in Apple’s Maps app pretty much makes it useless to me. This is why I carefully avoided updating to iOS6 up to now. This all changed a couple hours ago when Google Maps for iOS came out. (Note that these remarks apply to the iPhone version) The Google Style The “Google Style” of UI design is a sub-style of flat design where everything is white or very light grey, icons don’t have text labels, and typography looks like it’s been through Weight Watchers. I can’t say I’m a big fan of that style on the web (Google Reader looks awful in my opinion) but it works pretty well on mobile, especially for a maps app. The white UI gets out of the way and puts the focus back on the content, and unlike on the web you don’t get that empty feeling that makes you think the page’s CSS has stopped loading halfway. By the way, for examples of the Google design done right, go check out Haraldur Thorleifsson’s work for various Google projects. The Side Menu

16 Of My Essential Design Resources Great tools make a huge difference in how quickly you can complete a task. I’d like to share a few tools and essential design resources I use when designing web applications to help me work faster and more efficiently. This isn’t a massive list of every design resource I could find on the web. Instead, I included just the ones that I and a few of my friends use to create great designs. Nathan Barry is the author of Designing Web Applications, a complete guide to designing beautiful, easy-to-use web software. Patterns & Textures When it comes to patterns and textures, there are two sites that have all my needs covered. Icons I have three go-to sources for icons: The Noun Project, Glyphish, and Fugue. The Noun Project Often it can be hard to decide what visual metaphor best represents a word. Glyphish Glyphish is an icon set originally created for tab bars in iOS applications, but I love using them all throughout my designs. Inspiration Design Elements Mockups Code Start Using Them