Skip to Content

Open source discussion. Because there's a lot of talk in our industry.

Posts Tagged ‘Web Development’

Current and Upcoming Projects

Tuesday, February 23rd, 2010

It’s been awhile since our last post as we’ve been buried deep into some very interesting projects.

First of the bunch is a web application we’re building for Awaken Meditation. With phase one set to launch over the next few weeks, we’re excited to see where this project will go (as more phases have already been proposed). The site itself is centered around a live stream of meditation broadcasts plugged in from all over the world – of which users can purchase and view. Considering the variations with time zones, currencies and more, this one is turning out to be quite the complex entity, but is still easy to use from an end user’s perspective, which has been our ultimate goal from its inception.

We’re also currently working on three high profile corporate sites and a brand for OmniArch Capital Group, Prime Communications Ltd. and the Calgary Sport and Spine Clinic respectively. We’ll be launching each of those unique initiatives within the next two months.

Looking a little bit longer term, we’re ramping up for a new marketing launch for one of our largest and longest running clients, EMIT Technologies. The company has experienced unprecedented growth over the past four years that has seen their operations expand from one manufacturing center based in Sheridan, Wyoming, to a nation-wide emissions management leader in the US. In an effort to match that rapid growth we’re retooling all of their communications as well as their website over the next four months.

There are, of course, other items of interest to discuss of course, we just don’t want jinx anything too early! Stay tuned.

Creating value on the web

Monday, September 14th, 2009

If you or your business are considering redesigning your website, or are in the process of developing a new site, please stop now and ask yourself “why?”.

In the world of web development, it’s truly astonishing how many companies openly ignore the question of what their website is actually doing for them. Millions of dollars are spent each year on website redesigns and redevelopments without any thought of what value it’s providing to the company and its end users (customers, clients, investors, etc.). If your website isn’t doing anything for you, it’s time to step back and really take a look at the reasons why.

When the internet initially became a new public domain to populate, it was sufficient to simply display a little bit of information about your company and products and/or services – nothing more than a directory listing when you really think about it.

Unfortunately, in terms of the history of the web, that was ages ago. Presently, there are billions upon billions of sites online – a massive directory of visual noise that is nearly impossible to distinguish yourself within. So unlike years ago and like everything else that’s a part of your business, it’s time to start thinking about why you have a website and what value it’s actually providing for your business.

Your website, if developed properly considering the right answers as it pertains to value, will become more than a ‘directory listing’. Your website will become:

  • A central tool for showcasing your company’s brand and deliver its core message.
  • An effective sales tool for your company’s products and services.
  • An easily accessible location for your customers, clients and investors to easily learn more about your company’s offering as it pertains to them.
  • A critical component that is extremely cost-effective, constantly evolving as your industry evolves, and is at the forefront of all your marketing and communications initiatives.

Creating True Value on the Web

At the end of the day, when it comes to developing your website, no matter how simple or complex, the level of value and quality it retains is solely determined by whether one simple yet profound question is truly answered:

“Why Do I Need a Website?”

We all have things that we don’t want or need, we all have seen things created or produced and have asked ourselves “what for?”, and most importantly, we all have been frustrated with things in our lives that seemingly work more to inconvenience us rather than help us.

Anything of true value has a purpose, but like a lot of things in life, things are created, constructed and purchased without keeping that purpose at the forefront of the process resulting in wasted time, wasted effort and wasted cost with end results that don’t adequately fulfill a need.

When it comes to the development of a website, keeping this question at the front of the project at all times is critical, and ultimately determines whether a site provides value to your company, customers, clients and investors – regardless of it being perceived as low or high value.

A perceived high value site can:

•    Look good.
•    Be loaded with interactive features.
•    Deliver content.
•    Be mistakenly perceived as a true high value website.

However, a perceived high value site doesn’t even consider the question of “why do I need a website?” let alone answer it, and therefore usually ends up being a convoluted structure of fragmented content that’s neither easy to navigate through or comprehend, in the end providing little or no true value to the end user and their experience with it.

A true high value site can do everything a perceived high value site can, but what it also does is answer the all important question of “why do I need a website?” by taking into account the critical information discovered from exploring of all possible considerations relating to that very question, such as:

The main objectives of the website as they relate to the company/organization, and how do these are conveyed to the target audience viewing the site:

  • What is the message you want to convey to your users?
  • What do you want the user to achieve by visiting your site?
  • What do you want the user to take away from the experience on your site?

The users viewing the website (personas):

  • Are they consumers? investors? clients?
  • What type of people are they? CEOs? Field personnel? Customer service?
  • What kinds of content are they looking for?
  • How do they need this content to be presented to them?
  • What specific factors about this audience may change the way content is presented?

The type of content being presented and how it should be best structured:

  • Is the site’s content relevant to your audience? Does it have value?
  • Is the site’s content presented in a way that it’s concise and easy for the user to comprehend?

