Entries tagged “design.”

Marvel (Mostly) Unlimited

I’ve been an ardent comic book reader my entire life, but only recently did I begin to shift my monthly comic book habit from print publications to digital. Several factors influenced that decision, among them the availability of the Marvel Unlimited app for iPad.

 My taste in comics is somewhat eclectic, but I’ve been a Marvel fan since the 60s… or at least, it feels that way! Used paperbacks of early Fantastic Four and Spider-Man adventures were my first exposure to superheroes, and it would be years before I realized those stories were decades old. I remember being surprised and disheartened to discover the enormity of each character’s expansive saga. It seemed an impossible task to collect — let alone read — any of these series in their entirety.

Fast-forward to today, and I’ve got affordable, unfettered access to thousands of Marvel Comics on a device about the same size and weight as a trade paperback. How great is that?!

And it is great! But it could be even better. So I thought I’d share some of my ideas for how the “House of Ideas” could improve the experience.

Here’s the thing, though: I tend to find unsolicited redesigns kind of obnoxious. Many of them offer a barrage of static mockups that throw whole nurseries out with the bathwater, accompanied by condescending text that berates the original designers for their supposed lack of vision, expertise or insight. As Khoi Vinh so aptly put it a few years ago:

…it helps no one — least of all the author of the redesign — to assume the worst about the original source and the people who work hard to maintain and improve it, even though those efforts may seem imperfect from the outside.

The truth is that I really dig this app. I’ve used it to read hundreds of terrific comics. My goal in writing this post is to celebrate the app by critiquing the parts I think could be better. The modest mockups I’ve chosen to include are meant to visualize those ideas succinctly and practically. I encourage you to try the app yourself to see how they compare to the product they’re based on.

So face front, true believers! It’s suggestion time…

13,000 needles in a haystack

The greatest strength of Marvel Unlimited — its size and scope — is also what makes it difficult to traverse. Whether you’re an old-school fanboy or new to comics, you’ll probably have some trouble navigating 75 years’ worth of mostly pre-digital publications.

To help guide otherwise directionless readers, the app’s Home tab features a carousel (a la the App Store or iTunes) with a handful of promotional features:

  1. “Enhanced Features,” which showcases comics with audio and/or video extras. I love geeking out over special features, but they’re rarely my primary reason for reading or watching something.

  2. “Editors’ Picks,” which is easily the weakest of the three. While it currently houses a fine selection of Mark Waid Fantastic Four books, there’s never an explanation as to why. Who is this mysterious editor? Why were these books chosen?

  3. And finally the “Marvel Unlimited Reading Club,” a tie-in with a Marvel podcast and thusly the most helpful and justifiable of the three carousel features. The theme it presents is clear, consistent and usually character-driven. This feature clearly presents both the “what” and the “why.”

Marvel’s franchies are so darn popular these days, there should be plenty of opportunities to connect newfound interest in classic characters to the books (and creators) responsible for their inception. Some hypothetical features I’d devour without hesitation:

I’m sure every fan reading this just thought of a dozen more examples. There’s even a regular Comics Alliance column that attempts to fill this need. But with Marvel’s rich history of Bullpen Bulletins and roster of outspoken and articulate creators, who better to direct and inform?

Flipping through the longbox

Discovery doesn’t end at the home screen. The app’s browsing interface also presents some challenges for the user. You can browse by a few different attributes, you can search (which is more of a filter or dynamic search) the current result set, and you can re-order those results by publication date. Sometimes, this works fine. But often, it’s kind of a headache.

The first challenge is differentiating multiple volumes of the same book. Every comic book fan has that friend or relative who claims they once owned a “Number One” of Spider-Man, not understanding that the most popular series often have multiple volumes (and most of those “first issues” are probably worthless). But who can blame them? It’s confusing!

Marvel Unlimited helps the reader navigate by listing not only the title, but also the publication dates. While this information is helpful, it would benefit greatly from visuals. ComiXology shows thumbnails representative of the general artistic vision for the volume, which helps out a lot while browsing. DRM-free comic readers like YACReader and Comic Zeal leverage cover artwork to achieve the same goal, sidestepping the need for a designer to prepare thumbnails for each and every series. This imagery makes it way easier to differentiate similarly named series:

