Friday Morning MetaBits

August 27th, 2010 by Julie Cameron

Friday Morning MetaBits Coffee

Happy Friday, MetaFans! We’re starting up a new segment on the MetaBlog that we’re calling “The Friday MetaBits.” We’re planning on keeping this as a quick, weekly post where we’ll share a few of the great links that we’ve been collecting over the course of the week. So let’s round em up!

  1. Do You Want To Succeed At Social Media Or Social Media Marketing?

    It’s not such a simple question if you don’t understand the difference. Thanks to Chris Poterala for this one!

  2. New Digg: Tips for Marketers

    If you haven’t heard yet, significant updates were recently pushed to Digg that digital marketers will definitely want to take note of.

  3. 5 Web Design and Development Tools I Simply Can’t Live Without (and Why)

    My old MSU web professor put this post together! Great picks, Ethan! :)

  4. Eye Tracking Study Shows Importance Of Search Snippets

    So it turns out that search result snippets are fixated over more than the result title and URL combined. So don’t forget to write your meta descriptions!!

  5. The 4 Hardest Things About Conversion Optimization For Local Search

    Conversion Optimization is becoming the “industry benchmark” but there are still a lot of problems with tracking and optimizing conversions. This post gets the discussion going by reviewing some of the more difficult issues that arise.

  6. How to Bluff Your Way Through Every Conversation About Which Programming Language is Best [Comic]

    And here’s a fun one for all you programming junkies! This comic involves dinosaurs AND Ruby On Rails – what more could you ask for?!?

  7. The MetaSpring Blog Carnival: Issue 8 – Web Marketing

    And now it’s time for a little shameless self-promotion, if you didn’t check it out already – please head over to our most recent Blog Carnival for the a run down on some of the biggest news in Web Marketing for the month of August.

Well that’s all we have for you this week. Keep checking our Twitter and Facebook feeds for more daily news and updates!

Have a great weekend!

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

2010 Winter & Spring Portfolio Showcase

July 23rd, 2010 by Case Ernsting

The world famous Ann Arbor Art Fair is here! With booths and displays setup throughout Ann Arbor, we’d like to get in on the action and showcase some of our artwork from the past few months. When the cruel weather of the midwestern winter and spring lured us back to bed each morning, these were the projects that kept us motivated.

Grace Street Group

Grace Street Group

Grace Street Group is a Life Coaching Consultancy led by Jennifer Bailey, Strategist and Change Agent. Jennifer came to our design team with some fantastic ideas for a redesign of her homepage and the need for a print package. We were able to give Grace Street Group’s homepage a personal, clean and professional feel, along with a calendar system with registration capabilities. The print package we put together included a business cards, note cards, and envelopes for her clients and networking events.

What we did:

  • Web Design
  • HTML / CSS Templating
  • Custom Content Management System
  • Event Calendar
  • Registration portal
  • Print Package

Dixboro Veterinary Center

Dixboro Veterinary Center

The Dixboro Veterinary Dental and Medical Center takes animal care very seriously and wanted a web presence to reflect their dedication to their practice and the local community. The mission of the hospital is to provide the very best veterinary dental and medical care possible. We helped them re-tool their homepage and create a clean design for their site visitors to enjoy.

What we Did:

  • Web Design
  • HTML / CSS Templating
  • Custom Content Management System

Laugh Lounge NYC

Laugh Lounge NYC

Laugh Lounge, NYC is one of the top comedy clubs in New York City, hosting stars and new talent on their stages daily. The Laugh Lounge management team came to us, looking for a fresh redesign to capture the spirit of the Lower-East side vibe. We also added management systems for their Comedian and Show listings, with a payment processing system right on the site. The Laugh Lounge crew loves interacting with their fans, so they wanted a unique blog design as well and a custom CTA widget for their fans’ travel considerations.

What we Did:

  • Web Design
  • HTML / CSS Templating
  • Custom Content Management System
  • Custom onsite Widget
  • Blog Design & Integration

Jack Lynch for Congress

Jack Lynch For Congress

As a part of Jack Lynch’s current run for congress, he focused on developing a solid web presence, both with a website and social media focus. We were able to help with a refreshing political design with a personal feel, breaking away from the tired political aesthetic standards.

What We Did:

  • Web Design
  • HTML / CSS Templating

NanoMag

NanoMag

