A team must be able to respond quickly to feedback on their product from clients, project managers and developers. A style guide ensures that your project doesn’t encounter serious problems when you implement the initial design. In this article, Nick Babich will review the process of creating a style guide, the process of handing off a design, and collaboration across the whole team. He’ll also walk through an example workflow, demonstrating how developers and designers can improve cross-team communication and drastically reduce iteration time.
Read more…
In 2011, the traditional comp-to-HTML workflow was only beginning to be critiqued, and since then, we’ve seen a myriad of alternatives. Style Tiles, Style Prototypes, Visual Inventories, Element Collages, style guides, and even designing in the browser have all been suitable approaches to multi-device design. Also, applications like Webflow and Macaw have made breakpoint visualization digestible for the code-averse. Many designers have moved on from Photoshop as their workhorse to Sketch, Affinity Designer, or similar. Others have adopted apps like Keynote for prototyping.
Read more…
Design critiques are an important part of any product exploration. A good design critique is meant to explore the design, find where it is working and where it could be improved. If done well, design critiques allow everyone on the team to feel as if they have been heard and allow clients to give valuable feedback. In an agile environment, you will often have coders, project managers, product managers and people from other disciplines sitting in to give feedback, and you need to know how to quickly get them up to speed on the expectations if you want to get anywhere fast.
Read more…
Andy Budd is a firm believer in cross-functional pairing and thinks that some of the best usability solutions emanate from the tech team. However, at some point the experience needs to be owned, and it shouldn’t be owned by the last person to open the HTML file and “touch the truck”. If designers are happy for developers to “own the code”, why not show a similar amount of respect and let designers “own the experience”? After all, collaboration goes both ways. So if you don’t want designers to start “optimizing” your code on the live server, outside your version control processes, please stop doing the same to their design.
Read more…
We publish articles because we love sharing what we learn and what others learn, too; we love discovering unique points of view and surprising design strategies, as well as just understanding how our colleagues out there solve difficult UX and front-end problems. Every single Smashing article goes through a thorough editorial review, including multiple passes for editing and refinement, before being published. In this series dedicated to our upcoming 10th anniversary we will explain our workflow and introduce the people behind the scenes!
Read more…
Does writing microcopy need to be considered an essential part of the design process? Most definitely, yes. The tendency among most clients and design teams is first and foremost to establish on-screen interactions, pattern libraries, wireframes and workflows and to release the latest and greatest features — to the point that, at times, they’ll defer the copy (specifically, the microcopy) till the latter stages. While the general consensus is that content matters and should be central to any design undertaking, the opposite tends to be true. Words, for the most part, still form the backbone of communication on the web, even with the emergence of new technologies such as Voice User Interfaces (VUI).
Read more…
In today’s burgeoning digital market, every company stands to lose by avoiding alignment with digital policies. By the same token, you have even more to gain by incorporating those policies into an overall long-range strategic plan for your digital enterprise. By complying, you’ve ensured that your home on the web remains secure.When creativity is balanced with guidance — the real goal of these policies — then digital workers are freer to innovate and work more efficiently than in other organizations. Digital workers, especially web designers and developers, need to recognize that policy influences their products online much as it does offline.
Read more…
In the unforgiving world of SaaS, delaying a critical feature will mean losing clients. A solid agile workflow can make all the difference. The development process needs to run smoothly and up to a standard, with delays reduced to a bare minimum. Before any change makes its way to the end user, it goes through five crucial phases: feedback, design, development, quality assurance and deployment. In this article, Vanja Mimic will share what he’s learned about each of the stages from over eight years in the business.
Read more…
Made for fast and fluid UX design, Adobe XD gives you everything in one neat bundle: it lets you sketch out ideas, create interactive prototypes, test and share them. To give you a head start when working with XD, Cosima Mielke has compiled 15 pro tips, including features that might not be obvious at first glance but that will make your prototyping workflow a lot smoother. Please note that a Windows version is in the works and due later in 2016, but for now Adobe XD is available for Mac OS X only.
Read more…
DAU (noun) Daily active users. Hip-hop (noun) If you got to ask, you ain’t got it. In this article, Benjamin Hersh will talk about the unique challenges of designing a hip-hop app as he led design for one of the few successful apps in that space. Benjamin will share insights from his research and design process, and the lessons he and his team learned about the DAU of hip hop. This is not strictly an article about technical innovations. Benjamin’s focus is how an awareness of complex cultural issues can be critical for good app design.
Read more…
