BABY GOT FRONT-END! Tim Murtaugh, Dan Benjamin and I discuss “mobile” versus “small screen,” HTML5 and HTML5 Reset, Science Blogs, the Edible City beta, and more. The Big Web Show #45: Tim Murtaugh.
Q. Working with print designer who is just getting into web and they want to control everything. Any advice on how to deal with them? – @FossilDesigns
A. I ASSUME YOU’RE CODING what your colleague designs. Gently explain how pixel-perfect design falls apart on the web, using visual examples. Start with a design that looks great in the environment it was designed for. Your colleague will smile. “Yes, it does look nice here,” you will agree. Then move on to three or four common environments where that same design breaks or is unpleasant to use. As long as you are not being a jerk about your superior knowledge, your calm, friendly expertise together with a few examples should make your colleague amenable to learning more. At that point, there are dozens of resources in print and on the web. Start with gentle, introductory books and articles. (I wouldn’t plunge your friend into Mobile Boilerplate.) I leave it as an exercise to readers of this page to list articles and books that can help.
If your colleague remains adamant about pixel-perfect design, you’re working with the wrong designer. Relationships only work when respect flows both ways. If your partner will not listen, you need a new partner. If this is a freelance gig, find one. If it’s a job, and you simply can’t get through to your new colleague, involve your boss. Be firm but not threatening. You’re not trying to get your colleague fired, you’re simply trying to resolve a dispute in which only one of you has expertise. If you’re afraid to involve your boss, you’re in the wrong job, and your non-web-savvy colleague is merely a symptom of a larger organizational problem. Get out! You can do better.
In Issue No. 322 of A List Apart for people who make websites: respect the doodle, honor the sketch—use the power of visual thinking to create and share ideas:
by Sunni Brown
The teacher who chastised you for “mindless doodling” was wrong on both counts. Far from shutting down the mind, the act of doodling engages the brain in the kind of visual sense-making people have practiced for over 30,000 years. Doodling sharpens concentration, increases retention, and enhances access to the problem solving unconscious. It activates the portions of the visual cortex that allow us to see mental imagery and manipulate concepts, and unifies three major learning modalities—visual, auditory, and kinesthetic. Doodle Revolution leader Sunni Brown introduces strategic doodling and presents the ABCs of our shared visual alphabet.
by Mike Rohde
You don’t have to be a great singer to write a great song—just ask Bob Dylan. Likewise, you needn’t be a Leonardo to draw your way to more and better ideas. Sketching helps you generate concepts quickly, exploring alternatives rapidly and at no cost of resources. The looseness of a sketch removes inhibitions, granting clients and colleagues permission to consider and challenge the ideas it represents. Mike Rohde outlines the practice, surveys the tools, and shares ways to become confident with this method of brainstorming, regardless of your level of artistic ability.
In Episode No. 28 of The Big Web Show, Dan Benjamin and I talk about what we’re thankful for, awards, visibility, public speaking (and why you should do it), Pub Standards, meetups (and why you should start or join one), and how to make a change in your career and the industry.
GARY VAYNERCHUK is our guest on Episode #26 of The Big Web Show, taped live before an internet audience at 1:00 PM ET Thursday 4 November at live.5by5.tv. Gary is the creator of Wine Library TV, the author of the New York Times bestselling book Crush It!, and the co-founder with his brother AJ of VaynerMedia, a boutique agency that works with personal brands, consumer brands, and startups.
The Big Web Show (“Everything Web That Matters”) is recorded live in front of an internet audience every Thursday at 1:00 PM ET on live.5by5.tv. Edited episodes can be watched afterwards, often within hours of recording, via iTunes (audio feed | video feed) and the web. Subscribe and enjoy!
Most of us web folk are hybrids of one sort or another, but Todd Dominey was one of the first web designers to combine exceptional graphic design talent with serious mastery of code.
Being so good at both design and development that you could easily earn a fine living doing just one of them is still rare, although it looks like the future of our profession. One of the first serious designers to embrace web standards, Todd was also one of the few who did so while continuing to achieve recognition for his work in Flash. (Daniel Mall, who came later, is another.)
Finally, Todd was one of the first—along with 37signals and Coudal Partners—to abandon an enviably successful client services career in favor of full-time product development, inspiring a generation to do likewise, and helping bring us to our current world of web apps and startups.
A personal project that became an empire
In Todd’s case, the product was SlideShowPro, a project he designed for himself, which has grown to become the web’s most popular photo and video slideshow and gallery viewer. When you visit a photographer’s portfolio website, there’s an excellent chance that SlideShowPro powers its dynamic photo viewing experience. The same is true for the photo and video gallery features of many major newspaper and magazine sites, quite possibly including your favorites.
But deliberate lack of Flash support in the iPad and iPhone, while lauded here on February 1, 2010 as a win for accessible, standards-based design (“Not because Flash is bad, but because the increasing popularity of devices that don’t support Flash is going to force recalcitrant web developers to build the semantic HTML layer first”), presented a serious problem for developers who use SlideShowPro and readers who enjoy browsing dynamic photo and video galleries.
Mr Dominey has now solved that problem:
SlideShowPro Mobile is an entirely new media player built using HTML5 that doesn’t require the Flash Player plugin and can serve as a fallback for users accessing your web sites using these devices. But it’s not just any fallback — it’s specially designed for touch interfaces and smaller screen sizes. So it looks nothing like the SlideShowPro player and more like a native application that’s intuitive, easy to use, and just feels right.
The best part though is that because SlideShowPro Director (which will be required) publishes the mobile content, you’ll be able to provide the mobile alternative by simply updating the Flash Player embed code in your HTML documents. And just like when using the SlideShowPro player, because Director is behind the scenes, all your photos will be published for the target dimensions of these devices — which gives your users top quality, first generation images. The mobile player will automatically load whatever content is assigned to the Flash version, so the same content will be accessible to any browser accessing your web site.
A public beta will be released in the next weeks. Meanwhile, there is a video demo. There’s also an excellent Question and Answer page that answers questions you may have, whether you’re a SlideShow Pro customer or not. For instance:
Why mobile? Why not desktop?
We believe that (on the desktop) Flash is still the best delivery method for photo/video galleries and slideshows for it provides the most consistent user experience across all browsers and the broadest range of playback and customization options. As HTML5 support matures across all desktop browsers, we’ll continue to look into alternate presentation options.
Into the future!
In the late 1980s, while making efforts to move to New York City, I came up with the winning ad campaign for Hebrew National Kosher Salami. Only I didn’t win.
Hebrew National held a contest to see if people outside Madison Avenue could come up with a great ad idea for their 83% fat free salami. The grand prize was $83,000.
Even in New York, $83,000 would have more than covered a moving van, broker’s fee, and first and last month’s rent.
But creating the winning ad carried a benefit even bigger than the cash for someone like me who was trying to break into New York advertising. I’d worked for a couple of years at Washington, DC-area ad agencies, one of them pretty good, but that and my portfolio bought me nothing in the competitive New York advertising job market of the late 1980s. There were kids coming out of school with better portfolios than mine.
Winning that contest, I believed at the time, would make a New York ad agency take me seriously.
My then-girlfriend Eva S and I submitted an ad built around the headline, “You should be so fat.”
Well, we never heard back after entering the contest, and months passed the way they do.
I continued to drive back and forth from DC to NYC looking for jobs and an apartment.
A couple of times I flew to New York for an interview in the middle of my work day. I told my DC-area-agency creative director I was seeing a doctor. I still feel bad about that lie.
One day I open a magazine, and there’s a picture of an athletic woman wearing a leotard, working out.
The headline reads, “You should be so lean.”
Lean. You should be so lean.
It was our concept made safe. “You should be so lean” was a faster read and a much less interesting idea.
Hebrew National had said in the contest rules that, in the event of duplicate ideas, they would pick the one that was best executed. I am certain today that several people submitted similar ideas and Hebrew National and its agency chose the best-looking comp, which was not mine. Quite probably the winner even wrote “You should be so lean.” All perfectly ethical.
But at the time I was sure that we had gotten ripped off.
So I confided in the president of the DC-area agency where I worked—like he needed another reason to fire me—and asked him if I should sue Hebrew National.
I sought this advice while buying a drink for the president of the agency when I should have been at my desk, working. I figured if the president of the agency was spending the afternoon in a bar, he wouldn’t mind his peon employee doing likewise.
I was thirsty and not very bright. A while later, for many reasons, the agency let me go, surprising absolutely no one but me.
But meantime I’m in the bar buying my boss a drink on his time.
He tells me something I’ll never forget: a big company has lawyers on retainer, and you don’t.
You are a shameless self promoter!” he said.
I can’t speak to the “shame” part, but for the rest: guilty as charged.
Self-promotion may appear revolting, but it’s the only promotion that’s guaranteed in this business. Do it right, and only haters will hate you for it. To get, you must give.
Love your work
If you write or design, you must believe in what you do. If you don’t believe you have something to express, there are plenty of other jobs out there. If you believe in what you do, and if you’re doing it for real, you must find ways to let people know about it.
Sometimes this takes the direct form of a case study. The assumption in publishing such a study is that someone out there might be interested in the service your team provided, the thinking you brought to the problem, and so on.
There is a difference between being arrogant about yourself as a person and being confident that your work has some value. The first is unattractive, the second is healthy and natural. Some people respond to the one as if it were the other. Don’t confuse them. Marketing is not bragging, and touting one’s wares is not evil. The baker in the medieval town square must holler “fresh rolls” if he hopes to feed the townfolk.
The love you make
But direct self-promotion is ineffective and will go unnoticed unless it is backed by a more indirect (and more valuable) form of marketing: namely, sharing information and promoting others.
Is your Twitter feed mostly about your own work, or do you mainly link to interesting work by others? Link blogs with occasional opinions (or occasional techniques, or both) get read. The more you find and promote other people’s good work, the more in-the-know and “expert” you are perceived to be—and the more you (or your brand, if you must) are liked.
You can’t fake this. If you’re linking to other people’s work as a ploy to make others link back, it’s obvious, and you’ll fail. If you’re sharing half-baked information half-heartedly, nobody will stick around.
This may sound Jedi-mind-trick-ish, but never create a blog or a Twitter feed with the explicit idea of promoting yourself. Create for the joy of creating. Share for the joy of the sharing, and because the information you’re sharing genuinely excites you. Do that, and the rest will follow.
A LONGING for love and approval. That’s the dirty little secret of success.
Yes, you must make something people want. Of course, you must improve and extend it. Certainly, you must give 110% where customer satisfaction is concerned. Definitely, you must convert your customers to evangelists. All of that is true, always has been and will be.
But you won’t be able to do those things, not really, not all the way, not as they must be done, unless there is a brokenness in you that continually craves attention and affection you somehow missed out on.
You have to have been abandoned, betrayed, ridiculed, unsupported at some point when you needed it most.
This sounds terrible and it is. But it’s the facts.
A contented person with a whole heart, who has never doubted for a moment that she is loved by God and the universe, should not bother trying to succeed as a creative entrepreneur. She should get a job working for someone else, turn it off at 6:00 PM, and come home to the people who love her.
Only a restless, broken heart can drive you to do what is necessary.
And that’s how to succeed in business without really crying.
For those who couldn’t be there, and for those who were there and seek to savor the memories, here is An Event Apart Chicago, all wrapped up in a pretty bow:
- AEA Chicago – official photo set
- By John Morrison, subism studios llc. See also (and contribute to) An Event Apart Chicago 2009 Pool, a user group on Flickr.
- A Feed Apart Chicago
- Live tweeting from the show, captured forever and still being updated. Includes complete blow-by-blow from Whitney Hess.
- Luke W’s Notes on the Show
- Smart note-taking by Luke Wroblewski, design lead for Yahoo!, frequent AEA speaker, and author of Web Form Design: Filling in the Blanks (Rosenfeld Media, 2008):
- Jeffrey Zeldman: A Site Redesign
- Jason Santa Maria: Thinking Small
- Kristina Halvorson: Content First
- Dan Brown: Concept Models -A Tool for Planning Websites
- Whitney Hess: DIY UX -Give Your Users an Upgrade
- Andy Clarke: Walls Come Tumbling Down
- Aaron Gustafson: Using CSS3 Today with eCSStender (not captured)
- Simon Willison: Building Things Fast
- Luke Wroblewski: Web Form Design in Action (download slides)
- Dan Rubin: Designing Virtual Realism
- Dan Cederholm: Progressive Enrichment With CSS3 (not captured)
- Three years of An Event Apart Presentations
Comment posting here is a bit wonky at the moment. We are investigating the cause. Normal commenting has been restored. Thank you, Noel Jackson.
Short URL: zeldman.com/?p=2695