NanoMag develops and distributes magnesium sheet material for use in other products. In order to fulfill their sales goals, they needed an easy-to-access CMS platform with a professional design. They called the right company! We redesigned their site, incorporating the sleekness of their products.

What We Did

  • Web Design
  • HTML / CSS Templating
  • Custom Content Management System

National Network of Depression Centers

National Network of Depression Centers

The National Network of Depression Centers (NNDC) is focused on improving the quality, effectiveness, and availability of depression and bipolar diagnosis, treatment, and prevention so people can live better lives. We redesigned their site with a clean, professional look, incorporating their new branding.

What we Did:

  • Web Design
  • HTML / CSS Templating

Redevelopment Solutions

Redevelopment Solutions

Redevelopment Solutions is an online research and consulting firm, working with neighborhood and community associations, local governments, and others interested in redeveloping or revitalizing inner-city or “first suburban” neighborhoods. They were looking for a website with a clean, bright aesthetic to effectively distribute their great resources.

What we Did:

  • Web Design
  • HTML / CSS Templating

More On the Way…

We’re well into Summer now with some great projects in the works. Make sure to follow our latest musings, launches and news on our Twitter account or Facebook page!

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

The MetaSpring Blog Carnival: Issue 7 – Web Development

July 15th, 2010 by Case Ernsting
MetaSpring Blog Carnival

A well designed site can never really get off the ground without a little development love behind the scenes. We have some top-notch developers here at MetaSpring and they like to keep us up to date on the latest news in the industry. It seems like there’s always something to talk about with new apps and methodologies sprouting up all the time – so let’s get to it, before these stories are old news!

Google Bringing Accelerometer Support to Chromium


Chrome

UberGizmo reports that Google is bringing accelerometer support to Chromium, an important move of note for developers. An accelerometer gives a device, such as a video game controller or iPad, orientation awareness which can be used for information input. With more and more devices built featuring accelerometers, developers will be able to craft new applications and programs for interacting with the user. Google, recognizing the significance of accelerometers into he future, has launched support for Chromium, the open source project behind Google Chrome.

Do Web Designers and Web Developers Need to Be Enemies?

Having trouble keeping your Design and Development teams on good terms? Rarely is there a project in which designers and developers see eye to eye immediately. And sometimes that’s okay, but other times…watch out. We’re fortunate enough to have a very tight knit group here at MetaSpring, with designers and developers getting through projects relatively hassle free. But we’ve heard the horror stories and so has Peter from Agriya. In this well-written post, he identifies 4 ways to keep your designers and developers on the same page.

Increase Productivity by Creating PHP Helper Functions

Whether its a new trash compactor or iPhone, time-saving tools are always important. This is even more true for development teams, as we’re often trying to create clean and efficient code in very short periods of time. This post by Michael Watson of Nettuts+, outlines several PHP helpers that cut down on repetitive tasks and help to streamline the development process.

Web Designer as The Artist, Scientist And Philosopher

Artist, Scientist, or Philosopher

As a web evolutionary, you must wear many hats. On any particular day, you are called to inspire others with colors and shapes, while also balancing the pragmatics of functionality and answering to the almighty dollar. The unique position of a web professional is profiled in this wonderful post from Smashing Magazine’s Alexander Dawson. It’s so good, you may have seen it on Twitter a couple times already, but if not, do yourself a favor and check it out. It’s also a great post for inspiration when dealing with troublesome clients.

Mobile Developer Economics 2010: The Migration of Developer Mindshare

According to a survey by Vision Mobile’s Andreas Constantinou, developers are moving towards the Android platform with great ambition and focus. The survey reveals some telling tendencies as well. As the article points out,

A mindshare migration has taken place for mobile developers away from the incumbent platforms Symbian, Java ME and Windows Phone, while a substantial number of PC software developers have flocked to iPhone and Android

The reason for this migration might be attributable to the large market penetration, speed of development, potential to make money, and low cost dev tools as reasons for initially choosing Android.

Bootstrapping a Prototype-based Object-oriented Language in 44 Lines of Code

Ever dreamed of creating your own programming language? As Aaron Gough tells us, it’s slightly easier than you think. In a 44 lines of Ruby code, Aaron walks you through the implementation of a prototype-based object-oriented model without using any of Ruby’s object-oriented features. The project starts with storing a Hash and ends up with a micro-language that, while not pretty, definitely works.

Next Month’s Issue: Web Marketing

