Author Archives: Spencer Smith

Mega Menus

Developing a way to navigate websites with mass amounts of information has always been a challenge for web designers. Users do not want to spend a half-hour looking for a certain piece of information within an enormous website. A more recent trend in the web design world is the use of mega menus. These menus display larger amounts of information than a typical drop down menu, without the hassles of navigating through fly-outs. They essentially allow the user to navigate through the entire website, from anywhere within the website. Mega menus also allow designers to easily stylize the menus with iconography. Below is a portfolio of some effective mega menu designs.
Titleist Mega MenuREI Mega MenuOffice Max Mega MenuNordstrom Mega MenuMicrosoft Mega MenuFoot Locker Mega MenuAdidas Mega MenuAcura Mega Menu

These companies have utilized the flexible mega menu navigation design in various different ways. Some use icons and imagery within the menu, some keep it simple with text, and groupings.  They all have one thing in common: simplicity. The mega menus are easy to navigate through and find what you are looking for within the site. This navigation style will only become more popular with time, so keep an eye out!

PUSH Burton

Next year, Nokia and Burton will take mobile interactive to the next level. The two major companies have teamed up to develop PUSH Burton, a new idea that brings together mobile technology, social networking, geo-networking, social gaming, and motion capture. The idea involves using a mobile device and a sensor placed on the snowboard to record movement data that could be used to score a run, post new tricks to a social network, etc. The open beta concept will be unveiled at the Burton Euro Open in January.  Check out the promo video!

Source: Nokia PUSH Burton

Mobile Sites of the Top Digital Agencies

This summer, McKinney was doing some research on the top agencies mobile websites for their own new site. They wanted to develop a site that worked the same on a touch device as a standard computer. Nick Jones compiled mobile screen shots of the biggest agencies web sites during the process, and what his research revealed was incredible. They posted this list and asked the agencies to send a tweet when they became happy with their new mobile site. Firstborn in NYC ended up being the first to take the criticism and update their site, with many others following soon after. This compilation makes a bold point on how important it is to have a mobile presence. Look for this trend to continue as mobile devices become more popular and demands for great usability continue to rise.

See the compilation.

Flickr’s 5 Billionth Photo

On September 16, the 5 billionth photograph was uploaded to Flickr. The 5 billionth image is a image of a building in Vancouver, British Columbia. The image is a compilation of 5 shots, showing the rotation of the icon. While it is a milestone for the photo-sharing site, larger photo-sharing site Facebook has approximately 2.5 billion photos uploaded each month. To date, Facebook has had over 15 billion photos uploaded to the site.

Flickr differs from Facebook in that it allow users to upload images of any shape or size, and those sizes will hold true on the site. The site also allows for users to place their photos into categories with other users photos.

The 5 billionth image can be found here.

Source: cnn.com

Ski Resort Technology

Summer has come and gone, and the ski season is again on the horizon. Season pass sales, movie premieres, sniagrab, and ski rex are all in full force, getting everyone excited about the fluffy white stuff. We at BrainSpark are like the majority of our Colorado cohorts and cannot wait to get out on the mountain. In light of the upcoming season, we wanted to highlight a few new technology changes happening in Colorado ski resorts.

A-Basin Mobile Site

With the smartphone market penetration projected to be at over 50% by mid-2011 (Nielsen), many companies have begun to realize the need for phone-friendly websites. This observation can be seen throughout the ski resort industry as well. Last year, Arapahoe Basin launched a mobile site that allows skiers to check snow conditions, webcams, runs open, and various other necessities when en-route to the mountains. The site has a very simple layout, making it easy to use whether you have an iPhone, Blackberry, Android, etc. Since launch, the site has been heavily utilized, and has been given rave reviews by skiers and riders using it on the way to the mountain, on the slopes, or just around town. Check it out at http://arapahoebasin.com/abasin/mobile/.The site was designed and built by BrainSpark Media.

A-Basin daily groomed runs map/report

Last year, Arapahoe Basin launched a groomed runs map system developed by BrainSpark that made grooming notification more efficient and effective both online and on the mountain. The system operates by allowing the ski patrol to simply check boxes that correspond with groomed/opened runs and an overlay is automatically created. A pdf of the trail map with the groomed runs shown with an overlay is produced. The system also posts the current date, snowfall, conditions, forecast, lifts open, acres open, and a comments area for the ski patrol or mountain manager to add as needed. This pdf is posted to the A-basin website automatically, and allows the ski patrol to print off the map and post around the mountain, or local ski shops to post in the shop. The system is currently being used by Arapahoe Basin, with great results. Once the mountain opens and grooming begins, you can see the system in action at http://www.arapahoebasin.com/Abasin/reports/abasin-groomed-runs.pdf.

