Menu Aztek logo Contact Us
3615 Superior Avenue, Suite 4404A
Cleveland, Ohio 44114
216.472.2121

dave

Total posts: 27
Last post: April 24, 2017

Dan Mall (and Element Collages) to the Rescue!

By dave on  April 24, 2017

Recently, I tweeted to Dan Mall (superstar designer and professional nice guy) to let him know how much a blog post of his helped my design process. I was honored when he reached back out and asked if I'd share what I'd been doing.

Dan's blog post helped solve an issue we'd been wrestling with since making the transition to responsive web design; how to communicate visual direction.

For years the web design industry relied on time consuming and overly-specific things called "full comps" (also referred to as "concept designs", or "Photoshop mockups"). No matter what you called them, they all amounted to the same thing: a elaborate set of full web pages designed to the last excruciating pixel in Photoshop. Ones that the client then also expected the final website to match...to the last excruciating pixel.

Not only is this time consuming and a poor use of a client's budget; but it sets the wrong expectation. Especially when doing a responsive website where hundreds of devices and screen sizes might display the website. A fixed pixel painting of a "full" or "desktop sized" website just isn't adequate anymore.

Lots of other smart folks have been trying to solve this issue of the design artifact (the thing we give to the client to communicate the design part). Samantha Warren's concept of "Style Tiles" (http://styletil.es/) were a huge step in the right direction, but we found them to still be a bit too loose and vague. Not only for our client, but also for our design process (Designers can be specific, control freak types). Even as I tried to embrace the changes necessary to be a good responsive web design practitioner, most of these new techniques left me longing in my own process.

Dan Mall to the rescue.

Dan published an article describing something called an "element collage" that struck the "Goldilocks Zone" for me as a designer who grew up making full comps. Not too specific, not too vague. Just the right amount of detail to establish a design language that could carry us forward in the project no matter the break points, no matter the device.

So we've started using them and the results so far have been tremendous.

  • We can iterate quickly, conserving valuable hours in the project budget
  • Clients understand what they are looking at. There is enough recognizable detail for them to complete a mental picture of what their responsive website might look and feel like, even early in the process
  • As designers the process is a more natural transition for how our brains work.

So Dan, here are two of my favorite recent "element collages". Those of you not familiar with element collages, notice that all the elements are recognizable "web page stuff" without being specific pages per se'. Just a proposal of visual styles and elements for the site. 

Element Collage 1
Element Collage 2

 

So far, so good.

Thanks Dan.

You can follow Dan on Twitter: https://twitter.com/danielmall  
Or subscribe to his blog: http://www.danielmall.com/articles/

The Benefits of Responsive Web Design

By dave on  April 24, 2017

"City sidewalks, Busy sidewalks, Dressed in holiday style, in the air there's a feeling of Christmas"

Since Bing Crosby crooned this classic holiday anthem, the consumer shopping experience has seen some dramatic changes. Online shopping has grown as the preferred method of those who wish to avoid the hustle, bustle and frustration of the holiday crowds while still taking advantage of great holiday deals.

Responsive Design: Improve Your Website User Experience Anywhere

Driving these online purchases is responsive design, which means a website proactively adjusts or "responds" to the device that is accessing it. A responsive site is one site, not a separate mobile and desktop version, meaning you make changes one time and in one place and your site is automatically updated for any device.

Responsive design is becoming more and more important to your website's overall success, with mobile usage set to overtake desktop usage by 2014. In fact, a recent Adobe study shows mobile shopping is up 40% year-over-year, with Thanksgiving Day set to outpace Cyber Monday as the biggest mobile shopping day of the season.

It seems as though consumers would rather work off their turkey-induced coma by letting their fingers do the walking on their couch, instead of standing in long-lines in the wee hours of the morning.

Projected Buying Habits for 2013 Holiday Season

  • 51.% of consumers plan to shop online
  • 39.5 % will complete their shopping on retail or other company websites
  • 56.3% of holiday shoppers own a smart phone
  • 34% own a tablet
  • 53.8 % will use their device to complete some for of holiday purchases

While these statistics are significant for the holiday shopping season, a responsive site is critical to ensuring a highly effective user experience year round.

This past fall, Aztek Web presented a State of the Web to some of its clients explaining how websites with responsive functionality are leading the charge into the new age of web marketing. 

 

In today’s marketplace, consumers will continue to dictate how they interact with your company. You have to be ready to respond effectively to those demands in order to provide the best user experience that contributes to the achievement of your business goals. Even if you are a business-to-business company that sells industrial product, your target buying audience is made up of consumers, who are all human.

Consumers of today demand instant access to the products and services which interest them-whether it’s professionally or personally. Companies which anticipate and proactively plan for a more personalized, user-focused experience will be rewarded with engagement and investment of consumer dollars. Make sure you add responsive technology to your holiday wish list and kickoff the New Year several steps ahead of the rest.

How do you think your target audience interacts with you the most? Share with us here!

Image credit: Wikimedia Commons

FAQ Pages: How "Frequently Asked" is That Question, Really?

By dave on  April 24, 2017

I wish someone would ask how I make such great scrambled eggs. I love my scrambled eggs, and wish people shared my appreciation for them to the point where they asked how I do it.

Nobody wants to know how you make scrambled eggs

But they don’t. Even if they like them, they seldom ask how they're made.

