Archive

Archive for the ‘Web Development’ Category

Remember the “Why” When Measuring Site Performance: Voice of Customer Methods & Tools

November 29th, 2009

With all that can be learned from clickstream web analytics tools such as Google Analytics, Yahoo! Web Analytics, and Omniture Site Catalyst, it’s important to remember those tools reveal the “what” of your site visitor sessions, but not much about the “why.” Did your visitors see the pages they wanted to see? Were they able to complete their tasks? Is a high page-per-visit rate a result of an engaged visit, or visitors unsuccessfully browsing through pages not finding what they’re looking for? Voice of customer tools are an important component to any website and web analytics initiative and can provide valuable “Aha!” moments.

In this post we’ll take a look at some of the most popular tools and the best ways to utilize them.

Read more…

Internet Marketing, Social Media, User Interface Design, Web Analytics, Web Development , , , ,

Some Great Podcasts to Keep You Current

July 8th, 2009

Podcasts remain one of the best ways to keep up with the latest trends and to learn new methods and approaches.  Whether listening while getting ready in the morning, during commutes or business travel, or even while working, there are more options than ever before as the medium has truly matured.  Even better, the vast majority are free.  Make the most of your downtime (in this economy, there may be more than usual), and never stop learning.

Below are some of the best podcasts that we “keep an ear” on: Read more…

Information Architecture, Interactive Industry News & Events, Internet Marketing, Social Media, User Interface Design, Web Analytics, Web Development, Web Graphic Design, Web Project Management, Web Strategy Consulting , , ,

What Basecamp Should Borrow from activeCollab

May 29th, 2009

We love Basecamp.  Just wanted to get that out of the way.  For over five years, we’ve watched Basecamp evolve from a very basic project management tool with messages, basic to-do lists and file uploads, to a wonderful collaboration system with Writeboards, comments at a to-do level, advanced notification and permission controls and more.  Our projects and clients continue to benefit from its superior features and usability.

Because we like Basecamp so much, we thought we’d point out a few features that less-expensive competitor, activeCollab offers which would make Basecamp even better.

Progress tracking and due dates for tasks
Basecamp of course has integrated milestones, however tasks can easily go unfinished and unnoticed.  Sure, to-dos can be associated with a milestone, but unless the parent milestone expires, team members may be unaware of individual task dates until it’s too late. activeCollab supports due dates for checklists and tickets and as such, alarm bells can ring if important sub tasks aren’t met.  Many companies have tried to get around this in Basecamp by creating more milestones than to-dos, however this gets unwieldy and results in a very long list of milestones that cannot be categorized or grouped the way to-dos can.  People have been pleading on Basecamp forums for to-do due dates for a long time.  Hopefully someday soon they’ll get their wish.

On top of this, activeCollab has a nice progress bar which shows the number of tasks completed out of all existing tasks and a percentage calculation.  Another good way to sound the alarm if tasks aren’t being checked off as they should be.

Starred objects
This relatively simple feature can be powerfully useful.  It gives each user the power to select, on an ongoing basis, any item(s) that they want to keep an eye on. For instance, tasks may be grouped into various lists, but on a given day say, five of them are being focused on.  Rather than breaking up carefully constructed lists, an individual user can star those items that need to be taken care of or monitored without affecting what the rest of the users see.  This puts more power in the hands of the individual to use the system as they see fit.

Updated items since last visit
Here’s another simple feature that is more powerful than it may seem at first glance.  Project managers love quick summaries of project activity since they’ve been gone.  The Basecamp Dashboard does indeed show all latest activity, but seeing what’s new since you last looked can immediately bring you back up to speed.  Did something happen related to one of your starred items?  You can quickly be aware.

Status updates
Similar to Facebook status updates or tweets, these can help teams that are under tight deadlines, but aren’t using a chat tool like Campfire to quickly see who’s working on what.  This helps a project manager know if reminders should be sent out or if a person should be interrupted.  Sometimes it takes a while to get into the “zone” and any feature that helps team members remain there is valuable. 37 Signal’s internal collaboration tool, Backpack actually has this feature so it should not be difficult for Basecamp to implement.

Pages
Another example of a feature that both activeCollab and Backpack offer is the creation of individual pages.  The ability to highlight certain information in a permanent spot that doesn’t get pushed down as more content is added (such as is the case with Messages), is of high value to a team.  A particular collection of files, a summary of key business goals, a list of URLs to competitive sites, are just some examples of content that deserves a permanent home.  Backpack’s pages are excellent in that they allow drag and drop modules of text, images, files, and to-do lists.  Even if pages for Basecamp only included text and file attachments, it would be a great start.