Thanks to all of you who submitted posts this month! We appreciate hearing from you and hope you’ll tune in next time as well. Our next carnival will focus on Web Marketing, a topic we’re very familiar with. As you’ll see in this blog over the coming weeks, we’re growing our Web Marketing services, building on past successes with clients like Amish Tables, FindItLocal411.com and Ashcom Technologies. Let us know if you’re interested in learning more about our SEO, SEM, Social Media and Marketing ideas. At MetaSpring, we connect all the dots!

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

New Look, Same MetaSpring

June 21st, 2010 by Case Ernsting

Meta Spring

Our first MetaSpring blog post in February of 2008 promised that our blog would act as a hub for communications between our company and the rest of the world. Since then, we’ve tried to stayed true to that commitment while also implementing some changes improve this communication.

The majority of these improvements have been pretty abstract, in terms of how we approach blog posts and what content is discussed. Well, we’ve recently launched a physical evolution of the blog in order to help our readers find the information that’s most relevant to them.

Our Creative Director, Ian Wilson, who oversaw most of the changes, explains:

We do a lot of different things for our clients and we like to share our knowledge and experiences in those fields with our readers through the blog. As our readership grew and we began to dedicate more energy to keeping the blog up to date, we quickly realized that breaking our blog out into more discrete categories would help our readers to more easily get to the content they want. On top of that we were also itching to update the design of our blog, so with that in mind we put together the three sections to focus on their specific topics and give our readers a little more eye candy.”

As Ian mentioned, the MetaSpring blog will now be broken up into four distinct categories, each with its own RSS feed (we’ll still have the cumulative feed available on the blog home page – so make sure to update your subscriptions):

  • RSS

    Design

    The design process involves a lot of hard work and dedication in a constantly evolving industry. In this section, we’ll share advice on overcoming obstacles and keeping up with trends in the design world.

  • RSS

    Development

    New trends in web and application development are constantly popping up, so in this section, you’ll find posts on new trends and technologies, code snippets, industry news, and a lot of Ruby-related goodness.

  • RSS

    SEO & Marketing

    We are constantly exploring the marketing aspects of the web, and this is the home of our ruminations. Posts in this section will illustrate ways to capitalize on new methods to market your website or yourself on the web.

  • RSS

    Company

    Are you a MetaFan? One of the best parts of a company blog are the conversations that spark up between the public and the organization. This portion of our blog will highlight some of the great things happening at MetaSpring, such as new job postings and site launches.

This new layout is designed to facilitate better discussion so if you are having any difficulties, please let us know. As we continue to adjust the style of the blog, you can look forward to the same high quality content. We’re happy that you’re here and look forward to many great conversations. Talk to you soon!

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Career Development 101: Teaching Web 2.0 Tools in the Classroom

February 4th, 2010 by Case Ernsting

Colleges need to step it up. As a recent college grad, I see academia’s sluggish embrace of technological innovation as a disservice to my fellow students. Today’s job market has suffered in these tough economic times, but employers still seek workers who can gather information, assess it and act. Those in the workforce already rely on the web-based information-gathering tools daily, but if you’re currently enrolled in undergraduate college classes, you probably don’t even know they exist.

Are Students Helpless?

The three universities that surround us here at MetaSpring, the University of Michigan, Eastern Michigan University, and Washtenaw Community College, are valued assets to the Ann Arbor community. As a recent grad from the U of M, I consulted my network for a comprehensive view of the issue at hand.

An informal poll of 15 of my peers (college seniors or recent grads from assorted majors) revealed that only one was happy with their exposure to Web 2.0 tools. All reported some experience with web-based database systems in which professors and instructors could post powerpoints and class-related articles, but when it comes to utilizing Google’s research tools or implementing keyword tracking programs for crowdsourcing, most students draw a blank. (Unless those students are Computer Science majors or programming wizards.) When Web 2.0 or new media did come up in liberal arts or business classes, it was discussed by students rather than an instructor. A professional’s insight can make a big difference.