So I wouldn’t put “How do you make such great scrambled eggs?” at the top of the questions people frequently ask me, no matter how much I wish it was true.

Yet so many companies put the equivalent of my scrambled egg queries at the top of their FAQ page.

When was your company formed?” “What is your operating philosophy?” “What makes your product so wonderful?

People don’t really ask these questions. I know you wish they did, but they don’t.

They want to know what your shipping policies are. They want to know your hours and locations. They want to know if your widget will fit with their thingamabob.

They don’t care how you decided on your company name. Sorry. At least not most of them.

So feel free to put up all the pages you want about your company, sharing everything you wish people wanted to know. Write the whole history of how your great great grandfather started the company on the corner of Main and Elm with money he raised by selling his wooden leg. Scribe a small epic on how that the particular shade of cornflower blue in your logo was inspired by a cache of eggs found by your daughter on a nature hike when she was three... Just don’t put them in your FAQs.

FAQs are powerful tools, and an excellent destination for your customers. They can save users time and energy when looking for answers on your site. They can improve search engine traffic by providing information, phrased in the form a question (which may be more likely to match their search query). To harness that power, you first need to be honest with yourself about what people ask. How do you determine that?

Don’t ask the CEO. Ask The People.

  • Check and see which questions are repeatedly asked through your "Contact Us" form
  • Conduct a survey of your customers
  • Ask your sales people what comes up when talking to potential and existing customers alike
  • Ask the receptionist what people ask most often when they call in (do not put “Is Tony available?” on your FAQs page)

In short, defer to real questions asked by people outside your organization, not the ones you think they should or might ask. Only then will your FAQs finally be frequently asked.

What’s the most ridiculous FAQ you’ve ever seen? What sites have the best FAQs you’ve noticed?

Image Credit: Wikimedia Commons

Categories:

StirTrek 2014 - Learn Long and Prosper.

By dave on  April 24, 2017

StirTrek

Last week, nearly our entire team had the good fortune to attend StirTrek, a one day conference with tons of great web and technology related content. Our large group was able to cover many different sessions and learned about lots of great topics. We've put some of the highlights below.

TL;DR: it was both awesome and affordable. We'll be attending again next next year.

Modern Web Diagnostics with a Glimpse into ASP.Net - Anthony van der Hoorn 

  • "Glimpse" is a powerful tool to analyze the full life cycle of a page request from the client, to the server, and back to the client
  • It is free and open source
  • We've already found a place for Glimpse in day to day development work

Team Peace of Mind: Harnessing the Power of Flow for Happier Teams & High-Quality Deliverables - Derek Hubbard

  • In psychology there is a state of mind called "flow" where productivity is highest
  • Conditions needed for "flow" to be highest:
    • You must have a clear goal
    • You must have feedback on your actions
    • You must be a good balance between challenge and skills
  • Three tools for increasing "flow" among team members

Killing Dinosaurs With Javascript - Guy Royse 

  • This session was a Live code demo of the Meteor application platform which incorporates some of the latest JavaScript technology like Node.js and MongoDB
  • the platform is promising for writing in-house monitoring apps where any change in code, markup, or data will automatically push updates to client browsers
  • This was my favorite talk of the day. I installed Meteor when I got home and started hacking.

Adventures Beyond the Page Fold - Exploring UX Mythology -  Benjamin Bykowski

  • A good general overview of the "conventional wisdom" web usability that is actually myth.
  • Benjamin gave good stats on the outdated "above the fold", "fill up that whitespace", and "everything must be three clicks away" common client requests.
  • The talk was not ground breaking per se' but it's always good to hear reinforcement on good UX from other professionals.

A humbling experience through web accessibility - Hany Elemar

  1. As the title says, it was humbling to realize that I inject a sighted bias in to my work
  2. The presentation included a live before & after demo of a screen reader on some accessible/not accessible HTML that was enlightening. 
  3. There are relatively easy ways to make all content visible to screen readers (hint: do not use CSS display: none;)
  4. Aria land mark roles are easy to add to your HTML and go along way to improving the accessibility of your website.
    <nav role="navigation">
    <h2 role="alert">
  5. Tools 
    1. Total validator browser plugin - free!
    2. Juicy studio accessibility toolbar - Firefox plugin
    3. The Accessibility Project

Stop multiplying by 4: Practical software estimation - Chuck Reeves

  1. This talk focused on the industry joke about doing an estimate and them multiplying that number by four before telling your boss.
  2. Eye opener: Up to 20% of the time it takes to do a project should be spent doing requirements (EX: a 100 hour project would need as much as 20 hours to do the requirements)
  3. Even a simple contact form's requirements should not be taken for granted, it's more complicated than you think.

How We're Failing to Secure the "Internet of Things" - Mark Stanislav

  1. "Internet of things" devices refer to devices in your home that communicate and are sometimes controlled over the Internet.
  2. There is a serious danger of attackers penetrating through these devices because nobody is securing them, there are no standards. 
  3. Who knows who has access to your network through these devices through proxy connections? 
  4. Consumers trust the manufacturers to put the proper safety controls and testing in place, but that is not actually what is happening.

Javascript is taking over the world, and it's fantastic - Kassandra perch

  • Live coding examples of the power of Javascript
  • Using JavaScript to run not only digital but physical spaces, using JavaScript to control robots and micro operating systems
  • The Javascript ecosystem/community is expanding rapidly, get involved