Radio-Frequency Technology

In the 08-09 season, Vail Resorts implemented RFID (radio-frequency identification) into their season pass system. For the average skier, the benefit of having a RF tag on your pass is that it allows for the resort employees to scan your pass through your outerwear, but there is much more that happens behind the scenes.  At lifts that do not have employees scanning the RFID passes, there is a passive RFID scanner overhead as you board the chair. The data collected from your season pass include what lifts you use, when you use them, and any spending activity if you use your peaks rewards account when making transactions. This allows the resorts to analyze different traffic patterns on the mountain. For example, the resort may look at what time of day certain people use certain lifts, what weather conditions attract certain people to the slopes, or relationships between spending amounts and lift use. These relationships allow the resorts to make critical decisions such as installing a new lift to facilitate increased demand, and implementing effective marketing strategies. The more these resorts know about their customers, the better experience they can provide for them.

Further utilizing the RFID technology implemented in Vail Resorts’ season passes, the Company has developed a new offering called EpicMIX. This product name plays off their most popular season pass offering, the Epic Pass. Debuting at Keystone on November 11, 2010, EpicMIX is essentially an RFID driven geo-networking site. By creating a profile online, your activity on the hill can be tracked via the RFID scanners at each lift. The profile can be linked to the skier’s facebook and twitter accounts, letting friends know if you have earned pins. EpicMIX pins are the virtual counterpart of the longtime popular ski resort pins from the past. Pins can be earned by covering a certain amount of vertical feet, skiing or riding at night a certain number of times, spending a certain amount of days in a year at a mountain, riding the same lift a certain number of times, or riding every lift on the mountain. The offering includes a mobile application, allowing skiers to see their progress on the slopes.

RFID has made resorts smarter, more efficient, and more effective in their business practices. It has also allowed them to implement new value-added offerings such as EpicMIX. In time, it can be assumed the more and more resorts will begin using the RFID technology to compete with the major resorts that have already made the investment.

Technology is continuously being integrated into the business operations of ski resorts.  There are endless ways to make a ski resort more efficient using new technology, as well as making marketing efforts more effective. If you have a creative idea for a resort or would like to discuss implementing a new technology into your resort, give BrainSpark a holler! We’d love to hear from you.

Could Apple’s iPad Change Web Design?

After the iPad was released in the beginning of April, there was a great deal of discussion on how the device could change the way that web sites are designed. The iPad introduced a new browsing environment using both vertical and horizontal orientation, a touch interface, and the continued lack of flash support from the iPhone. These factors could eventually have a large impact on how web sites are both developed and designed.

Orientation and Resolution

Apple designed the iPad with a similar resolution to the standard computer. The resolution of 1024 x 768 has been a designer’s framework for over four years, so one might not think that much would change with the introduction of the iPad. According to the Apple iPad keynote address, the optimal viewing and web browsing orientation is vertical, making the resolution 768 x 1024, the opposite of what the industry has been designing for.  With the ability to change orientations by simply rotating the device, the resolution quickly changes to match. This presents the importance of fluid layouts that are easily viewable at either resolution.

There are a couple of different ways to deal with the orientation changes on the iPad. The first is by using layouts that have fluidity between vertical and horizontal orientations. By using smart information architecture and effective CSS web sites can be easily viewed both vertically and horizontally. This fluid design must be tested and tested again on the iPad to ensure that it is an effective design.

Another way to deal with the orientation changes is by using multiple CSS styles. Web sites have been able to identify different devices and configurations for years. By using this strategy, and creating multiple CSS style sheets for the two different orientation resolutions, the web page is able to change its entire layout to best fit the state of the page. An example of this is Sports Illustrated on the iPad.

As seen in the image above from GraphicDesignBlender.com, the layout is different depending on the orientation of the device.  The vertical orientation allows for more text description, and the horizontal orientation has a much simpler layout. By using the ability to match the devices resolution to point to different CSS sheets, the user has more options in viewing web pages.

User Experience

On a traditional computer, the mouse is the navigational tool that is used for all interaction with a web site. On the iPad, the mouse is removed, and the navigational tool becomes the human finger. This can have many implications on current web site design. The human finger is a great deal wider than the mouse pointer, and when it comes to clicking on hyperlinks, it can become a great deal more difficult. If there are multiple links near each other, such as a list, it is possible that your finger will click on the wrong link. Wider buttons are more touch friendly and are likely to be seen more frequently in the coming future.

Along with the issue of hyperlink layout and clicking on the iPad, hovering presents another issue. Many web sites use a hover effect technique for drop down lists and other animated actions. With no pointer to initiate these actions, they become ineffective.

