Archives
Categories
- Articles (19)
- Blog (73)
- Case Study (4)
- Events (24)
- News (67)
Web design is an ever changing landscape that will create new, convenient ways to cater to its reader. Now that the majority of United States mobile phone users are relying on their phones to access the web, creating multi-purpose websites is crucial. The new way to achieve this is by using RWD (Responsive Web Design) and AWD (Adaptive Web Design). RWD and AWD are able to visually display and automatically alter web pages with the correct layering on desktop and mobile devices. RWD is the technique for laying out the design, whereas AWD is the number of layers that go into RWD. Adaptive Web Design in the past was the pre-cursor to Responsive Web Design. It typically referred to websites that would scale to fit different screen sizes but did so using just a few hard coded designs. These types of sites basically had 3 different designs. Whereas, responsive web design is a more fluid, flexible design approach that scales up to fit any sized screen.
More recently, people have been using the adaptive terminology to refer to using RWD with an added twist: server side device detection and decision making. This particular definition of AWD refers to the concept of building sites in a “layered” fashion that allows all devices to access the basic content and functionality and enhances the design and experience on more capable, newer devices. There are three different layers that all consist in RWD. The first layer is the Content Layer. This houses all of the HTML markup which will coexist with the HTML5 standards of web design. Next, is the Presentation Layer which is where CSS and styling come into play. Any images, graphs, background, text effects, etc. are a part of the styling aspect of CSS3 standards. Lastly, is the Client-Side Scripting Layer. JavaScript and jQuery behaviors are installed into this layer and tie all of the 3 layers together. Each layer holds an equal amount of importance for AWD.
Websites using AWD are sites that usually have shopping carts or cater to different types of device readers. According to websitemagazine.com, the following websites rely on AWD: Avenue 32, an online luxury shopping site who wanted their customers to have a convenient shopping experience by utilizing online shopping on multiple mobile devices; USA Today, who wanted to create a richer news experience by creating a tailored experience with screen size and operating systems in mind; Amazon, who embraced ADW to encourage readers to use their mobile devices and allow them to use “Amazon.com Full Site” on their mobile devices; Apple, who is in the process of changing their website based on device type with the use of AWD; and About.com, along with many other news websites who wanted the ability to load web pages quickly and cater to different devices used by their readers.
This type of landscaping is the new wave of web design as technology grows and is used on more than one device. Companies like Microsoft and Apple are only going to be pushing the limit as far as technology goes. For example, we have seen the pattern of new iPhone and iPad releases; it’s almost guaranteed that every other year a newly updated device will come out. Web designers are having to keep up with the new trends so platforms end up compatible for its readers.