What Have I Done? - Brent Schooley

  • Great speaker, very entertaining, comfortable with the crowd.
  • Good pointers on productivity
  • Using the Pomodoro technique to increase focused work, employers often say they want 'multitaskers' what they want is good quality work in multiple disciplines
  • Use lists that are broken down into smaller "accomplishable" tasks so you can focus on actually completing something.
  • The talk was heavily focused on specific software tools, and of those, mostly for the MAC.
  • Rescue time browser plugin - https://www.rescuetime.com/

Touch Me, I Dare You - Josh Holmes

  • By far, our team's favorite talk of the conference
  • "A great touch experience starts with understanding your user’s context and includes understanding the difference between touch and a mouse"
  • Gestures and touch are changing the way we interact with the web and programs. This is only increasing with tablet and mobile use.
  • Don't just design for mobile - design for how the device will be used.
  • A mouse click is 1px x 1px, the average finger touch point is 42px and down, the difference is huge
  • New JavaScript libraries make implementing touch features easier. Hand.js and pointer.js are good examples
  • Next/Prev links for multi-page articles, use "rel='next'" for mobile to make read-friendly pages
  • http://BuildMyPinnedSite.com - for making Windows 8 friendly live tiles
  • Use feature detection (pointers et al) not browser detection, as browsers are updating too constantly for this to still be a trustworthy manner of feature enabling
  • "Hover sucks. Don't use it." - or at least, don't rely solely on it. 
  • Instead of mouse events, use pointer events
  • Think about how your users are physically using devices
    • holding with two hands, typing with thumbs
    • holding with one hand, using pointer finger
    • holding on lap, typing on a keyboard
    • multiple points of touch at one time?
      • Microsoft has a Surface that can do 100 points of touch.

The Success and Failure of Moving to a Message-Oriented Application Architecture -  Jim Christopher

  • Using queues rather than direct access to machines can increase efficiency and avoid lost data issues
  • Recommends RabbitMQ
  • Very useful in data transfer heavy applications

I Only Want to Write My App Once: Using Xamarin to Build Multi-Platform Mobile Apps - Jerrell Blankenship

  • Good overview of Xamarin, it's implementation, pros and cons
    • Positive: true native apps, giving users the experience they expect
    • Negative: this means you need to write a separate UI for each, but can integrate with the same business layer
  • Because of Apple's proprietary tendencies, you can only compile and build iOS UX on a Mac (download xCode on networked Mac/VM)
  • Database info in the core, db access in app for platform-dependence (SQLLite in Android/iOS)

OOP - You're doing it completely wrong - Kevin Berridge

  • Best talk I attended
  • Break down objects to their simplest parts; This way they can be reused and shared
  • Messages - Objects should not know where they are, other objects should now know how they accomplish what they do, just that it will get done (blind trust, context independence)
  • Not Single Responsibility, Single Purpose - everything a class does should be related to this purpose, otherwise you need a new class
  • Top down or bottom up? Start top down to build the system, then as you go on and see how you can further abstract and reuse classes, refactor

Creating a Plug-in Architecture in .NET -  Ondrej Balas

  • By creating an IoC container, one can make your application extensible using plug ins
  • Implementing plug-in architecture; people can write their own plug-ins, and simply copy over DLLs, or you can release plug-ins that will add/change functionality without needing a full re-work
  • Mainly for enterprise level development

Designing with CRAP - Caitlin Steinert

  • This turned out to be a "Design for developers" crash course
  • Book recommendation - "The Non-Designer's Design Book"
  • CRAP = Contrast, Repetition, Alignment, Proximity
    • Contrast
      • Not just contrast between colors but contrast between element sizes, type styles, etc.
      • Use sparingly - too much contrast can be confusing
      • Don't be shy - contrast needs to be big to be effective
    • Repetition
      • Once you set up a convention for an element or module style, repeat it. Don't change the look of every element every time.
    • Alignment
      • Left, right, top, and bottom alignments are strongest. Horizontal center and vertical center alignments are weak.
      • Alignment makes a non-aligned element stick out more visually. This is why tabbed navigation works so well.
    • Proximity
      • Elements that are closer to each other are perceived as related to each other.
      • Elements that are farther away from each other are perceived as unrelated.

Stir Trek overall

  • PRO:
    • Packed house, but fairly well organized
    • Breakfast and lunch (Jimmy Johns lunch) provided
    • Atmosphere was casual in the movie theater setting,
    • Good comments from audience in almost every session
    • Swag! (Free T-Shirt and USB memory stick)
    • Good diversity of topics
    • Relatively significant number of women in attendance. Not as many as one would have hoped for, but the gender gap is slowly closing.
    • Team had fun and learned a lot. 
    • Talks were tracked by general category (web, mobile, security, soft skills, etc)  and all those track sessions were in the same theater, which made planning your day easy.
    • Live coding on the theater screens was awesome.
    • majority of speakers were knowledgeable in the industry, good presenters.
  • CON:
    • No Wifi
    • Some sessions' content seemed much different then the title and descriptions led one to believe.
    • A small number of presenters were not very good speakers (or maybe the others were just that good).
    • The movie theater seats tended to be very uncomfortable and not conducive to taking notes
    • Some neighboring theaters were still playing regular movies and the loud surround sound was distracting to other speakers' sessions.
    • Bathrooms cleanliness by the end of the day was let's say, "minimal".
    • Hallways were crowded between talks. I felt bad for the public trying to attend a movie that afternoon, forced to navigate the masses.