Additionally, on a traditional computer, the human eye typically follows the mouse pointer around the screen. With no mouse pointer, the user experience on a touch device must be assessed. The architecture and design of a web site is bound to change with the elimination of the mouse to better suit the psychology of navigating without a mouse. One way that designers have addressed the change is through 3D looking art. 3D objects appear to be more tangible and inviting to users and make them want to touch them physically.

Flash

There has been an ongoing debate over Apple’s lack of Flash support on the iPhone and iPad. The fact of the matter is that Apple is not supporting Flash, and web developers need to take that into account. 100% Flash web sites are not going to be visible on the iPad, and this could be a major driver for the change from 100% flash sites to hybrid sites or eliminating flash all together. Read more about the Apple ‘s beliefs on Adobe Flash: http://www.apple.com/hotnews/thoughts-on-flash/

Thoughts

With the introduction of the iPad, web designers will be challenged to create new web sites that are more user friendly on touch interface devices. There will also likely be devices that will follow the iPad’s touch tablet design, making this an important market to ensure an excellent user experience. Keep a lookout at site designs and you’ll be sure to notice changes coming!

Office Refresh

BrainSpark recently refreshed the office space with new colors reflecting the brand. Check out the slide show below to see the fresh paint!

This slideshow requires JavaScript.

Interactive Media Award

Last week BrainSpark earned an “Outstanding Achievement” Interactive Media Award for the new Hyde Park Jewelers site in the lifestyle category. This is BSM’s second IMA, the first being the IMA for “Best in Class” in the computer software category for TopSchool. We are very excited about the award, and plan on continuing our streak as an award winning agency. BrainSpark’s IMA award gallery can be seen here.

New Updates From the Intern

This February, the BrainSpark Media team welcomed me into their office as the new intern. I will be assisting BSM in a variety of projects and initiatives over the coming months, as well as keeping the blog up to date. Be sure to keep checking back, or subscribe to our feed for the newest blog posts!

A quick blurb about myself…

Name: Spencer Burton Smith

Hometown: Eagan, Minnesota

College: University of Denver

Major & Minor: Marketing and Business IT

Career Aspirations: Start a full service marketing agency

Favorite thing about BrainSpark: Helpful employees, awesome work, great clients.

The past couple months have been eventful ones here at BrainSpark. With a large amount of exciting new projects with a variety of clients, we are thrilled to share our latest work…

Nothin’ Like a Corduroy Goomer

In January, BSM developed a one of a kind “Groomed Runs Report” for Arapahoe Basin. This report allows the content managers to select which runs have been groomed that day, and a report is created highlighting the selected groomed runs. In addition to posting the report on the snow conditions page, the ski patrol can send the report to the local ski shops in the area letting the skiers and riders know of the groomed runs that day. All you ski bums out there, keep an eye out for the new reports, and have fun on the slopes!

New GeoEye Developments

GeoEye recently hired BrainSpark Media to lead user experience for two new web based service offering for GeoEye customers. BSM will be providing UI design, information architecture, and usability services on the new offerings. We are extremely excited to work with GeoEye on these innovative projects.

Fresh Packaging

BSM created the packaging design for PENTAX Imaging’s new Ultimate Zoom rifle scope. The design was the fifth premium rifle scope package designed for the PENTAX Sport Optics line in the past six months. Keep an eye out for the scope in your local sporting good store.

HPJ Blog

More recently, in February BSM created a new WordPress blog for Hyde Park Jewelers. The new blog highlights Hyde Park news and events, current happenings in the industry, product releases, and community involvements. BrainSpark created a custom template for Hyde Park, which complements hydeparkjewelers.com. Take a look!

GeoEye + Google

BSM spent the last couple months developing and implementing a GeoEye Google Earth layer. Layers allow the users to take a closer look at a subject, or read a little about what they are looking at. BSM created the user interface of the layer, a bigger project than meets the eye. With a confined space, and working with Google’s set parameters, BrainSpark was able to create a really cool satellite imagery layer. But don’t take my word for it, go check it out!

Google Earth Download

To enable the GeoEye layer:

  1. Click on the “Layers” dropdown on the left side of the screen
  2. Expand the “More” icon on the bottom of the list
  3. Check the “GeoEye Featured Imagery” checkbox
  4. Now, when scanning Google Earth you will be able to click on the small GeoEye icons and see incredible pictures and detailed information provided by GeoEye.

Coming Soon – GeoEye 101

BSM has been working on GeoEye microsite called GeoEye 101. This microsite will explain the Google Earth layer, and how geospatial imaging works. The site will be loaded with videos and tutorials about the technology. Keep your eyes on BrainSparkMedia.com or blog.BrainSparkMedia.com for the launch.