Website Design - Topics A-Z
Topics A-Z listing of articles and resources about best practice website design with an emphasis on government.
-
Accessibility, Usability and User Centred Design - 3. User Centred Design
-
Content of the presentation includes: Initial concepts - what is user-centred design, interaction design, the various methods you can use; and accessibility and usability issues associated with user-centered design (UCD).
-
Responsive Web Design
-
Presentations to the Victoria Online Seminar Series, Thursday 22 November 2012. With increasing amounts of web traffic coming from a wide variety of devices, it can be daunting to try to develop for every possible platform. Responsive web design allows websites to keep a consistent appearance across desktop and mobile devices whilst prioritising the most important information. Is it suitable for your web project? This session will present two case studies in responsive design: EPA Victoria and the soon-to-be-launched redesign of www.vic.gov.au. Presenters: Daniel McLeod, EPA Victoria and Vanessa Scott, Information Victoria.
-
Web Design for SEO
-
Search is about people. Every page is a landing page. Googlebot is smarter than you think. Google is also examining your pages visibly.
-
Responsive Design 101
- By Erin Gallagher, Business 2 Community, Published April 29, 2013. "... Responsive web design ensures a single site is optimized for all devices, from desktop to tablet to mobile. Designers use CSS3 media queries to style and present the content in the best way for the particular device you are viewing the site on. The website then fluidly responds to the screen width of the device to give you the best presentation and layout of content.
How does it do it?..."
-
4 Important Points to Research Before Launching a New Website
- by Mark Knowles, Search Engine Watch, March 11, 2013. "If you’re thinking about redesigning or rebuilding your website, there’s a lot to consider.
A hasty start or too much enthusiasm without a lot of research to support it almost always leads to increased budgets, disorganization, and an unexamined course of action rather than a win.
What follows are some tips on the things you must consider prior to doing anything to your existing site...
1. Know Your Goals and Research Them
2. Understand What's Broken on Your Current Site
3. Discover What Web Pages Already Work Well
4. Examine What's Already Working in Your Industry..."
-
Mobile Responsive Design 101
- by Josh Byers. Copyblogger, 7 March 2013. "... When a website is responsive, the layout and/or content responds (or, adapts) based on the size of the screen it’s presented on.
A responsive website automatically changes to fit the device you’re reading it on.
Typically, there have been four general screen sizes that responsive design has been aimed at: the widescreen desktop monitor, the smaller desktop (or laptop), the tablet, and the mobile phone.
As you can see in the examples below, as the screen gets smaller, the content shifts and changes to the best display for each screen..."
-
When Responsive Web Design Is Bad For SEO
- by Bryson Meunier. Search Engine Land, March 4, 2013. "In my January column I resolved not to discuss the responsive Web design issue anymore, as the One URL versus multiple URL issue is moot now that Google has announced a way to consolidate link equity for equivalent mobile URLs. Unfortunately, the rest of the SEO community isn’t following suit, as responsive Web design still seems to have the undeserved reputation for being the best option for SEO.
In reality, mobile URLs could be the best option for SEO, depending on your circumstances..."
-
The Pros and Cons of Responsive Web Design
- By Lauryn Jashinsky, Business 2 Community, Published February 27, 2013. "Responsive web design is making headlines every day. 2013 is predicted to be the year of responsive design. Well-known companies like Sony, Microsoft, Disney, Starbucks, and more have chosen to implement responsive web design. So what is all of this fuss about? One must ask himself or herself the question, 'Is responsive design right for me?' Although I cannot answer that question for you, I can offer you some pros and cons of using responsive design..."
-
When Responsive Design is Not an Option: a Checklist for Optimizing Your Mobile Site
- Posted by Bridget Randolph. SEOmoz - The Daily SEO Blog. February 11th, 2013. "Kristina Kledzik recently wrote a post here on the SEOmoz blog about responsive design and why it's often the best option when creating a mobile-friendly online experience. She discussed its advantages in dealing with usability issues, duplicate content, mobile search rankings, and link building. Google recommends using a responsive website design where this makes sense from a user perspective, and Bing encourages a "one URL per content item" approach.
Kristina makes a compelling case for responsive design. However, responsive sites can be tricky to develop, especially if the original desktop version has lots of content and/or navigation options. If you have a business or a client whose site has hundreds of thousands, or even millions of pages, it may be difficult to redesign the entire site with a responsive design. A separate mobile site, however, can start with fewer pages, and you can add more as you have time. For some businesses, responsive design is simply not the best option because their mobile visitors' needs are so different from desktop users, and thus require drastically different content. So we can’t always rely on the advice that responsive design is the preferred solution..."
-
The SEO of Responsive Web Design
- Posted by Kristina Kledzik. SEOMoz - The Daily SEO Blog, January 28, 2013. "Will Critchlow announced back in November that Distilled's blog was updated with a new responsive design, but it occurred to me recently that we never went into the specifics of why responsive web design is so great. Responsive design has been a hot topic in online marketing for the past few months, but is it really going to become an industry standard?
Short answer: yep.
Responsive web design means that you don't have separate mobile, tablet, and PC versions of your site: the site adapts to whatever size screen it's being displayed on. Regardless of what device a visitor is using to access your site, they'll see all of the content you have to offer (no more partial-content mobile versions of sites) and they'll see it in readable way.
With a 55% increase in smartphone subscriptions in 2012 alone, responsive web design is the future of online marketing..."
-
Responsive Web Design Interactive Infographic
- Provided by Template Monster. "This infographic is the first place to check when you need well researched information on responsive web design. With basic glossary, 15 blog articles, 5 quotes, 11 free PDF books, Google recommendations, as well as 65 tutorials, 20 plugins, 19 tools, and ready-made responsive website templates, this page is meant to classify a whopping amount of RWD content and give you exhaustive answers & tips to help improve your website designs. Use this, it will make you a better responsive web designer..."
-
Responsive Web Design and Web Analytics
- By Carl Sandquist. Adobe Digital Marketing Blog, November 20, 2012. "Over the last year or so Responsive Web Design (RWD) has gained sizable attention within the web world. With the rising tide of smartphones and tablets and the vast variety of screen sizes these devices represent, companies are looking for easier and more effective ways of providing their content across multiple screens. Although RWD does have its implementation challenges, by in large it is seen as the panacea to the multi-screen headache. Interestingly enough, when listing out the practical challenges of instituting RWD on a large scale, very few have mentioned the impact of RWD on web analytics. In this post I will discuss this problem and some best practices in implementing analytics on web sites using RWD..."
-
Beginner's Guide to Responsive Web Design
- by Nick Pettit. Team Tree House, August 8, 2012. "Whether you're a beginner or a seasoned web professional, creating responsive designs can be confusing at first, mostly because of the radical change in thinking that's required. As time goes on, responsive web design is drifting away from the pool of passing fads and rapidly entering the realm of standard practice. In fact, the magnitude of this paradigm shift feels as fundamental as the transition from table based layouts to CSS. Simply put, this is a very different way of designing websites and it represents the future.
Over the past year, responsive design has become quite the hot topic in the web design community. If all the buzz has you feeling like Rip Van Winkle waking up in the 21st century, this summary will help you catch up with the times..."
-
Website Redesign? Get Some SEO Consultation Before You Launch
- by Mark Jackson, Search Engine Watch, November 11, 2012. "Here are the main reasons why people redesign their websites:
"We want to freshen the look/feel."
"We need to update our content, to be more relevant for where we are today."
"We have too much information on our website...we need to clean house and provide a slimmed down version."
It's typically not until launch is around the corner that folks start asking about SEO. 'Sometimes' they have serious discussions about usability..."
-
Responding to Responsive Design
- by Joe Laszlo. ClickZ, September 28, 2012. "For much of the past year, my colleagues at the IAB and I have been beating the drum of "mobilizing the web." I fully believe in that mandate (see "Tap Into Mobile"); however, it's easier said than done. The messily fragmented world of mobile, with dozens of smartphones, tablets, and in-between devices, makes it practically impossible to build custom content for every screen.
Rather than wishing for an unlikely device monopoly, mobile media needs technical solutions to help optimize content across devices. Thus the growing buzz around something called "responsive design."..."
-
Homepage Design Changes
- Jakob Nielsen's Alertbox, September 24, 2012. "Summary: Web design is stabilizing; the average homepage is only about 40% different than it was a year before. (Corresponding to 3 years between complete redesigns.) For 19 years, I've been collecting screenshots of a broad range of homepages, capturing shots of each site once a year. Comparing each screenshot with its homepage the year before lets me estimate the annualized degree of change in homepage design..."
-
The Cure for the Common Website
- By Tom Samph, Business 2 Community, Published September 21, 2012. "The Internet is going mobile, fast. And it's causing problems for website owners.
While a smartphone can fit in the palm of your hand, a traditional website can't. And with mobile traffic across the web heating up by the minute, website owners need to appeal to mobile visitors, but don’t always have the tools to do so.
But web designers called out this issue with accessibility years ago. Devices were changing, they noticed. Desktops gave way to laptops, which were joined by smartphones and tablets. So, design needed to change, too.
The result: today, a growing embrace of a theory called responsive web design..."
-
Big Menus, Small Screens: Responsive, Multi-Level Navigation
- by Tessa Thornton. Webdesign.TutsPlus, September 13 2012. "If you've ever worked on a responsive website, you've no doubt had to tackle one of the trickiest problems in this emerging field: navigation. For simple navigation, the solutions can be straight-forward. However, if you're working on something a bit more complex, maybe with multiple nested lists and dropdowns, a more dramatic rearrangement may be in order.
In this approach to responsive navigation, we’re going to use an approach that can accommodate large, multi-level navigation menus using media queries and jQuery, whilst trying to keep our markup simple and our external resources minimal..."
This category last updated: 30 April 2013