Calendar month-view
Sometimes viewing a calendar in month format just helps communicate the bigger picture better.  A simple addition which again, is already in Backpack.

Ability to resize Message/comment edit windows
In activeCollab you can grab the corners of a text box you’re working in and drag it to whatever height you want.  When you’re typing a message and it becomes larger than you anticipated, it’s great to have the extra breathing room.  Basecamp’s messages auto-expand only once when a certain content amount is reached, but the customizability of dragging to fit is truly a step up.

To reiterate, Basecamp is a fantastic tool, and it’s only out of love that we post these suggestions which we feel would take it to yet another level.  There are plenty of other great ideas circulating in the forums and we encourage you to add your own two cents.

Social Media, Web Development, Web Project Management , , , ,

Axure RP Pro – Web Prototypes Evolved

April 18th, 2009

Information architects (IAs) and interaction designers have many tools at their disposal, but pull one of them out of the toolbox most often.  Microsoft Visio has been the been the IA’s nail gun since the profession’s early days, however this tool was never designed specifically for interaction design and instead is an all-purpose diagraming tool.

Visio has served us well for many years, however, we here at Molstad Consulting have recently made the switch to Axure RP Pro, a tool that is rapidly gaining momentum within the user experience design community.

The first and most notable benefit is that Axure was built by user experience designers for user experience designers.  Elements are measured in pixels allowing an IA to know exactly how much space is available resulting in wireframes a developer can really use.  Lack of pixel measurement was always a severe shortcoming in Visio, so we’re particularly pleased about this feature.  Also, default spacing can be set to a certain number of pixels (10 by default) so shapes can be dragged and snapped to these ruler marks, giving everything natural spacing which can be exactly replicated when the site goes to development.

Lacking in the early days of Axure, widget libraries are now readily available and extensive.  Frequently used web modules such as calender pickers, carousel photo galleries, form elements, buttons and tabs, even iPhone user interface elements, can be downloaded for free and easily dragged into your prototypes.

Another game-changer is the ability to export prototypes in HTML format.  These can then be zipped up and either emailed or uploaded for review.  Depending on the prototype’s level of detail, the result can be a fully navigable website complete with drop down menus, active form fields, and even dynamic error messages (through the use of dynamic panels).  These exports can be used for stakeholder review or even for in-depth user testing exercises.  You are also not limited by height so prototypes can naturally scroll to reveal all included elements and content just like a web page. 
Try one out yourself
.

Masters can be created for repeating elements such as global navigations, footer navigations or any other module that’s used in a variety of places on the website.  Through creative use of backgrounds in Visio, this was achievable, but the position of the module would be have to be the same throughout the prototypes.  In Axure, you can place these modules anywhere you want, yet still make global updates to the module in one place.

Often times, prototypes need to be annotated to explain operations behind the scenes or to give more details for development teams.  Axure has built this right into the tool.  Simply click an element and a form appears allowing for entries such as specifications, status, benefit, risk, assigned to, and more.  Once exported, a small graphic appears over the element.  When that is clicked, a popup window opens revealing the annotations.

In the interests of building a user community, a lively discussion forum demonstrates the breadth of the user base and keeps everyone connected, sharing ideas.

It’s great to see tools specifically designed for web prototyping reaching maturity.  Consider this tool for your in-house user experience staff.  Even if you don’t have information architects or interaction designers on staff, those in charge of communicating requirements to your external agency can use Axure to relate ideas and concepts quickly and cleanly.  With every one literally on the same web page, the development phase will sail along.

Information Architecture, User Interface Design, Web Development , , , , ,

Case Study: Godfrey & Kahn

February 21st, 2009

The Challenge
Lead the effort to overhaul the web presence for a major Milwaukee law firm with nearly 200 attorneys. Bring a fresh approach to the firms content and the site’s information architecture, and ensure the proper migration of thousands of publications, press releases and news features as well as extensive practice area content and attorney biographical information.

The Solutions
Godfrey and Kahn has been providing expert law services to major businesses and industries for over 50 years with offices in Milwaukee, Madison, Appleton, Green Bay and Waukesha, Wis.; Washington, DC; and Shanghai, PRC. Over that time, their ranks have swelled along with their web content.

Molstad Consulting was brought in by regular partner, CI Design to design and define all information architectures and content requirements and act as liaison to Godfrey & Kahn and the firm’s external development resource. Initial meetings with Godfrey & Kahn focused on key audiences and user tasks as well as project logistics to ensure the varied and occasionally daunting committee structure within the firm didn’t slow the process down. An information architecture was designed to streamline access to key content as well as focus on the benefits of a career with the firm.