Once you find the volume you’re looking for, finding the oldest or most recent issue is pretty straightforward. But if you’re interested in something mid-run, like Walter Simonson’s Thor (which begins at issue 337), it’s kind of a slog. You can filter by character, creator or release date, but there’s no easy way to jump to a particular issue. Eventually, you’ll just have to squint at issue numbers as you scroll.

A dedicated search interface could allow me to search for “Thor 337.” Maintaining the filter search field while browsing a series could also help. Another option might be to let users hop between large spans of issues with a tap:

Indulging your inner Taneleer Tivan

My favorite aspect of Marvel Unlimited is that I can “binge-read” comics the same way I might binge-watch a series on Netflix. I can read an issue, then immediately read the next (or save it for later). That’s not just convenient, it’s magical! It changes the way I read comics.

But when I stop reading, those stories fall back to the catalog like grains of sand to the shore. Unlike other iOS comic readers, Marvel Unlimited does not save your progress or reading history (at least not visibly). This makes it difficult to tell where you left off, especially for multi-issue stories.

Slightly altering the appearance of comics you’ve already started or finished would greatly streamline the act of browsing:

Functional benefits aside, these improvements might also give the reader a more tangible sense of accomplishment for completing books, runs or entire series. We could even get a little silly by awarding No-Prizes accordingly, further encouraging exploration of the catalog:

Of all the app’s interfaces, the Library would benefit from visual progress indicators the most. This is the reader’s Netflix-style comics queue, and also where they manage books they’ve downloaded for offline reading (which comes in handy on the train).

Managing the Library can be tricky. While Netflix groups TV shows by season and series, the Library shows all issues individually in a flat list or grid. “Offline” books are shown twice (once in their own section, and once in the main list). To keep track of what you’ve read or to find things quickly, you must manually delete saved issues frequently (or forego the library altogether).

By embracing the aforementioned progress indicators, grouping saved issues by series and eliminating redundancy between online and offline books, the Library could be easier to navigate while requiring far less management on the part of the user:

Never miss an issue

One of the biggest recurring criticisms of Marvel Unlimited are occasional mid-series gaps (understandable, given the sheer size of the catalog). Part of the problem is that these gaps aren’t obvious at first glance. It is far more frustrating to discover them mid-story than it is before you’ve stared reading.

We could sidestep some of this discouragement by highlighting series gaps (in this case clearly the work of Hydra), ideally with the option of being notified when they’re filled:

Notifications would also be a welcome compliment to a series subscription feature. Even as a frequent user and recipient of the service’s weekly email newsletter, I still seem to miss new additions to my favorite series on occasion. I’d love for subscribed series to populate my library automatically.

In a similar vein, it seems odd that I can only jump to the Marvel Comics app by ComiXology to buy à la carte issues when they’re already available to read for free. Why not promote upcoming issues for those series that are just too good to wait for?

Friendly neighborhood designer-man

The most enduringly popular superheroes are those that gracefully endure reinvention while maintaining the core concepts that made them successful in the first place. I’d argue that no one was better or more prolific at creating those sorts of characters than the team of Stan (The Man) Lee and Jack (King) Kirby in their heyday at Marvel. To have instant, affordable access to so much of their oeuvre, and the expansive universe they inspired, is truly astonishing.

But I’m a passionate, opinionated guy who happens to design interfaces for a living. So I can’t help but notice when the reading experience isn’t quite as nice as ComiXology (at least pre-Amazon), Dark Horse Digital or YACReader. This ends up coloring my recommendation of the service in spite of my enthusiasm for its content. I’d love to eighty-six those caveats in the near future.

Whether my suggestions prove to be prophetic or completely off-target, I’m excited to see where the team at Marvel takes the service next. Make Mine Marvel!

New beginnings

Apple unveiled iOS 7 this morning, including a dramatic redesign that left many designers gobsmacked.

iOS 7’s redesigned dock and icons. (Source)
I’m sure I could nitpick this update to death, bemoaning its rough edges and proclaiming it a step backward. But that would be shortsighted.

Firstly (and most importantly), I haven’t used it yet. I’m excited to. Design is more than veneer, right?

Secondly, I used to think this dock looked amazing:

This calls the trustworthiness of my knee-jerk reactions into question. I’ll give Jony Ive and his team the benefit of the doubt.

Update

Some great points from Cap Watkins:

