Tag: responsive web design

There Are No Break Points in Your Web Strategy: Going Responsive Without Screwing Everything Up (UAD1)

We all know that responsive design is here to stay. We’ve watched that the percentage of mobile visitors climb every month, and it’s a fair bet that nobody at this conference needs to be convinced of the importance of making our sites responsive. But too often, when sites go responsive, they do so in a way that loses or changes their underlying web strategy: recruitment sites become news sites, calls to action go missing, emergency alerts are dropped on mobile devices, or desktop sites become burdensome and difficult to navigate. Making sites that deliver the same results at 320 and 990 pixels wide is exceedingly difficult. What goes where? What goes away on the phone? What expands or collapses? How do decisions made at the earliest stages of site planning influence what your users will eventually be seeing – and more importantly, doing -- on their phones? All of these are decisions that dramatically affect how users experience your site, what they see, and what they’ll ultimately do. This presentation will focus on strategies for creating a responsive experience, for new sites and redesigns, while maintaining your overall web objectives. Topics covered will include strategic approaches to managing common website components, such as homepage features, calls to action, navigation and menus, on small, medium, and large devices. While the range of options and device sizes may seem overwhelming and constantly shifting, best practices and common design patterns are emerging. This presentation will talk through these patterns, as well as the possible strategic benefits and drawbacks of each.

It Takes a Village: Moving Toward Mobile (AIM2)

Texas A&M University is implementing its Go Mobile! Initiative to encourage mobile-friendly communication across campus. The presentation will discuss the cooperative model used by their Mobile Strategy Team to develop a mobile strategy, web resources, and supportive community; resulting in a mobile-aware campus and tremendous growth in responsive websites.

Rebooting Your Responsive Workflow with Pattern Lab (UAD3)

Responsive design is forcing us to reevaluate our design and development practices. It's also forcing us to rethink how we communicate with our clients and what a project's deliverables might be. Pattern Lab attempts to provide one tool that allows for both the creation of modular systems that can live beyond the development phase of a project as well as give clients a tool to review on-going work in the place that a site is actually going to be used: the browser. This talk will introduce you to the features of the Pattern Lab. We will also discuss how it fits into the new development workflow at West Virginia University. Learn how WVU developed its very own "bootstrap" to share common, tested interface patterns across the university. Pattern Lab is Open Source and is based on lessons learned during the latest TechCrunch and Entertainment Weekly redesigns. It is currently maintained by Dave Olsen and Brad Frost. Learn more about Pattern Lab at http://patternlab.io.

Putting students first: The uOttawa.ca redesign (UAD9)

The new uOttawa.ca website went live in November of 2013 to the musical tweets and likes of students and for those who are passionate about creating a user-design experience. Not only was a new mobile responsive Drupal Web content management system put in place to replace the numerous in play, the entire content and purpose of the site was rethought according to a thorough analysis that focused on the needs of users first. Nichole McGill, Web Communications Director for the University of Ottawa, reveals what she learned in her multi-year odyssey to transform uOttawa.ca to make it mobile, ensure that all requirements met the unique bilingual needs of the largest English-French university in the world, all the while pushing the bar for university sites.

Taking the Web Offline (AIM10)

Let's face it. There more devices out there than you can support with dedicated native apps. And except for very specific cases, most of what you'll want to do with your app is available through web API's. And yes, this includes offline support. During this presentation we'll take a look at your options for storing data in the client browser and how you can leverage it to speed up your websites. We'll also spend some time looking at how it was implemented on 2014.highedweb.org.

The Designer's Guide to "Responsive" Marketing (UAD12)

Are you a design team of one? Do you feel like you’re reinventing the wheel for each new promotion, event, or marketing push? Do you spend the bulk of your time recreating page layouts or trying to remember Facebook dimensions? Are you forced to rush your designs or sacrifice your standards?? Me, too. On the heels of a particularly stressful marketing campaign last fall, I realized my current process was no longer working for me. There had to be a better way to repurpose content between marketing channels with a lot less duplication of effort! The soul-crushing tedium of file prep was killing my productivity and to be frank, was a waste of my design talent. Looking to Responsive Web Design for inspiration, I saw an opportunity to rethink my approach. It took significant planning. Standards had to be set and templates created, but in the end, I had a manageable marketing workflow. Now, I carry one robust design across multiple templates tailored to each medium—delivering a consistent visual and rhetorical transition between print, digital, and social channels. I'll share examples and present my approach to developing a "responsive" marketing workflow. Plus, to help you get started, I'll provide a basic planning template and links to a few of my favorite design resources.