Ben Terrett of Noisy Decent Graphics has written a list of things that describe what “his Internet” is like. From an encounter with a technologically-challenged executive comes an inspiring exercise to get everyone on the same page first.
…I thought it might be a nice idea to get everyone to describe ‘their internet’ at the first meeting of any new client. Like they do at school when the new kids arrive mid term. Get everyone up to the same level. That way, everyone would know the ‘level’ of everyone else and there would be no clangers later on.
The list is not only informative, it’s also prescriptive (in a sort of passive-agressive way!). It addresses the little things clients don’t really take into consideration when they describe what they want for their websites. But the thing is, you’re the expert, so grab the opportunity to teach what thoughtful and usable design is. Some of my personal favorites from the list:
- Not using Flash for anything other than videos
- Giving simplicty and clarity top priority
- Not reinventing the wheel
You may not agree with everything on Ben’s list, but the idea is not just to yell at your client for “not getting it”, but to explain why you’re doing “it” that way. It strengthens the relationship you have with your client, and ensures clear communication pathways in between.
First the iPad, and now a debate on the relevance of Flash. Apple continues to ignore it and touts HTML5 as the future. Google is also pushing HTML5 on YouTube, with other video sites starting to follow suit. Even Mozilla is disabling it in its new mobile browser, Maemo. Clearly, the death knell for Adobe’s most controversial product is getting louder than ever.
But it’s still all talk, all noise. How about some real action? Thankfully, over at Binary Bonsai, Michael Heilemann has taken it upon himself to drop Flash for the whole month of February as a response to this tweeted challenge:
All those who think no flash on ipad is A-OK please uninstall flash from your current browser, use that for a month then get back to me.
Installing a Flash blocker isn’t really a groundbreaking exercise and is tamer than uninstalling Flash completely, but now is the best time to figure out how dependent we are on it.
So can you survive sans Flash? I won’t go out of my way to defend it nor suffer from withdrawal without it, but the status of HTML5 video alone seems troubling enough.
More importantly, most discussions cover only the question of replacing Flash video, not other applications like games. That would be an even tougher nut to crack, even with the dawn of purely Javascript-based games.
A common entry you see on many web design blogs is the one where people are looking for inspiration when getting ready to tackle a new design. While I don’t advise looking at other sites before you begin to design your own, for some people this works really well. What I never see though is people recommending any Flash sites to look at. I wonder if most CSS/XHTML designers still hold a grudge (or whatever you wish to call it) against Flash sites because many of them still are nightmarish to say the least.
For example I love to look at 2advanced or Joshua Davis from an information design perspective (along with a visual design perspective) and see how I can learn from them. Granted most Flash sites I come across serve absolutely no purpose on the web, but I think if more designers open their minds to checking out the good ones then their designer inspiration toolbox will become that much more valuable.
Google brought back the 80s arcade game Pac Man to celebrate its 30th anniversary last May 22nd in the form of a fully-working Google Doodle on its homepage (it’s been since moved to a dedicated page where people can still play it). The “I’m feeling lucky” button gets replaced by “Insert coin” and clicking on it lets you play. Click on it a second time and Ms. Pac Man joins in the fun.
Apart from hearing collective 8-bit cheers of delight upon discovering what could be Google’s most viral web toy yet, the Pac Man doodle was another display of its massive influence, both the good and the bad. more
In celebration of the iPad retail launch, Apple has created a gallery of iPad-ready websites that are said to embrace “the latest web standards—including HTML5, CSS3, and JavaScript”. That is, no Flash. You can even add your site to the gallery (scroll to the bottom).
Is Apple really opening up?
Let’s get the snark out of the way: a gallery, really? How novel. Right now there’s a vertical list (no Cover Flow?) of 20 top-tier websites. Will Apple really painstakingly update this list and add every possible HTML5/CSS3/JS-ready site submitted?
It’s a rare thing for Apple to lead a user-generated campaign like this but its best intentions are a thin veil over their real agenda—eliminating the competition and expanding further in the multimedia business. Does it really care about anything other than the big fish? What are the odds that the most humble of websites will even get into the gallery? Apple markets its products by partnering with the largest corporations that fit into its plans; I can’t imagine caring for the little guy in all of this.
This isn’t even in the same league as the iTunes app store—whose contents number in the hundreds of thousands—but could easily apply the profit-based and biased policies anyway. Not what I would call open or little guy friendly.
Is Apple a true web standards crusader?
Speaking of the app store: you can also develop specifically for the iPhone/iPod/iPad family using the SDK, but those apps don’t work in other devices. The mobile web is booming because of both the “web standards way” and the “mobile app” way, but how are device-specific apps any better than Flash apps (which happen to be cross-platform outside of Apple’s products)? Flipping off Flash when HTML5 and CSS3 aren’t ready isn’t a very responsible thing to do.
If Apple really wants to promote web standards, it should be doing a lot more with its resources to convert and educate people. The gallery is one thing, this documentation is another good step, but where are the resources for developing in HTML5, CSS3, and JavaScript? Partnerships with web standards groups like WaSP? Zeldman or one of the Super Friends speaking at the keynote?
If Apple really wants to promote web standards, see how it practically equates HTML5 with Flash-free media and nothing more. No oohs and ahs over CSS3′s text shadows and rounded corners or HTML5′s geolocation and <canvas>. This is the perfect opportunity to introduce the mainstream crowd to the wonders of these new technologies, yet all it’s pushing is anti-Flash propaganda.
One more thing…
Dear Apple, you’ve done a lot of groundbreaking things, but if you’re going to use web standards as a selling point for your most adjective-ridden product ever, you can do a hell of a lot better than an an anti-Flash gallery.
I’ve sung praises over the Flash-based multimedia suite Aviary, but what’s more disruptive than an company using Adobe’s own technology to compete with them? Perhaps something that erases Flash from the equation altogether, which is what you get with Sketchpad. If enough effort is poured into this project down the road, taking desktop tools to the web browser may no longer need plugins like Flash and Air.
That still seems like a far away future, though. Even this ReadWriteWeb report, where HTML5 has been found to be sometimes more CPU-intensive than Flash, indicates it doesn’t even have that advantage in the bag.
Then there are others who can’t see how HTML5 and Flash can even be comparable, but here’s a compelling point for that argument: where are the tools for creating in HTML5? John Nack from Adobe has a few answers. Though as an Adobe guy, he advocates for Flash too.
Finally, there’s browser adoption as the biggest and most obvious issue of all. And sadly, that one might not even be resolved.
All of these beg the question: “Is it irresponsible to advocate using HTML5 before it is ready?” But when, pray tell, will it be ready?
Here’s an interesting sneak peek of Adobe’s project called “Rome”, shown at the MAX 2009 conference. It’s an application written in ActionScript that combines the features of Photoshop, Flash, Fireworks, Dreamweaver, and lets you work with different content types. It runs on Air, meaning it’s cross-platform and even works inside the browser.
I certainly like the idea of a mashup app of Adobe’s most indispensable tools and perhaps this is the real sort of integration people have been looking for in the Creative Suite. It’s quite smart too: the interface is not as cluttered as other Adobe programs, and the contextual palettes appear according to the currently selected object.
That it can run inside a web browser is also another golden feature; I wonder what Aviary thinks of it. If Photoshop.com isn’t enough for you, this will certainly be more than enough.
My only question is performance. Small widgets created in Adobe Air work fine (TweetDeck, for example), but can a full-blown app work better than native code? Should Adobe be building programs like this on Air? Some of the bigger questions when dealing with Flash-based apps and its cousins.
What’s the hottest thing on the Web right now? Twitter, and a host of other dead-simple, single serving websites. If you plan on making a new web app, make it as simple as possible, if not simpler. Take Aviary’s Screen Capture service.
Just a short background: Aviary is a suite of web-based graphics applications, all named after birds. The branding concept is fantastic, if I do say so myself. The fact that they run on Flash and are essentially competing against the very maker of said platform—Adobe—is a very interesting feat in itself. It is, however, a bit premature as Flash remains hardware-intensive.
Screencapped Google.com because the doodle today looks extra-nice.
So, back to the dead-simple part. All you have to do is enter the URL of a website you want to screencap after Aviary.com and wait a few moments until Falcon, the simplified image markup editor, loads the image up. Crop, resize, add a few scribbles, and save your screenshot. Done!
Of course some people will need options, which the Capture page and the Talon Firefox add-on can provide. But that isn’t really Aviary’s achievement here. It managed to create a screenshot tool that requires nothing but entering a URL in the browser address bar. No need to wait for the app to start up, no need to remember special conventions to make sure the thing works properly.
Simple, elegant, brilliant. We will always have huge, complicated methods that will get the job done, but most of the time it’s the leaner, less intimidating tools that win us over.
After the wildly successful first run, I’m delighted that Coudal is gearing up for another season of Layer Tennis, which are live creative matches using Creative Suite software. Heard of Photoshop tennis? It’s a more riveting version of that, since matches will use more than just PSD layers and will play with motion and sound!
The rules: two players—renowned designers like Shaun, Veerle, Jason—must build on each other’s “volley” for no more than 15 minutes. A coin toss by the referee to determine who goes first, which serves as the creative teaser for the weekly matches. And while waiting in between plays, we’ve got witty commentary from the likes of Gruber and Kottke. After 10 rounds, a winner is decided upon by voting in the forums.
Truly a star-studded yet downright geeky spectacle. Every single aspect of Layer Tennis is hilarious, and the attention to detail is just admirable. The icing on the cake? They actually have Adobe as sponsor, again. And why not, since you’d expect them to use PS and Flash anyhow.
Do you have your season pass yet? Don’t forget to subscribe, follow, and fan.
I don’t know about you, but I avoid clicking on PDF files like the plague simply because it takes ages for it to load, whether with a browser plugin or a desktop app. Microsoft Office files are almost the same. Why can’t these documents be opened as easily as webpages, anyway?
Enter Issuu, a cool platform that makes viewing digital books, magazines, and other materials much easier—try using it right now—and Smart Look, which is a piece of code you to be placed in your website that embeds various document formats (PDFs, Word documents, Powerpoint presentations) into a Lightbox-meets-Acrobat interface. Only it’s lighter and more portable because the viewer (which you can also find on Issuu itself) is powered by Flash.
What actually happens is that to copy the code, Issuu scans your site for documents to import, under your account (which you’ll have to sign up for). The files on your site stay intact, but copies are stored on their servers under your username. Try Smart Look in action here.
Better browsing experience
Let’s pause for a moment to reflect on the irony in using one Adobe product (Flash) to view another one (PDF). Isn’t that a sign that something is terribly wrong with the way Adobe has been handling PDF files? Will Adobe correct this anytime soon, perhaps through Buzzword, and eventually kill Issuu?
Issuu and Smart Look make sense. To quote TechCrunch, Issuu really wants to kill the document download
. I think that doing so makes for a better browsing experience.
I’m not saying you axe the download option altogether. Just don’t make it the default action because it’s extremely disorienting. Not everybody has the foresight to look at a URL they’re about to load and choose to save it instead of view it. “Do I choose ‘Open’ or ‘Save’? Why is my computer hanging? Why, gawd, why?”
Competition means progress
Scribd and Docstoc. Too clunky.
And as far as inteface design goes, Issuu is a bit more polished than competitors Scribd and Docstoc, which remind me of the PDF viewers I’m avoiding in the first place. Although both have text selection while Issuu does not. Smart Look, however, erases the need for embedding the files in your pages since clicking on a link will do that for you.
Now I don’t want to do any more comparisons among the three because whichever webapp you’re using, I like that there is actual development going on in this space. It’s certainly worlds better than having to open documents in a bloated old program like Acrobat!
*/