We asked for a revolution and were delivered one which, all complexities considered, amounts to more than any one of our best first launches.

And also from Frank Chimero:

It’s worth remembering that Ive took over Human Interface only 7 months ago, and they redesigned the whole phone in that time. Straight up: seven months is a ridiculous deadline.

Meet Colorpeek, a simple way to share and preview colors

When Tim Sears and I were almost done making Lotsa Blocks, we decided it might be fun to change the color of the blocks for seasonal holidays. Christmas blocks would be red and green, halloween blocks black and orange, etc.

Once I finished designing one of these color palettes in Illustrator, I had to send it to Tim. So I did what a lot of designers do: I threw together an image showing the colors and their corresponding hex values.

This worked fine, but the process was tedious for me to create and for Tim to reference (especially when he needed to convert them to RGB notation). I wanted a way to quickly and easily share colors without numerous steps, ongoing maintenance or even account creation.

I found a lot of great color-related apps (COLOURlovers, Palettee, color.hailpixel.com), but none that did exactly what I wanted.

So I made one. It’s called Colorpeek.

Now I can send Tim a link to the colors I want: colorpeek.com/#a899f2,dd4e85,4dc45e,6da7e8

And if he needs RGB, it’s as easy as tapping or clicking the cog icon and changing the notation.

 Colorpeek will accept just about any CSS color value, including hex (triplet or shorthand), RGB, RGBA, HSL and HSLA. It will convert color keywords like indigo or lightslategray to hex. It also supports many brand colors as keywords, so you can easily add facebook, android or wordpressorange to your palettes.

This being a 1.0 release, I tried hard to include only features I find to be critical. I hope to add more things from my list of “wants” to future iterations (copy to clipboard, transitions/animations, color picker, color editing, palette export options, to name a few).

If you have ideas for making Colorpeek better while retaining its simplicity, please let me know.

I want to thank Marc Roman for designing the Colorpeek logo, Erik Jung for helping me learn Knockout, my Cloud Four teammates for their support, encouragement and access to the device lab, and everyone who offered feedback or advice for my little side project.

You can follow me and/or @Colorpeek on Twitter for updates.

Classic

I get strange looks from anyone who sees me pocket my iPhone 5 so I can break out my iPod classic. Five years since I won the device at a company raffle, it remains my favorite little music player.

It isn’t perfect. The not-so-solid-state drive makes everything a little sluggish. The interface looks pretty dated. There’s no Wi-Fi, so it will always be tethered to a computer with iTunes installed. On rare occasions an album’s tracks will show up out-of-order (cleaning their ID3 data usually fixes it).

But it plays music. All of it. Not most of it through a streaming service. Not whatever I synced to some emaciated SSD, failing to predict what I’ll want in the hours, days or weeks ahead. Every forgotten 60s masterpiece, every underrated indie group, every B-side that could have been a single is playable, immediately, wherever I am.

There’s no touchscreen, so I can play, pause and skip tracks by touch alone. No Wi-Fi means no interruptions… I can listen to Side 2 of Abbey Road without some spammy notification tri-toning its way into “Polythene Pam.”

I love my iPhone. It would probably be my “desert island” device (assuming this hypothetical island has LTE data). It’s pretty great at most of what it does.

My iPod classic is better at music, because that’s the only thing it does. And sometimes that’s okay.

The problem with job titles

Job titles are weird. Here are a few I’ve had (seniority omitted for brevity’s sake):

  • Designer/Developer
  • Graphic Designer
  • Interaction Designer
  • Visual Designer
  • Experience Designer

All of these have separate Wikipedia articles. None of them rank in the 2010 ALA survey findings (unless you count “Other,” the third most popular option).

In college I majored in Interactive Media Design, which they used to call Multimedia & Web Design. After I graduated, they changed it to Web Design & Interactive Media before merging it back into Graphic Design.

Some of my favorite web designers are graphic designers. Some of my favorite game makers are also my favorite web and interface designers. It seems like half the designers I’ve ever known are musicians (the other half are, of course, photographers). One of them is an abstract painter and sculptor, and one just built a chicken coop.

Perhaps the web naturally attracts the oddballs and outsiders of adjacent industries. Or maybe it’s too young to accurately define itself.

Another possibility: This could be the first medium where making and publishing something is often quicker than explaining it. Sometimes we don’t even know what we’re doing until our users clue us in.