Let’s take a step back and discuss a few terms I’ve been throwing around so far.

  • Web 2.0 – This term refers to the current generation of the Internet wherein websites provide applications facilitating interactive information sharing with a user-centered design. A few examples include online social networks (Twitter, LinkedIn, YouTube), wikis, blogs, GoogleDocs, etc. Web 2.0 tools are those you’ll hear about in today’s offices.
  • Web 3.0 – This concept is a semantic term denoting the next phase of internet programming that some are calling “the intelligent web”. Think artificial intelligence technologies.
  • Crowdsourcing – Basically defined as a group problem-solving model in which a problem is broadcast to a group or online community with the hopes that a flood of ideas comes back. There are many approaches to crowdsourcing, but the ultimate goal is to consult the insights of many. Web tools are able to expedite the crowdsourcing process.
  • New Media – Everyone has their own definition of “New Media”, but I like to think of it as any technology that is used in innovative and creative ways. Sure social media marketing falls in this category, but so do Apple’s thousands of apps, along with thousands of other widgets you can find online. In my definition, Web 2.0 tools are included in New Media.

Students & Professors: Divergent Viewpoints

Jason Spector, a master of crowdsourcing ideas, is in the process of authoring two works on the subject and proved to be a great consult for this topic. When I came to him with the question about Web 2.0 in the classroom, he presented a unique perspective that identified the conflict of viewpoints that bog down the Web 2.0 education.

As an example, let’s consider the typical business class at Eastern Michigan University. Students casually bump into Web 2.0 daily, yet they rarely reflect on the business principles that the various networks and applications provide. Professors and instructors on the other hand are well-versed in business, but probably not as much in social media. “It’s when they meet in the middle to collaborate where the true education begins,” explains Jason.

But Don’t Blame the Professors

Wait, so all professors are stuffy, unhip, old lecturers? Not quite. Most professors crowdsource and research like any marketing guru or investment banker. Professors at the University of Michigan and many other institutions are encouraged (required actually) to publish regularly. Clearly, staying up on new trends is pretty important. So why isn’t Web 2.0 used in the classroom more often?

For that answer I talked to Scott Moore, Associate Professor at the U of M Ross School of Business, who has put together a course called, “Web-based Information Resources”. I was invited to look over the syllabus for the class (appropriately found at HowCanIFindIt.com) and was pleasantly surprised.

After a semester with Professor Moore, students know how to use search engines at an in-depth level. They understand the exceptional value of informational technologies. They can find blogs, podcasts and email alerts. They can assemble their own applications to assess information. To borrow a phrase directly from the syllabus: “This course is about finding information on the Web and having it delivered to you with a minimum of effort.” Music to my ears.

A Matter of Missed Opportunities

So, it’s clear that a majority of students feel they are missing out when it comes to career preparation and information-gathering. This concern is important to college co-eds because they feel that their future employers will demand certain web-related capabilities. Although most students and young people are perceived as knowledgeable users of Web 2.0, their professors and instructors are not teaching them how to apply these tools with a career in mind. There are some professors forging ahead with classes exploring New Media and the internet’s business tools, but there’s more room to improve.

Where Can We Improve?

Focus Expectations On Course Selection

It’s easy to point the finger at the faculty and administrators of our universities when it comes to this dearth of Web 2.0 knowledge. I may have even cast colleges as the villain to open this post. But in many ways, the students share the blame. Students can learn about Web 2.0 in some courses, but shouldn’t expect Twitter tutelage in all of them.

Require Courses for Graduation

To expedite this adoption of Web 2.0 technologies, I’d like to see web-related courses become mandatory for graduation. Classes like Professor Moore’s will prove to be invaluable in the workplace, so why not require students to fill three credit hours of Web 2.0 instruction in order to graduate. This will also help faculty and administrators become familiar with Web 2.0 and it’s academic worth, sweeping in a relevancy many students yearn for.

Introduce Timely Material

One of the most common exclamations heard after students walk out of an exam is, “When am I ever going to need that stuff?!” It’s time to add timely issues to curriculum. Merely knowing about Twitter and Facebook is not enough. I contend that exposure to Web 2.0 and web development stimulates the creative process. Classes exploring web-based tools should be thought of as a career prep.

Tomorrow’s leaders and thinkers must be aware of the big picture when making decisions. An important part of this picture is how to harness the Internet with answers to questions like, “How does a website work?” or “How can we best market this launch?” Web development is racing ahead these days and before we know it, Web 3.0 will be here. Students attend college to receive preparation for future endeavors. Traditionally, this preparation has included topics like algebra or economics, but an understanding of Web 2.0 tools has become just as critical.

Additional Reading

If you’re looking for a few ways to enact change in your classroom, here’s a helpful chat transcript from Poynter.com: How to make changes in curriculum.

So, where do you stand? Did you have the opportunity to learn about Web 2.0 tools in your collegiate curriculum? Was it enough? Let us know in the comments!

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]