Many of the things we learned, we've already begun putting into practice. Our team has been buzzing all week with the great ideas we picked up at this excellent conference. Did you attend? We'd be interested to know what you thought.

No amount of design can fix your lousy content.

By dave on  April 24, 2017

Yes, trying to fix bad  content with a shiny new design is considered lipstick on a pig.

"Well this is exciting. it's Q1 and management has approved the budget to finally redesign the company website. It's not a huge budget, but boy oh boy is it gonna be great to finally fix all the things we hate about our current website. I mean it's just looks old. And besides, there are a ton of new features and capabilities we want it to have!"

Where to even start? We want big rotating homepage doohickeys, new colors, new fonts, maybe some sweet drop shadows to really make our new logo "pop"...

Huh? What about the content you say? Forget that for a minute; What's it gonna look like? What about all the cool new stuff it's going to do? How can I give you content if I don't know what it's gonna look like? Can't you just design it and we'll figure out the content later? We don't want to waste the project budget on content, we want all these new features!"

Stop. Right. There.

No amount of new design or features can overcome lousy content - It just can't. Nor is there a designer in the Universe talented enough to prove otherwise. A designer's job is to present information to the intended audience in a way that enhances it, makes it clearer, and more impactful. But they can't do that if they don't have the content. And, they can only do so much if all they are given is bad or lazy content. As the saying goes, "Garbage in, garbage out".

So what to do?

The content first.

I know, it's a bummer...and it sounds like the least fun part of the project. Just a few moments ago your mind was positively racing with all the possibilities of the new design, features and capabilities. And now, some killjoy designer is telling you to put the brakes on the fun design part and work on the boring old content? Shouldn't they be as excited as you to get to redo an awful old website?

Not if it means the project fails in the end.

Here's the reality of what happens when you don't put content first:

  • The designer doesn't know what to design, so instead of enhancing good (or even great) content, he/she does the old "lipstick on a pig" routine. Result? Your design is lackluster and generic.
  • The developer doesn't know what kind of content you're trying to manage, so he builds a CMS that doesn't do exactly what you need it to do. Result? Wasting budget and frustrating everyone on the project (and you still wind up with a CMS that doesn't do exactly what you need).
  • The SEO team has no content to optimize and the site doesn't perform well in the search engines. Result? Low search engine visibility and low traffic to the new site.
  • The content is half-baked and doesn't resonate with your target audience. Result? Your visitors never convert to customers.
  • The project is delayed for weeks or even months because there was no content in the pages to launch on time with. Result? The frustrated teams lose focus and enthusiasm for the project and your boss is pretty unhappy.

See a trend here? You can't expect to succeed without content first...And no good designer wants their name attached to a failed project.

It's easy to get caught up in the excitement of a site refresh or redesign; but resist the temptation to believe a new design or piece of functionality will cure what ailed your previous website. Take a deep breath, call in your content strategist, and hire a good copywriter to be part of the project team.

Oh, and after the project launches, don't short-change the SEO either (because that's another thing a new design can't fix). But that's another blog post for another day...

Image Credit: Wikimedia Commons

Rustbelt Refresh Recap 2014

By dave on  April 24, 2017

Matt Griffin

The aztekweb team returned from Rustbelt Refresh this year excited (and a little overwhelmed) with all the great ideas flying around. This event was unanimously one of our favorites in recent memory. The speakers and topics were top notch and the event is extremely well run. Here are some bullet points from each session collected from our team:

Content in a Zombie Apocalypse - Karen McGrane

  • There is a ‘zombie apocalypse’ of new devices and screen sizes our content needs to adapt to
  • Don’t just ‘shovel’ content on pages
  • It's very possible that web-enabled TV is the next big way to consume web pages. I should spend some time doing all my personal web browsing on my TV to see how good or terrible it is.
  • Stop thinking about web content as "pages"
  • Start thinking about how to make content work on ANY device. For example, wearable devices like "smart watches" may also be the next thing. How will sites work on those devices?
  • Don't think of content as "blobs", but instead as "chunks" - more rigidly structured and categorized
    • PDFs are an example of the worst kind of "blob" content
  • When planning a project, use content modeling
    • "Create Once, Publish Everywhere"
    • What kind of content is it? Not a "page" or a "carousel", but things like articles, FAQs, coupons, etc.
    • Consider the attributes of the content. Example: recipe
      • Kind of content is "recipe"
      • Attributes could be chef, season, ingredients, techniques, etc.
  • Karen hates PDFs as much as we do and was very blunt in reminding people that "NOBODY IS READING YOUR PDF"
  • "Every browser since the dawn of time has rendered emphasis as italic. Not in an audio interface, they don't!"
    Important to realize an audio output of your text content will be consumed and experienced differently.
  • "We have to give up this shared hallucination we've been living under, that we have any control."
  • "Whatever the next big thing is going to be, we are going to have to figure out how to get our content on it."
  • Seems like what we need is a sort of "Content Markup Language". I'm patenting ".cml"

Working Closer to the Medium - Matt Griffin