From there, interface specifications and wireframes served to bridge the gap between the new information architecture and legacy systems and content. Functions to be re-thought and adapted included a full content management system, robust attorney search, overall site search, practice area content database, career opportunity system, and an extensive news and publications resource area. Molstad Consulting worked closely with the development team mapping new pages and sections to key functions and enhancing overall usability.

The Careers section of the site features a unique brand designed to demonstrate a focus on the needs of this crucial audience. A custom Flash animation showcasing the profiles of successful attorneys and staff members was combined with a new web video and social media delivery system. All this was coordinated around a CI Design photo shoot for nearly 200 attorneys across multiple offices as well as multiple video production sessions.

Once key screen templates were confirmed, all content to be created, collected, and repurposed was outlined and Molstad Consulting led weekly status review meetings tracking each element and resolving issues through to launch.

Next Steps
Godfrey & Kahn enjoyed an enthusiastic response to the new site both internally and from its clients. Molstad Consulting and CI Design continue to collaborate to increase and enhance Godfrey & Kahn’s overall business intelligence and marketing ROI via a targeted web analytics methodology.

Flash, Information Architecture, Molstad Consulting Case Studies, User Interface Design, Web Development, Web Graphic Design, Web Project Management, Web Strategy Consulting , , , ,

Case Study: Klement’s Sausage

February 21st, 2009

The Challenge
Establish a new website architecture, showcase product lines more attractively, and bring the Klement’s Sausage online presence up to speed with their offline marketing campaigns.

The Solutions
Klement’s Sausage is well known nationally and in the Milwaukee area especially for their delicious sausage products and their beloved Racing Sausages that entertain crowds at every Milwaukee Brewers home game.

Molstad Consulting worked closely with the Klement’s IT and Marketing departments, advising on content strategy and presentation as well as leading discussions on graphic design direction. The Molstad Consulting team analyzed the company’s existing and upcoming marketing materials and designed a look and feel that combines the “taste and fun” as well as the tradition of excellence Klement’s is famous for. Flash animations were created to showcase products and their popular “Patio Daddio” television commercials.

The Famous Klement’s Racing Sausages, were featured on the site complete with their history, bios, downloadable wallpapers and a custom-designed Flash video game. The game allows site visitors to race as their favorite sausage through the streets of Milwaukee to the Brewers opening day game.

The Response
I’m extremely pleased with the way our web site project went from concept to completion. The Molstad team took the time to listen in order to make sure we got what we wanted. Their great service, knowledge and art talent is incomparable. They have assisted in driving our brand image by offering exceptional ideas and a unique design that has also translated into sales. I’ll definitely be calling Molstad Consulting the next time I’m in need of the services they provide.”
- Jim Westerman, Marketing Director for Klement’s Sausage

Ecommerce, Flash, Information Architecture, Molstad Consulting Case Studies, User Interface Design, Web Development, Web Graphic Design, Web Project Management, Web Strategy Consulting , , , , , , ,

Case Study: The Skin & Laser Center

February 21st, 2009

The Challenge
Create a new image befitting a high-end dermatology and skin care product center and allow them to offer and manage their products online.

The Solutions
Affiliated Dermatologists had recently expanded to open an aesthetics division and recognized the need for a quality online presence.

Molstad Consulting interviewed key stakeholders and laid out a plan for re-branding the enterprise and mapped out their site architecture and ecommerce strategy.

An elegant logo was designed and select images were matched with custom copywriting resulting in a new main company tagline.

The online branding has now been adopted throughout their existing print campaigns.

The site features a Flash branding area on the homepage as well as portal-based layout that highlights the company’s extensive service and product offerings. The Skin & Laser Center’s online store is adminstrated by its internal staff which uses a customized, dynamic ecommerce content management system. Orders are fully managed through to fulfillment and summarized via robust reporting options. Product details, photos and even entire brands can be easily and instantly added or modified.

With the staff in complete control of the site’s content for both products and services, the Skin & Laser Center enjoys both a visual and technical advantage in their local market and beyond.

The Response
Molstad Consulting makes website development a process that truly works for your business. They are timely, organized and professional. They listen to the needs of the business and customer to develop a website that is uniquely your own and exceeds your expectations. Molstad Consulting is a great company to work with and they continue to communicate and serve us throughout the learning process of our website services.”
- Linda Gaertner, Manager

Ecommerce, Flash, Information Architecture, Molstad Consulting Case Studies, Web Development, Web Graphic Design, Web Project Management, Web Strategy Consulting , , , , ,

Case Study: Lynn Duncan Cosmetics

