background preloader

Design Literature

Facebook Twitter

5 Innovative Mobile Shopping Apps. + Share this Through our recent L1 ThingLink Image Tagging Activity, we received some very creative requests for ways to improve shopping experiences, both on mobile devices and in physical retail environments.

5 Innovative Mobile Shopping Apps

We’ve been taking note as, increasingly, new and innovative next-gen shopping solutions are being released. Check out some of the coolest mobile developments that our participants requested (and received)! Participant Request: Color Matching App I would like an app where you could scan, using your phone, a color you would like to wear. App:L’Oreal Color Genius App Platform: iPhone Functionality: use your iPhone to take a photo of a desired color (your shirt, for example) and then decide whether you’d like to Match It, Blend It or Clash It with makeup products by L’Oreal Paris. Participant Request: Digital Fitting Rooms. Information Architecture Tutorial. Information architecture is the science of figuring out what you want your site to do and then constructing a blueprint before you dive in and put the thing together.

Information Architecture Tutorial

It’s more important than you might think, and John Shiple, aka Squishy, tells you why. Squishy first looks at how to define your site’s goals, shedding light on the all-important art of collecting clients’ or co-workers’ opinions and assembling them in a coherent, weighted order of importance. He also shares his scheme for documenting everything so that all parties can keep up. The next step is figuring out who the heck your audiences are going to be. Content Strategy and UX: A Modern Love Story. Content strategy has been around for a long time.

Content Strategy and UX: A Modern Love Story

Large corporations such as Disney, Wells Fargo, and Mayo Clinic have had functional content strategy teams for years. The mega-agency Razorfish has had dedicated content strategists on staff since 1998. But it's really only been in the last two years that the larger UX community has started paying closer attention to content strategy. In 2008, not a single UX conference had a session or workshop devoted to content strategy; In 2010, nearly all of them did, including the IA Summit, UX Week, UX London, User Interface Conference, and even SXSW. Content strategy vs information architecture. ‘Hey, I saw a discussion on an UX forum about the difference between information architecture and content strategy.

Content strategy vs information architecture

The discussion confused me, what do you think?’ I hadn’t really thought about it. Jon Kolko » Information Architecture and Design Strategy: The Importance of Synthesis during the Process of Design. Abstract During the process of design, Designers attempt to draw connections between seemingly disparate ideas; they examine quantitative data provided from marketing and qualitative data gathered from end users, and before they can begin designing, they must make order out of the chaotic mess of research.

Jon Kolko » Information Architecture and Design Strategy: The Importance of Synthesis during the Process of Design

The connections that can be formed during this synthesis phase frequently hold the keys to "innovation". Summary of Don Norman's Design Principles. The 10 principles of interaction design. 11 Principles of Interaction Design explained. As well as matching peoples expectations through terminology, layout and interactions the way in which they are used should be consistent throughout the process and between related applications.

11 Principles of Interaction Design explained

By maintaining consistency users learn more quickly, this can be achieved by re-applying in one part of the application their prior experiences from another. An added bonus of keeping elements consistent is that you can then use inconsistency to indicate to users where things do not work the way they might expect. Breaking consistency is similar to knowing when to be unconventional as mentioned above. 3. Functional Minimalism “Everything should be made as simple as possible, but no simpler.” The range of possible actions should be no more than is absolutely necessary.

Avoid unnecessary features and functionsBreak complex tasks into manageable sub-tasksLimit functions rather than the user experience. Wireframing for Web Apps. The goal of preparing wireframes is to solve design challenges regarding layout, and priority.

Wireframing for Web Apps

This is usually done in wireframes through experimenting with layouts and the application of contrast, similarity and some other principles. By applying the Gestalt principles to your components, you can quickly prepare concepts. The whole point of working at this fidelity is the speed at which you can explore ideas with a reasonable degree of precision.

Over the years I’ve learned some useful ways to keep things fast, useful and timely. From Wayfinding to Interaction Design — Design/UX. Before joining IDEO as an Interaction Designer, I worked for one of the more influential wayfinding design companies — Applied Information Group (now called Applied).

From Wayfinding to Interaction Design — Design/UX

Wayfinding is the process of planning and making journeys through spaces; wayfinding design companies develop systems to help make this planning and journey-making easier. These systems come in all shapes and sizes, and can cover area naming, signage design, cartography, defining route networks and installing new landmarks to give an area more character. At Applied Information Group we worked on everything from simple internal building systems for hospitals to complex city-wide, multi-modal schemes that encompassed every mode of transport that the city offered.

While I won’t go through all of the principles in this article, there are a few I’ve found to be useful in my move from wayfinding design to interaction design. 1. Ecommerce web design: 20 essential tips. We've all been there.

Ecommerce web design: 20 essential tips

You're looking to buy something online, and a nice product at a great price pops up in Google. Ecommerce web design: 20 essential tips. The New iOS 7 Design: What Works, What Needs Work. How to create mood boards: 40 expert tips. What’s new in iOS 7? Neither features nor functions, but user experience! - D3. On June 10, 2013 Apple announced its new mobile operating system – iOS 7.