I didn't take many notes for this session, but it was more or less about wireframing and "designing" directly in the browser to save time and code, and to get away from the pixel-perfect Photoshop mode of designing.

  • Front end design has moved away from the PSD mock up and into a collaborative browser based process
  • New web solutions require an iterative process that involves collaboration with client and web team
  • Front end starter kit - https://github.com/beardedstudio/stubble
  • A good question to ask when starting a project: How would you (the client) define success for this project?
  • Matt shared a lot about their project process, particularly around kickoff meetings and early deliverables.
  • The idea of doing wireframes in the browser from a "stater kit" makes sense. I'd like to see us move away from 3rd party wireframe tools.

Shepherding Unicorns - Jen Myers

  • Apprenticeships in the web can be a great asset to start a career, more than just an internship. Take an active role in the students development.
  • The best way to learn is often to teach, this still applies to design and development
  • Mentors are sorely needed in this industry

The Developer’s Ampersandwich - Jenn Lukas

Deliberate Performance - Tim Kadlec

Tim Kadlec

  • Fat bloated sites are increasing in size yearly, 38% more in size last year
  • Set a performance budget that limits size of pages and stick to it
  • Amazon increased sales in the millions a year ($157 million) by speeding page loads up 1%
  • Tim is a great champion for web performance in our industry. 
  • Performance should be "baked in", not done later; because you'll never go back and do it later.
  • Performance is a design consideration. Poor performance leads to unhappy users.
  • You need a 20% change in performance for users to notice the difference. So if a site takes 5 seconds to load, you need to trim it down to 4.
  • Lack of performance = lack of planning
  • Be a performance masochist
  • Pre-optimization is better than post-optimization
  • http://webpagetest.org

Alice in Videoland - Rachel Nabors

  • This talk exposed the challenges of interactive story telling without the use of old standbys like Flash. 
  • Slide files are here: goo.gl/R4NRbx

Enhance! - Jeremy Keith

  • Start simple, use standards based html and css as a backbone
  • The first website made is responsive (makes you wonder if your work will be future –friendly this long)
  • When you remove your complex JavaScript and other advanced code does your site break? Can your users still get content?
  • As websites get more complex developers need to resist overtly complex solutions. Keep the logic as simple as possible.
  • Keith challenges the idea of web apps and closed system apps as being the only option. This limits the true power of the web as an open continuum.
  • Why create hacks for older browser that don't support the new features? If they don't support it, they don't need it.
  • Read "A Dao of Web Design" by Jon Allsopp
  • Now more than ever, progressive enhancement is important and necessary
  • HTML and CSS are fault tolerant; Javascript is not
    • Web sites should not be dependent on JS to work. See Instagram with JS turned off.
  • Even layout is an enhancement
  • If a browser doesn't support a feature, don't try to make a hack to give that feature. Use "Aggressive Enhancement".
  • Use feature detection, not browser detection
  • Support every browser, but optimize for newer ones.
    • It is not our job to make a site work perfectly in IE8. It is our job to educate people not to use an old and broken browser.
  • Does a website need to look the same in every browser? NO.
  • If you are stilling hacking sites together to get it to look right in IE8, you're part of the problem.
  • Postel's law: Be conservative in what you do, be liberal in what you accept from others http://en.wikipedia.org/wiki/Robustness_principle 
  • What's a Web App? A website that doesn't work when JavaScript is turned off."
  • I move that Jeremy Keith should be made "President of the Web"

We'd like to extend our thanks to the folk who organize Rust Belt Refresh, especially for keeping such a high quality event in Cleveland. We can't wait for next year.

Categories:

Kevin Spacey uses the "f" word...a lot (and other reasons Content Marketing World 2014 was awesome).

By dave on  April 24, 2017

Content Marketing World

We love Content Marketing World. Every year, we walk away with tons of ideas and a renewed energy for our industry that we just don't get from other professional conferences. The conference feels less like work and more like a second honeymoon where you learn to fall in love with your profession all over again.

Since #CMWorld 2013, we have embraced the concept of Youtility (helping self-educated buyers instead of selling to them). We nailed down our persona creation process. We started mapping personas and messaging to specific pages in our sitemaps and wireframes. And in the process, we created higher-quality work that generated quality leads for our clients.

This year's takeaways promise even more changes for the better. Below are some of our favorite points from Content Marketing World 2014.

Andrew Davis

Andrew Davis - Inspired Content: How Brilliant Storytellers Create a Sudden Urge to Act

  • Andrew challenged the traditional "sales funnel" Reminded everyone "We haven't changed what we're doing since there were no airplanes...NO AIRPLANES!"
  • Many websites follow the Ptolemaic model (where they think the rest of the solar system revolves around them) but we need to embrace a Galileo model (where they are just another planet orbiting something much bigger than themselves)
  • Instead of the funnel he asked that we consider the Consumer journey that is a series of smaller interactions kicked off by a "Moment of Inspiration"
    • "People don't buy raw meat, they're inspired to have a steak"
  • Think like television executives - What if we made a movie? What would that look like?
  • Google Trends is the most underutilized marketing tool on the planet.
  • Valuable content increases demand for services, products
  • Plus, he gave away 4 secrets to create "moments of inspiration" But if you didn't go to the conference, you won't know what they are.
  • MOI leads to ROI

Katrina Craigwell

