SXSW 2013: The Real Responsive Process?

Aaron Gustafson
Principal
Easy Designs LLC

Samantha Warren
Designer
Twitter

Steve Fisher
Dir of User Experience
Yellow Pencil

Yesenia Perez-Cruz
Designer
Happy Cog

Presentation Description

The web is not a fixed width. So if the medium is fluid, should the process be fixed? Fireworks and Photoshop are not flexible enough to demonstrate media queries, button and menu states, HTML5 and JavaScript behaviors, dynamic resizing of elements and navigation flow.

Diving into responsive design projects can be daunting. Old design practices are cumbersome when thinking in terms of web systems that will span a wide variety of devices and dimensions. Four industry leaders will delve into how they handle the responsive process or how they don’t. A fluid process to match the fluidity of responsive design. Bam! We’ll also explore some of recent successes and failures while establishing why a responsive process is a responsible process.

One web to rule them all?

Presentation Notes

The content should be available no matter what screen size, but just presented differently.

97% of devices were met with a responsive design.

Is responsive web design boring? No, if you’re using the same patterns over and over then you’re not thinking like a designer. It gives us the idea to redesign a process and get into patterns ourselves.

Responsive design gives us the availability to sit down, look at a system, and determine how it is different.

How do we show a wireframe to a client if it is to be responsive?

While Bootstrap and Frameworks are perfect for prototyping, they are becoming a crutch for doing simple things that damage bandwidth such as simple animations that could be done other ways. Using a framework can also make it feel like it is all the same as any other site in a framework (such as Bootstrap). However, on the other end of the argument at least the content is easy to access and see.

Style Tiles are good for companies that already have established brands. So, how do you communicate with those types of clients who already have that? It’s about creating deliverables in a fashion that you can quickly share and get feedback. mood-boards and comps also do this.

Implementing responsive design involves team participation. Two of the most important things for any team is to communicate, and to trust one another. Put both the designers and developers in the same room to create quick mock-ups and ideas for how things will/can function.

Resources

Posted in SXSW 2013.

Leave a Reply

Your email address will not be published. Required fields are marked *