Archive for the 'responsive web design' topic

UIEtips: Code Sketching – A Stretch Goal for Your Design Superpower

There was a time that providing a simple sketch on paper conveyed enough information to the stakeholders on the intent of a design. Now, with the plethora of devices a person can use, a sketch lacks the detail needed to convey how the design will appear on various devices. Today’s article discusses the benefits of […]

UIEtips: Responsive Design for Apps

In this week’s UIEtips article, Jason Grigsby tackles the concept of responsive design for mobile apps. He looks at widgets for desktop and mobile and explores the idea if phones are really different platforms than tablets. When it comes to incorporating and understanding mobile first responsive design, Jason Grigsby is one of the UX superstars […]

Sign up by 2/11 for UXIM Mobile Conference and Save $300

The increasing use of mobile devices makes designing sites and apps more complex. To design for the user, you have to completely change the ways you work and learn new tools, techniques, and patterns for success. We built the UX Immersion Mobile Conference in Denver, CO April 7-9 to help you meet those challenges. You’ll be […]

Stephen Hay – Responsive Web Design Workflow

The web is no longer fixed width. Designs are more malleable than ever because of fluid grids, media queries, and everything else that comes with responsive web design. This makes using static photoshop comps as a deliverable unmanageable. Design workflows inevitably have to change and adapt as the way we design for the web evolves.

Workflow on Responsive Web Design Projects

The old workflow of designing for the desktop and a tablet, working up images in Photoshop or Fireworks, falls apart with responsive design. With the growing number of mobile devices, how do you design for the multitude of screen sizes? What priority will elements take on shrinking screens? How can designers make their intentions clear […]

Brad Frost – Creating Responsive Interfaces

Frameworks and design patterns are no strangers in the world of web design. As responsive web design becomes common practice, making sure these templates work across every imaginable screen and device is trickier. There have been attempts to break down page elements in separate modules, but you often never see it fully assembled.

Jason Grigsby – Responsive Web Design with Mobile in Mind

With the mobile web, specifically m dot sites increasingly becoming a thing of the past, responsive web design has become common practice. The ability for your site to display across screen sizes and devices, reduces development time and allows for one design to work anywhere. However, this shouldn’t signal a shift away from mobile-first thinking.

Aaron Gustafson – Designing Across Devices with Progressive Enhancement

Responsive web design seems to come up in every other discussion or article about UX these days. And rightfully so as it’s an elegant way to make sure your design adapts to the multitude of devices on the market. But with the Internet of Things looming, it’s becoming more than just the visuals of your site that are of major concern. How your content displays on a car dashboard, “can a watch handle this page weight?”, or “is this refrigerator JavaScript enabled?” are not unrealistic issues moving forward.

UIEtips: Explore These 7 Great Podcasts from 2013

This past year we featured some fantastic podcasts from a variety of UX luminaries. It was difficult to cull the list but we managed to do just that. Here for your listening pleasure are our favorite podcasts from 2013. Designing Microinteractions Do you think about the ringer on your phone and the ability to turn […]

Ben Callahan – Structuring Your Workflow for Responsive Web Design

As responsive web design becomes more prevalent, our approach to designing for the web is changing. With former assumptions, as dismissive as they may have been, that the web was a fixed width, it was easier to have a more linear workflow. With the need for the web to reconfigure and adapt to different devices and displays, designers and developers need to adapt to changing workflows.