Katrina Craigwell - How GE Determines What Channels Make the Most Impact

  • They create different kinds of content for the following types of audiences: Insiders, Decision makers, Enthusiasts, and Consumers
  • They rely on Instagram because using visual story telling helps tell more complicated stories
  • They actually work with content creators, invite them to come work with the brand. Such as DJs, cinematographers, and so on.
  • Encouraged us to approach YouTube not as a repository for videos, but as a channel to be programmed
  • Advice for companies without a tangible/physical product: Show how your customers are benefiting from your services instead. How you are affecting their operation.

Kristina Halvorson

Kristina Halvorson - Strategy First: Look Before You Leap

  • Don't prioritize campaigns over really listening to customers needs
  • Ask "who, what, why, where, when"
  • If your content is for everyone, it's kinda for no one.
  • What happens to content that goes everywhere? It dies.
  • Provide some constraints so you have focus. Otherwise you just spin your wheels
  • The tools have taken the place of the strategy
  • The goal of marketing is to know the customer so well that the product sells itself.

George Stenitzer

George Stenitzer - How to Speed the Journey from Content to Cash

  • We need to do a better job considering the buyer's journey. We're making it too hard for consumers to buy.
  • There are four steps to the buyer journey:
    • Recognize a need
      • Content can magnify the problem or help the buyer better understand the problem
      • Upset the customer's sense of status quo
  • Evaluate options
    • Content should make it easy to compare your services and competitors
    • Consumers are going to research your competition, even if you don't put info about them on your properties
  • Resolve concerns
    • Use content to tell customer stories
    • Use content to showcase your expertise in that buyer's industry
  • Negotiate contract and buy
    • Use content to reinforce the purchase decision
    • Use content to cross sell your other services

Jay Baer

Jay Baer - Creating Content that Provides Mobile Youtility

  • Jay's premise has long been that your marketing should be so good, that people would be willing to pay for it.
  • Social media is not a friendship, it's a familiarity, and it's about an inch deep
  • Everyone is busy, but relevance creates time. When people say they don't have time, they're saying you're just not that important.
  • If you ask people the right way, they will do whatever you ask them. Example: The Ice Bucket Challenge
  • You cannot change people's culture at bayonet point, they have to think it was their idea

Tom Martin

Tom Martin - Using Content as your New Sales Force

  • We live in an age of self-educating buyers who can cut the sales force out of the equation if they so choose.
  • More than half of buyers create a short list of vendors before they reach out
  • Because people self educate they are invisible,there is no subscriber list to buy. People don't have to give us their personal information anymore.
  • We need to make sure our content goes where the consumer is...which may not be our website.
  • Biggest mistake of content marketers is that it has to be on your site. Instead, invest in creating awareness of your stuff no matter where it was.
  • The self-educating buyer doesn't want to be sold to. They think they've got the salesperson. But they don't know what they don't know. So they are likely to come across misinformation. And it's the salesperson's job to identify when this happens. When sales helps educate the self-educated buyer, you get the sale.
  • Never produce anything once. You can reuse ideas from content to create more or repurpose it. Plan this first!

Mark Schaefer

Mark Schaefer - How to Make Twitter Your Content Marketing Best Friend

  • We can find our customers and their conversations through Twitter, we can go where they are
  • What if you had a friend who said you can only come to my house, I will never come to yours? Pretty lousy friendship
  • You should count as a metric how many likes, links, and retweets you give away, not how many you receive
  • People are attracted when you're helping them.

Ruth Stevens

Ruth Stevens - A to Z: Planning Your Content Library

  • Companies understand content marketing is important, but they are struggling to:
    • Produce enough content
    • Produce engaging content
  • Planning a content library helps overcome these challenges.
  • First, make sure keep your consumers' buying process in mind
    • Remember that there are multiple people with different roles involved in the process, and each role has unique objectives.
  • Second, audit your existing content
    • You probably have more than you think
      • Webinars, eBooks, blog posts, videos, whitepapers, press releases, etc.
  • Last, Create a spreadsheet that covers:
    • Buyers and their roles
    • Where they are in the decision process
    • Identify what content you have that can be used for specific buyers at specific parts of the decision process
    • Identify your content gaps and start writing

Jenny Magic

Melissa Breker

Jenny Magic, Melissa Breker - Getting Started with Adaptive Content - Collaborate With Your Tech Team Using Existing Content Tools

  • Adaptive content is possible if you know what to ask for. If you don't ask, the answer will always be no
  • Two key decisions and use technology to adapt to the user
    • What content to adapt
    • Based on what logic/conditions
  • Adaptive content has 3 to 10 times the conversion rate
  • Don't start with the technology
  • User personas are not a creative writing process. They're a summary of real people based on research. If not, call them something else
  • Key takeaways:
    • Personalization is coming
    • Content before technology
    • Tools must match strategy
    • Start small for big wins

Doug Kessler

Doug Kessler - Mastering Tone of Voice

  • In text-based content, tone of voice is powerful.
  • Most companies devote little time to tone of voice. The emphasis is on creating the content only.
  • How to manage tone of voice:
    • Make it part of someone's job to stay true to your tone of voice.
    • Decide who you are as a company.
    • Use voice to differentiate.
    • Capture your tone of voice in a style guide.
    • Choose three simple words to describe you and keep those in mind when you write.
    • Devote time to your microcopy.
    • Beware of lawyers. They destroy tone of voice (sorry to our law firm clients).
    • Embrace good jargon. Good jargon is precise (it furthers the conversation) and it proves to the targeted reader you know what you're talking about.

Scott Stratten