The entire process of developing a website that has true value rather than perceived value comes down to taking the time up-front to map out all there is to know about your company as it relates to the website and its various end users, then integrating that knowledge through the proper execution of the development process.

What Does This Mean in Terms of Cost?

Executing the proper development process, which can be perceived as the high end, costly option, will in most cases actually be equal or less than the cost of developing a low end option, when you evaluate it over the total lifespan of the project, as seen by the example below:

OPTION 1: Not addressing the “Why do I need a website?” question.

Base Site – $6,000

  • Basic, good-looking website.
  • Integration of content management system.
  • Content supplied solely by client.

Possible Additions – $30,000 or more

  • Revisions to site navigation and feature / section additions attempting to give the site purpose.
  • Overhaul of the content management system to incorporate new content.
  • Overhaul of the site’s design/programming because the scale of the site has changed.

Final True Value = Low

An endless series of patches, fixes and upgrades, addressing issues that weren’t evaluated in the beginning of the process ends up costing much more to build later on, and still does little to achieve the anticipated value because of the reactive nature of the additions being made.

OPTION 2: Addressing the “Why do I need a website?” question.

Base Site – $25,000

  • Well-designed website, both visually and in functionality.
  • Scalable and extensible to easily incorporate future additions.
  • Easy to use content management system for continual updates.
  • Smooth user experience as site is designed with all necessary user considerations in mind.

Possible Additions – up to $5,000

  • Minor section/navigation updates.
  • Content management system maintenance/modifications.

Final True Value = High

The site never waivers from its original objectives as all elements of the site and its users were proactively considered and addressed from the onset of the site’s development and little is needed in terms of maintenance and upgrades, resulting in a much longer life-span for the website.

Conclusion

As with most projects of any kind, it’s really not difficult to create value on the web, it simply requires the proper planning and approach from the project’s inception, adequately addressing the question of “why do I need a website?“. In the end, the value retained from the complete execution of this approach far outweighs the initial cost to develop the site.

So if you’re considering redesigning or reworking your website, or are in the process of developing a new site, please stop now and ask yourself ‘why?‘.

  • If you can answer that question immediately – carry on and contact us should you require assistance with it’s design and  development.
  • If you cannot answer that question immediately – contact us now, we can help you find the answer.
  • If you cannot answer that question immediately when it comes to all of your communications and design needs – contact us immediately! We’ll send in our very qualified rescue team.
  • If you don’t care about that question - please contact someone else.

Time to upgrade your web browser

Thursday, June 4th, 2009

A few months ago, at the Web Directions conference in Denver, Colorado, I was enlightened by a new school of thought that is slowly spreading through the world of web design as part of an ongoing battle against web browsing technologies. The idea is called ‘Progressive Enhancement and Intentional Degradation‘ and was discussed specifically in a seminar by web design expert Elliot Jay Stocks, which in turn really became an overall theme for the conference itself. Although the idea is nothing new and has been applied to many types of advancement theories, I think it is an important idea that needs to be shared with everyone from colleagues to clients and more.

What does this concept mean in terms of the web? Well, in simple terms it puts the power of design back into the web designer’s hands and says ‘enough is enough’ with this all-consuming, never-fulfilling idea of designing for every browser ever made since the first consumer PC was sold. Essentially  it tosses aside the unrealistic idea that you must ensure that the site you produce looks exactly the same in every browser, all the time.

Progressive Enhancement & Intentional Degradation rewards users of modern browsers that are able to view all of the latest CSS features such as font embedding, border radius and transparency, and punishes users of out of date browsers (for example, Internet Explorer 6) by dropping certain site features that simply can’t be displayed by them. In essence, what this idea does is truly release the designer from the browser’s captivity when it comes to design, freeing him/her to work with the latest technologies in mind, and puts the power of choice back into the users mind when it comes to how rich they want their internet experience to be.

As proof that this idea can become an absolute reality, one just needs to look at all the options that exist in the realm of television. You have the choice to keep your overweight picture tube TV, hooked up to the basic cable package, however, if you want a truly engaging viewing experience, you’ll eventually find yourself owning a 1080p HD LCD or plasma panel with an array of high definition channels feeding into it. Now compare that transition to a free browser upgrade and you start to understand why the ‘enough is enough’ mentality designers have started to adapt is so relevant in today’s online world.

From my perspective, I think this concept is fascinating and consider it critical for true advancement in web design. The idea pushes for the progress of browser development to match the progress of design advancement, telling users and browser developers alike to either keep up or miss out on a better experience. Surely this idea is loathed by IT departments everywhere, but hey, without change, none of those departments would exist anyway.

Let me show you a few examples of this idea in play. View each site listed below in both the latest version of Firefox or Safari, and then Internet Explorer 6, 7 or 8. Note the inherent differences in the visual aspects of these sites and how the overall experience differs between each browser.

