Over the last four years I’ve been designing dashboards and applications, and I’ve learned how to deal with different departments, and utilise their knowledge in order to make product design more efficient. Today, I’m going to share all of the steps that I’ve built into
Responsive Web Design Patterns Pete is a Developer Advocate Responsive web design patterns are quickly evolving, but there are a handful of established patterns that work well across the desktop and mobile devices. Most layouts used by responsive web pages can be categorized into one
Visibility of system status is one of the most important principles in user interface design. Users want to feel in control of the system they’re using, which means they want to know and understand their current context at any given time, and especially when a
Around a year ago, while working at a digital agency, I was given the objective of streamlining our UX design process. Twelve months later, this article shares my thoughts and experiences on how lean thinking helped to instill efficiencies within our UX design process. The
Animation in Design Systems Our modern front-end workflow has matured over time to include design systems and component libraries that help us stay organized, improve workflows, and simplify maintenance. These systems, when executed well, ensure proper documentation of the code available and enable our
If you have to design an interface it’s almost obvious to think to begin the process by drawing. But is this the best way? I once casually started by writing an imagined human-computer conversation, and only afterwards I continued by drawing. This changed my way
Most businesses and organizations have websites, and with the popularity and proliferation of all sizes of mobile devices, a mobile strategy for those websites is more important than ever. If you haven’t already begun to make those decisions about your own organization’s mobile website presence,
end adsense-topThe ever-expanding world of design can be tough to comprehend as a newcomer. With so many tools and techniques available it’s hard to know where to start. Three of the most widely used design programs are Adobe Photoshop, Adobe Illustrator, and the newer Sketch
end adsense-topWhat is the best way for your business to go mobile? Mobile optimization is becoming more and more trendy these days and it is no surprise. According to Mashable in August 2013, 17.4 percent of all global web traffic came through mobile devices and
dpilove Resolution: × Common: 1920×1080 1680×1050 1440×900 1366×768 1280×800 1386×768 1024×768 800×600 DiagonalWidthHeight: ″ Common diagonals: 7″ 11.6″ 13.3″ 14″ 15.6″ 17.3″ 21″ 27″ Known screens Name Diagonal Resolution DPI dppx Loading… Help this list expand: Send pull requests or file Github issues FAQ “It’s
Some websites outperform others, whether in their content, usability, design, features, etc. Details of interaction design and animation make a fundamental difference on modern websites. We’ll share some lessons drawn from various models and analyze why these simple patterns work so well. When we design
Following the market’s demand for minimalistic and consistent UIs, and the growth in modular web development, we tend to pay more and more attention to documentation and the efficiency of designer–engineer workflow with each project we undertake. Also, since the documentation process is often the
This post originally appeared on the Marketing section. To read more content like this, subscribe to Marketing. If you’ve ever wondered how designers at Apple defined every little element in iOS as they were building it, then you’re in the right place. Ready to nerd out
If you have to design an interface it’s almost obvious to think to begin the process by drawing. But is this the best way? I once casually started by writing an imagined human-computer conversation, and only afterwards I continued by drawing. This changed my way
Animation is one of humanity’s life-long dreams (if some historians are to be believed). The theory begins with cave paintings: In some cave paintings, it’s common to see creatures drawn with far too many limbs. There are a couple of theories behind this. Some suggest
We all know basic tenets of user-centered design. We recognize different research methods, the prototyping stage, as well as the process of documenting techniques in our rich methodological environment. The question you probably often ask yourself, though, is how it all works in practice? What
Several years ago, I was working on a large, complex application. It was a bit of a legacy project: many different designers and front-end developers had come and gone, each appending a new portion to the sprawling application. By the time I arrived, the CSS
Seen a font in use and want to know what it is? Go here: https://www.myfonts.com/WhatTheFont/ Submit an image to WhatTheFont to find the closest matches in their database. Or, let cloak-draped font enthusiasts lend a hand in the WhatTheFont Forum Submit your image here PNG, GIF,
Typography Terms One of the reasons for starting this site was that I felt there just wasn’t enough being said about the topic. Secondly, and more significantly, I always found it difficult to quickly locate typographic resources. The long-term aim of this blog is to
Back in the early years of the web, one of the most recurring usability mantras was that users don’t scroll past the fold. As a consequence, web designers were encouraged not to make pages that were too “scroll-intensive”: instead, they should leverage on granular and
Most layouts used by responsive web pages can be categorized into one of five patterns: mostly fluid, column drop, layout shifter, tiny tweaks and off canvas. In some cases, a page may use a combination of patterns, for example column drop and off canvas. These
Creating a responsive website is not a simple project—and it’s a never-ending project to boot. A popular site requires constant maintenance and updates. For a high-performing site, it’s critical to create the design around the content, which is, of course, the most important element of
Style guides — especially living ones — are useful in many aspects of development and maintenance, so it’s little wonder that developing them has become a highly recommended and a popular practice. But even with the clear benefits, taking the necessary steps to create and
This short tutorial shows you how to perform responsive design testing with Google Chrome’s device mode feature. http://sixrevisions.com/tutorials/test-responsive-designs/ The post How to Test Responsive Designs appeared first on Six Revisions.