Scott Stratten - Data, Digits & Dummies - What You Know about Content Marketing May Be Wrong

  • Your actions are the brand
  • The content is useless if the people don't back the story up.
  • Sometimes content is simply giving a damn about the customer
  • Don't just try to be first, be right first
  • Your company will screw up. Publicly. When they do, realize that screw ups are a content opportunity to take it head on, be honest, and come out looking better than before the screwup happened.

Kevin Spacey

Kevin Spacey - Closing Keynote

The CMWorld team definitely have mastered saving the best for last. Leading up to the conference, lots of people asked what does Kevin Spacey have to do with content marketing? The key answer? Storytelling; a key element to efffective content marketing. Kevin Spacey knows his way around a good story like nobody else working today.

And he did not disappoint. Mr Spacey made a superb effort at researching his topic and audience, proving to any sceptic that he was indeed the right fit for the closing keynote over his work in the Content Marketing industry. And just to prove it he dropped some key marketing buzzwords and followed them up with a snarky "See, I know your f#*&ing terminology!" And judging by the standing ovations he received, 2,500 content marketers were totally fine with that.

Web Design Trends We're Thankful Are Gone

By dave on  April 24, 2017

As Thanksgiving approaches and 2014 draws to an end, there's a few web design trends we aren't sad to say goodbye to.

  1. M. Versions of Websites (Separate Mobile Sites)
    As if maintaining a completely separate mobile version of your website wasn't enough of a deterrent, Google stepped up to say that they preferred responsive designs over separate "M dot" versions because responsive sites provided a better user experience and reduced duplicate content issues for search. Raise your hand if you've ever visited a mobile specific version and immediately started hunting for the "go to full site" link. That's all you need to know.
    Mobile website with click here for full site link
  2. Rotating Billboards
    People finally came to the realization that these features served little purpose beyond settling organizational disputes over whose content got featured on a homepage. Having hard data to prove that users don't really see past the first banner is finally killing these bandwidth vampires off. Read more about website carousel stats.
    ND.edu Feature Click-through Rates
  3. QR Codes
    Easily one of the most misused technologies from the last decade, the QR craze has finally died off. Mostly because people had such a hard time seeing their value. Marketers were just slapping QR codes on anything with no real thought behind it, and as a result this annoying technology never gained mainstream adoption. I have actually seen QR codes on webpages and in emails. Just think about that for a minute...take as much time as you need. Got some extra time? Check out these funny QR code fails.
    A QR code on an airplane banner
  4. Flash
    You know what people love? Working on their computer and getting interrupted by Adobe to update their Flash plugin. Thankfully, I can't even remember the last time I visited a site that utilized Flash, an encouraging sign for sure. I have stopped updating my browser's Flash player plugin. And you know what? I have not missed it. Good riddance to bad garbage.
    The dreaded Adobe Flash update screen
  5. Small Text
    In the earlier days of the Web, we had this collective delusion that we needed to ignore fundamental tenants of graphic design and try to cram EVERYTHING on a website "above the fold". One way we made so much crap fit was by making the text really, really, small and hard to read. Finally, people started saying "Man, I spend a lot of time reading on the Internet, I wish this text wasn't so damn hard to read. Plus, I can't read it all at once anyways, maybe we should bump this up a few sizes.". It took until 2014, but we're finally coming around on this one.
    Example of bad web design. Don't do this.

Got any web design trends you are thankful to see disappearing? Or are you sad to see any of the above go? Let us know in the comments.

Our Experiences from CodeMash v2.0.1.5

By dave on  April 24, 2017

 

 

"You're all in this together."

I couldn't have said it better myself. There is a glow that surrounds CodeMash, and no, I don't mean the Polar Vortex. Everyone is so excited about what they've learned, or who they've met; it's a great way to kick off the year. With positive vibes and new ideas, I wouldn't dare miss it. 

Having attended the "Precompiler" days, I could tell early in the week we were headed for the best version of CodeMash yet. Being a multi-year alumni, I was ecstatic that we were able to arrange for our whole team to attend this year (read about the sessions we were most looking forward to). I really enjoyed meeting up with them in the hallways after sessions and hearing about what they'd been inspired by. A few times we all sat in on the same session and seeing their eyes grow wide with excitement as the speakers drove home some great points made the entire trip worth it for me. 

 

Firsts This Year

For the first time in four years I attended the Waterpark Party, along with the rest of our team. I had such a great time in the off hours bonding with everyone, having fun on the slides, and doing snow angels by the hot tub. I regretted not attending every year prior...until the exhaustion set in Friday afternoon. Thank you to OCLC and HMB for sponsoring the Waterpark Party!

I also spent time in the Open Spaces, a designated area where you can reserve a block of time to talk about any topic you'd like. This was far and away the highlight of the conference for me. With six like-minded people, we spent an hour discussing our current implementations of the agile methodologies, conducting a retrospective in a very open-ended and constructive way. It was great to hear what was working for others and get opinions from an outsider's perspective. Thanks to everyone who was in that session with me, as it had a great impact and I will be taking our conversation back to the office and to our team.

My goal this year was to get the full experience. I wanted to meet people I'd only idolized, I wanted to lead and not to follow. I did that. And this year was the best CodeMash yet.

Team Highlights

Mike