February 21st, 2009

The Challenge
Create a new website presence that is worthy of the level of quality the Lynn Duncan name stands for. The company needed a soothing and beautiful design that was also easy to navigate.

The Solutions
An elegant new logo was designed that helped to guide the rest of the look and feel. A Flash intro was created that allows users access to all major areas of the site without forcing them to wait for the animation to finish. To give the homepage an element of motion, a Flash module was incorporated that gently progresses randomly through a directory of images.

Each page in the site features a different randomly displaying testimonial, keeping the content fresh and showcasing Lynn’s glowing customer, student and physician responses.

Lynn’s extensive photo gallery was overhauled to increase visual appeal and ease of navigation and is introduced by a Flash presentation of featured case studies. The site also features a contact form which is seeing many submissions weekly both from prospective customers and students as well as a “Share This Site” form allowing users to spread the word about Lynn’s top-notch services and training.

Many new pages were added to the scalable architecture. In particular, training pages were created allowing Lynn to promote her classes that are becoming increasingly popular.

The Response
“Brian Molstad has proven to be innovative, bright, conscientious and organized. He took a stressful complex project and transformed it into an aesthetically pleasing website for my business. Brian took charge and sailed us through it together with ease and timeliness.”
- Lynn Duncan, Owner

“I just want to say that I love your website. It is very informative, easy to navigate and the design is pleasing to the eye (just like makeup should be)! It reflects the professional that you are.”
- Kathy, Contact form submission

Flash, Information Architecture, Molstad Consulting Case Studies, Web Development, Web Graphic Design, Web Project Management , , , , ,

Case Study: Home Advisors Realty

February 21st, 2009

The Challenge
Enable an up-and-coming new real estate brokerage to compete with the big boys on the Web.

The Solutions
Home Advisors, Inc., based out of St. Paul, MN is a forward-thinking real estate brokerage that embraces new technology to better serve its customers.

Molstad Consulting conducted a thorough discovery and analysis outlining a progressive plan for the company’s web presence and online services. The current site represents a fresh look and feel along with a new logo to reflect Home Advisors’ committment to provide value and build trust with their customers.

The custom-developed site features a variety of lead capturing forms as well as a portal to Home Advisor’s customer tools including transaction monitoring and showing management. A home search management tool will soon be added to the extensive service offering.

A system to promote the brokerage’s listings was also created featuring an adminstration area for quick and easy publishing. Next phase plans include an extensive real estate resource and lead-capturing website that will be entertaining as well as informative. Stay tuned…

The Response
The concept behind developing the web presence for Home Advisors, Inc. was to create a fully customized interface from scratch that could present a simple, yet powerful communication tool for us and our clients.

We were able to successfully implement this concept because of some of the unique features of Molstad Consulting.

First, I was excited to work with Brian because of his genuine enthusiasm to truly understand me and my business. I never felt like it was simply “give me your stuff and I’ll slap together a site for you.” He took the time to understand what I was trying to accomplish from a strategic perspective and really worked to create an interface that supported all of my ideas.

Second, I was very impressed with Brian’s approach to viewing websites as a part of the overall business plan for a company. He thinks as much through a business mindset as he does from a technical perspective. What this did was create the feeling like he was working with me instead of for me. Being able to discuss the business implications of a technical decision was a refreshing feeling that I truly appreciated.

Overall, working with Molstad Consulting has been instrumental in helping me create the foundations for my business without compromise and I would recommend the company to anyone serious about creating a web presence for their business.”
- Mark Duquesnoy, Owner

Information Architecture, Molstad Consulting Case Studies, User Interface Design, Web Development, Web Graphic Design, Web Project Management , , , ,

Case Study: Direct Mortgage Funding

February 21st, 2009

The Challenge
Bring the new Direct Mortgage Funding branding identity online.

The Solutions
DMF already had a new branding identity in place for their print materials, but needed to bridge the gap to the Internet.

Molstad Consulting conducted a competitive analysis of sites in their industry and others to lead the team to a consensus on layout and merging their marketing themes with global navigation options.

Flash was integrated into the navigation to create a tighter link with the branding elements highlighting each of DMF’s main service offerings.

Their customers were demanding fast access to DMF’s rates and so a password protected area was created to house the daily-updated data.

The Response
“The interface between Molstad, his production team, our in-house staff and our external partners was absolutely flawless. The end result was a website that is earning us praise from all of our clients both for its look and utility.”

- Todd Harple, Ph.D., Organization Anthropologist

Flash, Information Architecture, Molstad Consulting Case Studies, User Interface Design, Web Development, Web Graphic Design, Web Project Management , , ,