Stark Services – “AC in the Attic”
Stark Services was an HVAC – Plumbing company in Dallas, TX and part of Church Services...
September 7, 2012
We’ve recently had a lot of clients asking about responsive design – an exciting turn. We’ve been playing around with it ever since passing around Ethan Marcotte’s now-famous ALA book. It seems like the term has just entered the non-webnerd lexicon. A simple and (rightfully) alluring concept at it’s core; however, it’s been difficult communicating the technical requisites to normal clients.
We want to build sites the right way. Often times, that requires intervention with the basic elements of the site – architecture, content, media, and so on. So we drew up this little document in attempt to provide clients with a brief but thorough explanation of what it means to go responsive.
With an inevitable proliferation of screen sizes, responsive design allows any user to access your information the right way, regardless of device, operating system, or display size.
Ensuring your site renders “the right way” within any reasonable context will require in-depth research and extensive testing in both the design and development stages. Regardless of how you expect your visitor to interact with your site, it’s paramount that we make every user’s experience as intuitive and straightforward as possible.
With changing screens come changing contexts. A user may be sitting on their couch or rushing to a meeting.
A few points on designing for mobile:
Navigation
The moment a mobile user opens your page they should be able instantly have access to the main sectors of your site. Also, if your pages are content-heavy and require a fair amount of scrolling, the navigation menu should be accessible at any point, regardless of scroll position. See Brad Frost’s article on Responsive Navigation Patterns.
Media
Certain types of media adapt to responsive design better than others. Avoid dependence on Flash objects or any third-party widgets that don’t explicitly support a fluid layout. Both embedded video (Youtube, Vimeo, etc.) and self-hosted video (.mp4, .mov, etc.) do rather well in a responsive environment. Surprisingly, static images are not as accommodating. Fortunately we can change out images depending on display size, just be mindful of how your image assets play a role in the site’s overall functionality.
Text/Content
Maintain a clear and logical hierarchy to your content. A quick look at any analytics report will help you make an educated guess as to which areas of your site receive the most traffic. We want to make the the important information in these areas appear front-and-center giving the user the opportunity to drill down into a second or third level of content only if they wish to.
Buttons/Menus
Another reason to keep your content tight and organized is so users can avoid dealing with the “fat finger” problem. Buttons and navigational links must be large and displayed sparingly. Oh, and don’t rely on hover states.
Although the notes listed above were written with mobile in mind, the same could and should apply to traditional web-surfing. Some fantastic example of responsive layouts can be viewed here.
Did we miss something? Let us know!
Stark Services was an HVAC – Plumbing company in Dallas, TX and part of Church Services...
Sudie’s is a family-oriented, family-owned restaurant that offers delicious seafood and homemade Southern dishes. Opened in..
OAK wrote, produced, and directed a video for TOPS Surgical Specialty Hospital, a physician-owned facility in..
We have worked closely with a wide variety of industries helping them boost their online presence..
We have worked closely with a wide variety of industries helping them boost their online presence..
We have worked closely with a wide variety of industries helping them boost their online presence..
OAK is an advertising firm that helps businesses grow by strategically defining your brand and its..
Digital advertising has grown from gaining prominence to becoming base-level must-have in any marketing strategy. By..
We have worked closely with a wide variety of industries helping them boost their online presence..
We have worked closely with a wide variety of industries helping them boost their online presence..
Church Services Church Services is a home service company that gives homeowners peace of mind knowing..
The Houston-Area Saturn Retailers were unhappy with the national advertising agency’s approach to the Saturn brands..
No Label Brewing has been an OAK client since 2015. During that time, we’ve designed some..
Lovett Dental helps patients get the smile they want and need by providing everything from teeth..
We have worked closely with a wide variety of industries helping them boost their online presence..
David Taylor GMC had been in Houston since 1975 and had enjoyed a prestigious reputation with..
Karrus Force Protection was looking to use cutting-edge technology to attract tradeshow attendees to Force Protection’s..
THE PROJECT To strengthen and expand Hebel’s reputation among architects, developers and builders in the United..
Messina Hof was looking for a way to target a younger demographic to their annual Harvest..
This is one of 2 ads we created for the Texas Tamale Company. These ads ran..
Shepherd Park is another restaurant and bar owned and operated by Houston restauranteur, Ken Bridge. Creative..
Witchcraft Tavern & Provision Co. is a new addition to the Houston Heights food scene. With..
Spirit of Texas is an independent rum distillery based in Pflugerville, TX. They dedicate a massive..
THE PROJECT No Label Brew Co, a long-time client, came to us with the idea for..
Developed automation emails for the office of Continued Medical Education for Houston Methodist Hospital for seminar/course..
When Texian Brewing Co. approached us to launch their new Bomber limited series with Summer Sandia...
Challenge: The quirkiness of a home-brew stick figure logo had brought Houston Area real estate company,..
Their Goal Growing the audience Disney Magic Run needed to reach a local audience of fans..
We have worked closely with a wide variety of industries helping them boost their online presence..
After years of the very dynamic Pinks site, Pinks Pizza asked for OAK for redesign. To..
We have worked closely with a wide variety of industries helping them boost their online presence..
The first bomber bottle commissioned by Texian Brewing was for the Liberty IPA. The sister ship..
Annual Christmas card! Santa’s Little Weiner won an American Advertising Federation award in 2015.
EMS USA inc. a fast growing pipeline care company, came to us for a fresher look..
We brought Dan Tasset’s web identity up to date with the use of a simple, clean..
Houston-based screen printer, Lady Lazarus reached out to OAK for a website to help showcase their..
We have worked closely with a wide variety of industries helping them boost their online presence..
We have worked closely with a wide variety of industries helping them boost their online presence..
We have worked closely with a wide variety of industries helping them boost their online presence..
We have worked closely with a wide variety of industries helping them boost their online presence..
We have worked closely with a wide variety of industries helping them boost their online presence..
We have worked closely with a wide variety of industries helping them boost their online presence..
We have worked closely with a wide variety of industries helping them boost their online presence..
C L I E N T Pinks Pizza is a Houston-based Pizzaria that’s been serving pizza..
Gilley’s food line started with a product that’s a natural extension of their light, food-friendly Texas..
Texian Brewing Company is proud of their Texas heritage. Founded and brewing in Richmond, Texas (southwest..
We have worked closely with a wide variety of industries helping them boost their online presence..
What the Hatch and Don Jalapeno stem from the same family with the only difference being..
We have worked closely with a wide variety of industries helping them boost their online presence..
We have worked closely with a wide variety of industries helping them boost their online presence..