What’s new in iOS 7? Neither features nor functions, but user experience! - D3

It gained a lot of attention with its new visual style but was also controversial. The psychology of logo shapes: a designer's guide. When it comes to developing a brand, logo design is king. The power of a logo to elicit an emotional response can have a resounding effect on the way customers and potential customers view a particular product, service or company. A powerful logo may look simple but there's nothing simple about creating effective logo shapes. 5 ways to use shape psychology in logo design Be aware that the logo shapes used to portray the most visible brands in our culture have not been chosen by chance – there are some powerful psychological forces at work. In this article we'll take a look at how the informed use of shapes can be used to give your logo the desired resonance. How humans view logo shapes Our subconscious minds respond in different ways to different logo shapes.

Particular logo shapes send out particular messages: The psychology of logo shapes: a designer's guide. The Spectrum of User Experience (1) By Oliver Reichenstein As we all perfectly know, designers are narcissists; programmers are nerds, and whoever wears a tie must be a clueless jerk. Designers, programmers and business people love to hate each other. That’s why we keep them separated:

Native App vs. Web App: Which Is Better for Mobile Commerce? The Mobile App Trends Series is supported by Sourcebits, a leading product developer for mobile platforms. Sourcebits offers design and development services for iOS, Android, Mobile and Web platforms. Follow Sourcebits on Twitter for recent news and updates. One of the primary beneficiaries of the smartphone (and now tablet) boom is the mobile commerce space.

Mobile commerce revenues may still pale in comparison to their ecommerce brothers, but we're already seeing signs of mobile commerce's potential. Companies like eBay and Amazon are bringing in billions of dollars a year from their mobile apps and mobile commerce sites. For merchants, it's no longer enough to have an ecommerce strategy — businesses need to embrace a mobile commerce strategy as well. Choosing Between Mobile and Native Apps One of the resounding themes for mobile software developers in 2011 is the debate between building a native app or building a mobile web app. Mobile Commerce.

Why 2013 Is the Year of Responsive Web Design. You may have noticed that Mashable got a new look recently. The design seems wider than usual, and when you shrink your browser, the content resizes to fit. The aim here isn't merely prettiness or technical trickery, however: Media companies like ours are seeing a major shift in the consumption habits of their audiences. Those organizations that don't act may find themselves behind the curve. Should You Build a Responsive Site or a Native Mobile App? You know your business needs a mobile presence, but how to best offer that experience — without breaking the bank — is something tons of companies, both big and small, continue to struggle with. Embracing the UX Spectrum. As an industry, we have the tendency to think and talk about user experience design in either a Web or a software context, where the demand to humanize complex interactive systems has been the highest.

The ultimate guide to logo design: 50 pro tips. Payd - The Free Online and Mobile Payment System. The Golden Ratio: a designer's guide. There's a common mathematical ratio found in nature that can be used to create pleasing, natural looking compositions in your design work.

We call it the Golden Ratio, although it's also known as the Golden Mean, The Golden Section, or the Greek letter phi. Whether you're an illustrator, art director or graphic designer, it's well worth considering the Golden Ratio on any project. Five User Experience Lessons from Seth Rogen. The late, great co-founder of NFL Films, Steve Sabol, said “Tell me a fact and I’ll remember it.

A Deep Dive Into Customer Experience. Last fall I wrote an article for UX Magazine about the shift from user experience (UX) to customer experience (CX). In a nutshell, I explained how the field of customer experience has risen to prominence over the past several years due to forces like technology commoditization, digital disruption, and social media. A Deep Dive Into Customer Experience. Manipulation and Design.

Manipulation is deceptive. 7 Actions that Earn User Trust. Control of personal information in the digital space, and particularly on mobile devices, presents a unique design challenge. Index - 4ourth Mobile Design Pattern Library. Designing Mobile Interfaces: Patterns for Interaction Design is a comprehensive reference for mobile design patterns. Whether designing for smartphones, featurephones or other related devices, common principles are discussed and codified as 76 universal interaction and interface patterns. Aside from suggestions, each pattern lists pitfalls and implementations to avoid.

Touch Gesture Reference Guide. The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces. iPad Usability: Year One. Complete Beginner's Guide to Design Research. What research methods can I use to create personas? User Research and Persona Creation Part 1: Data Gathering Methods. Methodology - what question should be asked to make a persona. Nondirected Interviews: How to Get More Out of Your Research Questions. Singleradiobutton. Qualitative versus Quantitative Research: Key points in a classic debate. Why 'SoLoMo' Isn't Going Anywhere.

What is the best Hyper Local strategy for India - NextBigCommunity. Anatomy of an Experience Map: How Experience Maps Can Be Used in Service Design. Redirecting. Assumption and Hypothesis « Quantitative Research in Applied Linguistics. Interaction Design Patterns. Common Ground - Pattern Language for HCI. Abraham Maslow's Hierarchy of Needs and diagrams of Maslow's motivational theory - pyramid diagrams of Maslow's theory. Modalities.