http://www.24ways.org
http://www.westciv.com/
http://theundersigned.net/

In conclusion, for users of older browsers, such as IE6, we’re not completely flipping the bird to them, we’re just saying ‘here’s your experience now, but here’s what it can be when using a newer browser,’ Even this site has small design intricacies that can only be displayed in browsers such as Firefox and Safari. On the other hand, if you’re viewing the site in Internet Explorer, the fact that border corners aren’t rounded isn’t going to cause you to regurgitate your lunch. However, over the coming months and years that list of intricacies will continue to expand further; all work to enhance the user experience within modern browsers that embrace new web design tactics, and thankfully helping push older browsers into complete extinction.

At least your old browser is easier to dispose of than that old picture tube. To upgrade your browser, please visit either of the links below:

Firefox
Safari (now for PC)

Wes Straub
Creative Lead

AJAX in corporate and retail websites

Friday, May 29th, 2009

What is AJAX?

If you spend a lot of time on the Internet reading up on web technologies you likely have come across the term AJAX. While you might be thinking this might just be the domain of indie web apps and social media sites such as Facebook, there are a lot of good reasons to look at implementing the technology on corporate, sales, customer service and other client facing websites. But first, lets define what it is and what it isn’t.

AJAX stands for Asynchronous JavaScript and XML and is a term that was coined by Jesse James Garrett of Adaptive Path in an article written in 2005. The technologies that make up AJAX have been around for a long time, but the combination of them together is what makes it really a useful tool. The Asynchronous component of AJAX in web browsers dates back to Microsoft’s XMLHttpRequest ActiveX object, which was implemented in Internet Explorer 5, and is now part of every other major browser as a DOM API.

JavaScript is a client side scripting language found in all browsers and is used in everything from simple calculators, animation and form validation to complete desktop-style web applications. The JavaScript component in AJAX talks to the XHMLHttpRequest object in order to send and receive data from the server, and processes and displays that data to the end user. The data that is sent to and from the web servers makes up the X component of AJAX and although it stands for XML in this case, other data formats are used such as JSON, plain text, and HTML.

Benefits

To better understand the benefits of using AJAX in your website let’s look at the typical way a web page loads. An end user will type a URL into the browser or click on a link resulting in an HTTP request being sent out to the server from the browser. The server will return the requested content back to the browser, provided that the content is at the requested address. That HTTP request will include the entire web page consisting of the page title, navigation, page content, sidebars, footers, etc. The end user will then click on another link and so on. Each time this happens, the full page of HTML will be returned. So what if you only want to get a small bit of data, such as an updated stock quote, or a list of news headlines? Well then you have to reload the entire page.

Using AJAX we can send a request for that specific bit of data as a background instead of reloading the entire page. The results of this are that the data being transferred is small therefore the rate of transfer is much quicker. That may seem like a trivial detail, but think of the difference between using a desktop application and a web application: when you are using a desktop application the results of an action are generally expected to be immediate. For example, loading a Microsoft Word document. You click on the file menu, then open, select the file and then the file opens. All of those steps have immediate results and happen within the context of the Word window. You don’t have to reload the application every time you do an action, unlike clicking on a link on a web page. Each time your browser requires data from the server the entire web page is returned.

AJAX provides a faster and more responsive way to deliver that data. You don’t have to wait for the entire page to load, just the specific data content that you actually need to load, resulting in a better user experience. Why is that important? Consider the purpose of your website. Do you sell products online? The more efficient you make it for customers to discover and purchase your products, the higher your conversion rate will be. Is your site for investor relations? Easy access to timely and important information can influence your investors’ decisions and keep them better informed of your corporation’s activities. Is your site a key part of your sales process? You want to make it easy for your potential customers to find the information essential to their purchasing decisions.

Example Use Cases

Here are a few examples of how AJAX can improve your website:

Live Product Search

A traditional search consists of a user typing in a search term followed by the website displaying a search results page. Using AJAX you can provide a live result below the search box, display product titles or categories as the user is typing, allowing them to refine their search faster and even click right on the product they are looking for in the live results. See the search area on www.amazon.ca and www.ebay.ca for an example of this.

Live Stock Information

Display live stock quote information, historical data and news releases. Google Finance displays financial information on a page that constantly updates: http://www.google.ca/finance?q=INDEXNASDAQ%3A.IXIC

Knowledge Base Search

Display possible answers to customers’ questions while they are typing into the search form.  Take a look at how a great hosting company integrates this: http://kb.mediatemple.net/ (tip: start typing in ‘email’)

Quick Product Detail View

Provide a quick overview of product details without displaying an entire page on the product. This allows customers to quickly compare products without having to go back and forth between the product list and the product details. Take a look at how Gap implements this: http://www.gap.com/browse/category.do?cid=15043

Steve Thompson
Web Development Lead