To sum up my CodeMash v2.0.15 experience in one word: inspiration. Yes, I was inspired by the sessions (Cory House’s Clean Code talk was like an old fashioned revival), but it was more than that. I was inspired spending time with my team, being reminded what a great bunch of people I work with. I was inspired that maybe I could give a talk some time. I was inspired by Cori Drew to try to show my daughter what excites me, and spread that excitement, through Scratch. I was inspired to recommit myself to plans and approaches I’d had that may have slipped. I was inspired to know I could survive doing snow angels in my bathing suit. It set me up with the excitement and energy to attack 2015 with a commitment to making it an excellent year.

-Mike Hagesfeld

Dustin

CodeMash was the first conference I have ever gone to, and it was simply amazing. Growing up, I remember feeling like such an outcast for my interests. And now being surrounded by thousands of like-minded people has shown me that I am in fact not alone, and far from it. It is empowering to know what my culture and generation is doing all over the country. In a practical sense, it was really rewarding hearing from experts and learning how to shape my practices for the better based on their experience. I was also lucky enough to talk with people and share my experiences as well. I am grateful to be a part of a team with such talented people, and I look forward to the conference next year.

-Dustin Graves

TJ

CodeMash truly exceeded my expectations in just about every way possible. I left the event on Friday completely exhausted as I had just spent two full days cramming my brain full of information. Picking a talk for each time slot was a struggle, as there were just too many that I wanted to hear! I have to say that Cory House's talk on Web Components was certainly one of my favorites of the conference. New and exciting technologies such as custom elements, HTML templates, and the Shadow DOM are the exact types of things that I look forward to when attending events such as these. But I enjoyed much more from CodeMash than just the technical aspect. As others have touched on, Aztek was fortunate enough to have everyone from our development team attend the event. The highlight for me was having an opportunity to spend time with my team outside of work while we enjoyed the water park, played Settlers of Catan, and had a round of beers during the Attendee Party. CodeMash left me with a level of excitement that I find comparable to when I first started programming. I'm very happy to have been a part of this event and I look forward to next year!

-TJ Bowman

Frank

CodeMash v2.0.1.5 was a great time despite Sandusky, OH doing it's best imitation of the ice planet Hoth. My favorite talk ended up being very far outside my normal interests. Jennifer Marsman demonstrated ELIZA which was one of the first artificial intelligence programs from the 1960's that appeared to pass the Turing test. It was very interesting to see how simple text pattern matching combined with random responses can begin to convince the user that a human may be on the other side. You can check out ELIZA in the Windows store.

-Frank Branicky

Alex

Having less than a year of development experience makes attending an event like CodeMash quite an experience. Almost every talk topic is “new”, and taking in all of the information can be a bit of a whirlwind. As important as the knowledge I gained for things I have experience with is, I find that the introduction to new technologies I had not yet encountered is equally important.  Between Mathias Brandewinder’s talk on F# from the eyes of a C# developer, Chad Carter’s Intro to 3D Game Development with Unity, an overview of Angular with James Bender, and sitting down with the entire Aztek development team and getting a look at MongoDB’s advantages and disadvantages thanks to Kevin Grossnicklaus, there are many things I am eager to explore. Now that the dust has settled, there is nothing I am looking forward to more than cracking open the laptop and getting to some code!

-Alex Yosa

 

Check Out Our Other Posts on CodeMash 2015


We'll see you next year!

Our favorite ideas from "Agile Explained" with LeanDog

By dave on  April 24, 2017

Our team had the recent good fortune to attend "Agile Explained" on the very cool boat/office of the good folks @LeanDog

The two-day course is a fire-hose of information about the agile process and will leave you exhausted with your head spinning; but in the best way possible. Our team left positively buzzing with all the ideas we want to learn more about and implement into our own workflow.

Here are some of our favorite ideas from the course:

  • Agile is more about the values and culture than it is about strict ceremony or ritual.
  • To become agile, you must first identify your blockers so that you can overcome them.
  • There is no one process. Try everything and keep what works for you.
  • Pair on all the things! It makes knowledge move more quickly throughout the organization, and you'll solve problems faster.
  • An open workspace is a must.
  • Personalize your workspace to match the personality of the organization.
  • Don't create walls. Even things like wearing headphones or a monitor facing away from the group (where they can't see what you're working on) constitutes a wall.
  • Involve the client (Product Owner) every chance you get.
  • The number one failure of agile teams is not doing retrospectives.
  • Always be delivering business value (to the customer).
  • Work a hard 40 (hours per week). Make the most of your time at work so you can have a life outside of it.
  • Waiting = waste
  • Make your work visible.
  • Your work queue is just like a ride line at DisneyWorld. Everybody has to wait their turn, but it's ideal to be able to estimate how long till they get to ride the ride.
  • Get rid of processes that don't contribute any value (hint: ones that are directly related to making product). I'm looking at you, timesheets.
  • Retrospectives are one of the most important Agile processes, don't skip them. Figure out how to make them as fun as possible, bring food.
  • Don't let the squeaky wheel always win. Communicate and vote on ideas so that the team decides what is the best option or most important.
  • Establish rules that will help prevent unnecessary distractions and create penalties for those who break the rules (not necessarily a monetary punishment).
  • Agile should increase consistency. Lack of consistency = lack of trust.
  • Cross train everyone on your team to avoid specialization (T-Shaped abilities).
  • Satisfy your future self, invest in people now so that they are more valuable / versatile later.

If "Agile Explained" sounds like something you and your team might benefit from, here is some more information: