It seems natural that the design team, being as it is in the service of the development team, should be organized in the same way, around a 2-week sprint. Unfortunately, in practice, that rarely works well. There is a vast difference between the work required to design the product and the work required to build one. Here’s how to keep both teams happy and productive.
Practical strategies for improving mobile, tablet, search, ecommerce, enterprise and social networking user experiences.
Nothing comes close to the negative impact on the morale and effectiveness of your designers than this one word you should ban from your office.
Someone recently asked me, â€œWhat is the most inventive thing youâ€™ve done?â€ Woa. Full stop. Talk about a total brain freeze. You mean out of over 100 projects, patents, client engagements, talks, and workshopsâ€¦ I had to pick just one? But after only a momentâ€™s hesitation, I realized that there was simply no debate.
â€œArrogance and fear still keep you from learning the simplest and most significant lesson of all,â€ Ancient One tells Dr. Strange. â€œItâ€™s not about you.â€ Let me break this down into four key lessons that this particular arrogant and fearful fool had to learn the hard way.
Video: 2-hr Sioux keynote in Eindhoven, Netherlands. Create the superior Digital Industrial UX with a Digital Twin, sparklines, applied Gestalt principles, “working graphs” with direct UI manipulation, metrics correlation for root cause analysis, and advanced data visualization.
Make your lean UX design practice more collaborative and productive by employing these four sophisticated yet straightforward lean UX communication strategies, especially adapted for success in large, distributed organizations.
There has never been a more exciting time to be a part of a team designing and building digital products! As an example, here are just a few of the projects that I was involved with last year: â— A Slack bot that serves up cloud application and network performance alerts and graphs, and provides proactive …
Lean UX Design Process in a nutshell: 1. Feel the pain 2. Brainstorm together 3. Prototype cheaply 4. Iterate quickly 5. Try it in real world 6. Repeat steps #2-5 until #1 is eliminated I got tired of how poorly the phone holder was working, so I made my own from leftover household materials in about 20 minutes, after 4 quick …
In his brilliant Bobiverse trilogy, Dennis E. Taylor writes about Bob, a Silicon Valley CEO, whose brain is scanned into a computer and becomes the AI in an interstellar spaceship. GUPPI (General Unit Primary Peripheral Interface) is virtual Bobâ€™s virtual assistant. GUPPI has limited intelligence, on a par with Siri or Alexa of our own post-industrial age, …
Not every UX strategy meets with instant success in complex organizations, especially at companies in a transition from traditional heavy industries, or those whose culture is dominated by engineering. The 3.5 Lean UX hacks described in this article are hands-on, practical strategies to help you make your design and research practice more collaborative and productive in a large organization, while also preserving your sanity.
Video: How to design wearables like Tony Stark — in 3 minutes. Answering the phone while driving with 2 wearable interface designs: 1) Existing Apple Watch UX & 2) New “Tony Stark” design. Presented at SXSW, HCI International, IA Summit and UX Alive Istanbul.
With the mass introduction of wearables and smart devices into our lives, our interaction with a digital realm is increasingly not just a single focused experience (or even multiple semi-focused experiences throughout the day, as in smart phone) but instead almost a continuous interactionâ€¦ kind of like a soundtrack of our lives.
This is a common question many of my clients and students ask me. The simple answer is that the baseline is a responsive website, especially if you are in the marketing and content distribution business. However, the truth is a bit more complicated, because: Today’s web landscape is sophisticated enough that no one strategy fits all scenarios. …
Video: 36-minute free segment of O’Reilly Video Course. Covers all of the essential parts of the storyboard: Things, People, Faces, Opening Slide, and Transitions. Expert hands-on guided exercises provide step-by-step instruction in basic drawing skills. The module also covers advanced topics like poses and camera angles for students who are ready to move to the …
30 Minute video: Parts of a Storyboard is currently available to view FREE, for a limited time. I’m proud to present our new video course from O’Reilly Media: Effective Sketching for UX Design Written and presented by UX design expert Greg Nudelman (clients include Oracle, Cisco, and eBay) and Emmy-nominated graphic designer Will Krause (Sesame …
Here are the top trends in the mobile UX industry. Without further ado, hereâ€™s our count-down to #1. #8 Mobile First: Responsive Web Design Responsive Web Design or RWD has been a dominant trend in web industry for several years now. We predict that this will continue to be the case. RWD will be the …
The state of your prototype must reflect the state of completion of your system. This simple guideline is also very profound. The degree of certainty in your design should be reflected in the level of completion of your prototype. The project starts with a rough storyboard which is highly uncertain and full of assumptions: no one knows if
the audience will find the product useful, if they will pay for it, or even if the product can (or should) be built.
In my workshops, often the greatest challenge for designers is converting their existing Android designs to the new Material Design approachâ€”making the interface both simpler and more visually rich than their corresponding Android 4.x designs, as well as laying out the â€œhappy pathâ€ for the customers (using Floating Action Button or FAB, as one of the tools). The following sticky note wireframes demonstrate my quick take on converting the Android 4.x TripAdvisor app into Material Design using $1 Prototype methodology — perfect for prototyping Android Material Designs.
Material Design is a new Google design language that Google hopes to port to everything from mobile phones and tablets to websites and desktop apps. Here are 7 hard-won insights from 4 Material Design workshops I recently facilitated with my top clients in Argentina, Abu Dhabi and United States.
The importance of mobile to your companyâ€™s digital strategy cannot be overstated. But where to focus your energies? Here are 7 trends we see emerging in many of our clientsâ€™ businesses, from financial and banking services to ecommerce and social media.
There are 3,997 different Android devices. Your navigation should work with all of them. C-Swipe can help: It is an alternative navigation pattern for tablets and mobile devices that is novel, ergonomic and localized. This article provides a detailed walk-through of the design and code and provides a downloadable mini-app so that you can try out C-Swipe to see whether itâ€™s right for your app.
Anything that slows down customers or gets in their way after they download your app is a bad thing. That includes sign-up/sign-in forms that show up even before potential customers can figure out if the app is actually worth using.
Weâ€™ll use the analogy of a real-world amusement park carousel to explain what makes for an authentically mobile user experience, and weâ€™ll give you the design, the complete source code and a downloadable mini-app, which you can use today to add an enjoyable and effective carousel to your own app on phones and tablets.
For many years since its release, the Android OS has been behaving like a teenager in the grip of raging hormones. Growth has been nothing short of explosive and the changes have been sweeping and profound. With the release of Ice-Cream Sandwich OS, the UI standards and design elements have changed dramatically and the platform has really matured and even stabilized somewhat. Nevertheless, the OS has retained itâ€™s rebellious hacker DNA with unique features that are authentically Android.
Like the overzealous zombie cross-breed between a lawyer and a customs agent, End User License Agreements (EULAs) require multiple forms to be filled out in triplicate, while keeping the customers from enjoying the app they have so laboriously invested time and flash memory space to download.
Despite a great deal of mobile innovation, many creators of financial apps still copy their interface patterns from the desktop Web, even though these patterns are not as well suited to the mobile space. Small screens, custom controls, divided attention and fat fingers demand different thinking when designing for mobile: taking what works on the Web and converting it into authentically mobile flows using simple, effective design patterns.
Today, Apple announced a bunch of enhancements to Siri and voice search. How does Siri UX compare with Android 4.0? What’s just around the corner for Voice Search? Don’t tell your phone or tablet anything else until you’ve read the article.
The Cross Channel UX Elements framework is a practical design tool you can use to create â€œMagic Momentsâ€ of flow and delight for your customers across the different channels in a more deliberate fashion, rather than arriving at great designs only through occasional happenstance.
When mobile or tablet design is executed well, the device feels like the extension of our bodies. Because interfaces respond even before we consciously give them a command. Often, the interface â€œdissolves in behaviorâ€ and we feel empowered, as though the device we hold in our hand is the equivalent of Iron Manâ€™s suit of cybernetic armor, or Batmanâ€™s utility belt. I call this empowering experience a â€œMagic Momentâ€.
… until you read this article. I had a QR code on my business card for years, and studied how to engage people after the initial QR Code scan, and how to drive tangible value. Here I will reveal everything I learned about using QR Codes for personal and social connection, including using special formats like MECARD, and the secrets of linking to Twitter, LinkedIn, blog posts and custom landing pages.
In my experience, mobile usability tests, as they are popularly conducted, are a waste of time and resources and in vast majority of cases fail to lead to creation a better mobile product. Instead, I conduct RITE (Rapid Iterative Testing and Evaluation) studies: the only methodology that Iâ€™ve actually experienced in the real life yielding more delightful, usable and successful mobile products in less time.
Engaging with your customers through mobile social media is an excellent idea, and has the potential to add a lot of value and further enhance the relationship of your customers to your brand. Here are four simple tips that will help you make the most of the QR Code technology.
Mobile NFC (Near Field Communication) is finally here! Here is the ultimate guide to designing awesome mobile NFC apps your customers will rave about.
Installment #6 shows how to deliver QR code value by allowing your customers to connect to your company through social networks. As of the date of this writing, many companies have been implementing their social mobile engagement strategy by putting printed Facebook and Twitter â€œbuttonsâ€ on everything from print advertising to packaging. We think QR codes offer a much better solution. This is Part 1 of the article: 6 Reasons Printed Buttons Must Die.
Sites like YouTube and Facebook are already projecting mobile use to surpass desktop use as early as *this year*. Whatâ€™s your mobile and tablet strategy? Allow me to humbly present the wisdom I got from the experience of walking the last 365 miles. Barefoot. In the snow. Uphill both ways.
Your QR code is just the nail you need to engage the consumer. A chance to tell a story. A way to create the authentic, artesian, immersive product experience. An opportunity to give a service that extends the relationship with your brand well beyond the current moment of consumption.
14 million Americans scanned a QR code in June 2011. Most of these folks had higher-end mobile devices and many had a household income of $100,000+. How do you reach these millions of Olympic Caliber Shoppers? Here are 3 key design strategies that help ensure the success of your QR code campaign.
l’ve been a Deli.cio.us customer for many years, and their browser plugin has been an indispensable tool for writing my book, Designing Search: UX Strategies for eCommerce Success. The plugin is still as delicious as ever, but the login experience has become a cloying, putrid Durian mess that became enough to justify the pain of 2 hours of migrating to and learning another service. Don’t let your customers walk out on you. Avoid these 5 key issues in your login process.
How would an experience on a 7-inch tablet (like Amazonâ€™s Kindle Fire) differ from one on a 9.7-inch tablet like the iPad? How does the size of the tablet device play into the application design, and how the user interacts with the device? Do smaller 7-inch tablets have the potential to be as popular as the larger iPad, from a user experience perspective?
“Designing from Zero” – how to analyze UI challenges that are often the hidden cause of zero-results pages as a catalyst for creating powerful, original design solutions that create customer delight and business revenue.
Twitter , Facebook, email, IMâ€¦ Will the new Google + Circles become “the One Circle to rule them all”, the social network everyone will want to join? While the jury is out, Google + is helping us frame the challenge to becoming The One Network: connection and communication.
In contrast to desktop Web search, auto-suggest on mobile devices is subject to two additional limitations: typing avoidance and slower bandwidth. The new patent-pending design pattern, Tap-Ahead, uses continuous refinement to create an intuitive, authentically mobile auto-suggest solution. This helps dramatically reduce the amount of typing needed to enter queries, and utilizes slower mobile bandwidth in the most efficient manner. Using this novel design pattern, your customers can quickly access thousands of popular search term combinations by typing just a few initial characters.
Specialized drop-down menu are one of the ways of creating immersive experience in mobile e-commerce search UIs. A novel design pattern, status bar drop-down menu, allows 100% of the screen real estate to be dedicated to search results, while also providing convenient and intuitive access to navigation and filter functions.
In confined mobile computing interfaces, on tablet devices or in complex virtual environments, transitions are an authentic, minimalist way of enabling way-finding, displaying system state and exposing crucial functionality â€“ in short, they are key in creating a superior user experience. Here is how to storyboard transitions quickly using Post-it notes.
Introducing Integrated Faceted Breadcrumb (IFB) design that integrates the power of faceted refinement with the intuitive query expansion afforded by browse.
People love to search by brand names. On the small screens of mobile devices, well-designed landing pages can provide a much better experience than keyword search results. This makes brand landing pages todayâ€™s biggest sleeper opportunity for mobile and tablet ecommerce. But you have to learn to be completely ruthless with your features and content. Here’s how.
In Part I of Design Patterns for Mobile Faceted Search, I looked at Four Corners, Modal Overlay, Watermark, and Full-Page Refinement Options design patterns, which maximize the mobile screen real estate. This column covers strategies for making people aware of the filtering options and methods of improving transitions between the various states of a search user interface.
In my previous Search Matters column, Designing Mobile Search: Turning Limitations into Opportunity, I discussed how mobile search user experiences differ from those on the Web. In this and my next column, Iâ€™ll look specifically at the challenges and opportunities of mobile faceted search. This column covers design patterns for maximizing the real estate available for search results, while the next will cover strategies for making people aware of filtering options.
Thinking of porting your Web finding experience to iPhone, Android, or Windows Mobile? Just forget about the fact that these devices are basically full-featured computers with tiny screens. Designing a great mobile search experience requires thinking differently: In terms of turning limitations into opportunities.
Notes from Whitneyâ€™s Amazing talk â€œEvangelizing Yourselfâ€ http://www.slideshare.net/whitneyhess/evangelizing-yourself-1184852 by Whitney Hess http://www.WhitneyHess.com
Filters with numeric values remain among the most confusing in faceted search, because many sites have not been able to design usable numeric filters that people can use in an intuitive manner. In this column I cover how to show discrete numeric values, avoid overly constrained filter states, and display key inventory information, and introduce a novel pattern of histogram sliders.
Key Ranolazine patent for CV Therapeutics/Gilead: a novel class of compounds that are useful in the treatment of cardiovascular diseases including arrhythmias, angina, congestive heart disease, and myocardial infarction.
Key CV Therapeutics/Gilead patent for A2A receptor agonists to stimulate mammalian coronary vasodilatation for therapeutic purposes and for purposes of imaging the heart.
Key Ranolazine patent for CV Therapeutics/Gilead: a novel class of compounds that are useful in the treatment of cardiovascular diseases including arrhythmias, angina, congestive heart disease, and myocardial infarction.
The idea behind the More Like This pattern is very simple: within each group of items representing a particular category from a catalog or accompanying each item in search results, provide a prominent link or button with a label that is some variation of More Like This Â». Unfortunately, most sites do not make sufficient use of this pattern and some that do use it design and implement it incorrectly.
Our language is limited and imperfect. When a customer constructs a query that may have more than one meaning, a good search user interface provides tools to help the customer define the query in less ambiguous terms, so the search results more closely match the personâ€™s intention. This process is known as disambiguation.
In Part 2 of Ads Best Practices, weâ€™ll discuss: understanding what makes a good ad, limiting cannibalization, providing ads for internal merchandise instead of third-party advertising, and ads on pages that appear if there are no search results.
Conflicting demands make many UX professionals think of ads as a necessary evil. Customers frequently go out of their way to say they hate ads, while marketers always seem to try their hardest to stuff as many of them as they can on each search results page on your site. In this column, Iâ€™ve teamed up with advertisement and eyetracking research guru Frank Guo to present real-world strategies for successfully integrating ads into your search results.
Office Depot multiple-select attribute-based faceted search redesign misses some key points, making their new search user interface less usable and, therefore, less effective. This makes it an excellent case study for demonstrating best practices for designing filters for faceted search results.
Today, everywhere we look, it seems like image content is taking over the Web. The ubiquitous use of digital cameras and improvements in the picture quality of mobile phone cameras has likely helped this phenomenon along. The shift toward content that is primarily visual introduces new challenges and opportunities for developing intuitive and powerful user interfaces for browsing, searching, and filtering visual content.
For most users of consumer-facing ecommerce applications, the difference between a sort and a filter presents a mystery they understand dimly, if at all. The distinction between sorting and filtering blurs, because of a phenomenon Iâ€™ve called filtering by sorting, which leads to all sorts of interesting search user interface implications.
When designing the data and layout for search results pages, the challenge is finding the right balance between providing enough information in individual search results, so customers can make informed decisions without pogosticking, and providing enough relevant search results on each page of results to warrant further exploration of the site.
In search results, the old adage a picture is worth a thousand words rings true. When it comes to making your search results more efficient to use, more relevant, and more attractive, while dramatically increasing your conversion rates and revenues, images reign supreme. This column discusses how to avoid common pitfalls, and get the most out of your thumbnails.
Web site user assistance that consistently exceeds customerâ€™s expectations can catapult your company to legendary status and create brand equity you can measure in billions of dollars. However, making Help a strategic asset for your company is an arduous task. To shed light on this important topic, I have teamed up with Tricia Clement, a renowned SUA expert, to deliver actionable insights about Web site user assistance.
Page layout forms the foundation in presenting search results. Your layout decisions for search results pages will have tremendous impact on the user experience for your entire site. Choosing the right width for search results is important, and the optimal width for search results may be a great deal narrower than some people using big monitors would believe.
People often ask me if there are companies “out there” that truly embrace UX. In my experience, not one company I ever worked at was truly customer-centric. While some companies might say they are in their mission statement and even hire lots of designers/UX people, companies are only truly committed to one single thing: making …
Search, more than any other activity on your Web site, is a living, evolving process of discovery, a conversation between a customer and your system. Unfortunately, misunderstandings in this conversation are all too common, and the effectiveness of the zero search results page is critical to keeping the customer engaged. Moreover, thinking creatively about the zero results case can turn a temporary snag in communication into an opportunity for deeper connection and a source of tremendous competitive advantage.
In this article I propose the concept of Experience Partners as a whole new way of thinking about our customers as partners in holistic product experiences. Experience Partners reflects an emerging paradigm shift from a focus on product features to instead conceptualizing holistic product experiences, and embodies our best understanding of how to design products that create delight and become integral, harmonious parts of peopleâ€™s lives.
Originally Published in JavaWorld.com, January 23, 2006 â‡’ E.R. Tufte, in his phenomenal book Envisioning Information, states, “Clarity and simplicity are completely opposite of simple-mindedness.” This false simple-mindedness is often evident in the design of a search-results page. Even on some of the leading e-commerce sites, this important page is frequently made hard to use …
Cohesive “real-world” guidance to creating, mapping, and deploying .NET Primary Interop Assemblies (PIAs). Practical advice on creating PIAs, three alternative methods for .NET solution mapping, and robust ClearCase integration using absolute file path. Published in ASP.NET Pro November 2005 Â»
Originally Published on JavaWorld.com, January 3, 2005 â‡’ Build a dynamic LRU cache framework using standard Java utility classes In his timeless masterpiece, The Art of War, Sun Tzu states: “…one who is skilled in warfare principles …takes the enemy’s walled city without attacking… His aim must be to take All-Under-Heaven intact. Therefore, weapons will …
The idea of building effective Web-based distributed systems has been around for a long time. However, much of the efforts have been unsuccessful, largely due to the loose and fuzzy nature of the web architecture, and because HTML and proprietary formats, the two most common web communication mechanisms, do not lend themselves well to sharing …
Vertical Net Communities (VNCs) are changing the way customers interact with data through a slew of services made possible by technologies such as electronic data exchange, secure credit card processing and sophisticated communication tools. VNCs are reshaping entire industries by providing a new level of customization of content and commerce and by engaging the users in producing information. MS CIS Program Paper, Golden Gate University, November 2000.