Akemi's Anime World

Akemi’s Anime Blog AAW Blog

AAW 3.0

So, after 16 months and 2 days of work (between the initial draft and today) AAW3.0 is finally live.  The final tally was 35 initial drafts and 10 additional final candidate refinement versions between concept and the design you see now.

Among the fun stuff the new look and feel ads is a full mobile version of the site, selectable (from a desktop browser, if you’re so inclined) via the On This Page stuff over on the left of each page. It should default to that automatically, unless you prefer the full version, if you’re using an iPhone, iPod, Android phone, Blackberry, or Symbian handset, although it’s only been tested with iOS hardware currently (let us know if you get the wrong one on your phone so we can work on that!).

Some of the things that people who’ve been to the site before might not notice have changed: I’ve completely rewritten and seriously expanded the company profiles, rearranged much of the older writing on the site, added a couple of additional old photo albums from Japan that I’d prepared before but never actually published, updated a few entries in the glossary, added a new history page documenting the evolution of AAW over the past 12 years (complete with screenshots and some links to the WayBack machine, so you can actually try the old versions for yourself if you’re into nostalgia and/or making fun of my crappy 1999-era design skills).

We’re in the process of re-recording and expanding on the audio samples that accompany the Japanese lessons; we have much better recording hardware now, so the sound should be considerably clearer, and I wanted to start from scratch so it all sounds as good as possible. Currently there’s just the beginning re-done, but now that the incredibly time-consuming rebuild is complete, I’ll be working on more as time permits. They are best heard as HTML5 audio in a decent browser (meaning Safari or Chrome 4+, Firefox 3.5+, and eventually Opera and Internet Explorer 9 ); it might work with QuickTime in older browsers, but no guarantees—do yourself a favor and upgrade anyway.

Old-time readers might be glad to note the resurrection of the screencap galleries from the days of yore; we’ll see how that goes, but small galleries, including commentary on the images, have been added to about a dozen shows, with more to be added steadily over time.

We’ve also added large-sized box art images to everything. Not just cheesy “grab what Amazon’s got,” either—Akemi personally scanned every DVD reviewed here that I own. That means over 200 extra-high-quality box art images for those who like such things (the other 200 are made up of the best images I could find; if you have a copy of one of the handful of ancient VHS tapes we couldn’t come up with anything decent for, and are willing to scan it for us, we’d be eternally grateful).  Note that you can click the box art on any review to get a larger version.

Our big new feature, in terms of “fun ways to find more stuff to watch,” is an analogy added to every single anime reviewed here, such that you can get a pithy answer to the question “What else is it like?” (and let me tell you, writing anything at all for 400 anime isn’t easy).

In the “new but not quite ready for prime time” feature department, we’re also experimenting with an amusingly unscientific graph of quality versus time for TV series; the first such experiment is on the Kanokon review:

Amusing quality graph for Kanokon

Here you can see in geeky detail exactly how Kanokon is lame, and where it gets particularly abysmal.

I plan on adding more of these to other TV series over time.

Along with that is our first experiment in side-by-side comparisons of Blu-ray discs versus the upscaled DVD version of the same title, as can be seen toward the bottom of the Ponyo image gallery.  I sort of enjoy comparisons like that, so as time permits I will add more.

Finally, in addition to the two newly posted reviews, I’ve updated about 50 older reviews with adjustments ranging from minor grammar fixes and availability corrections up through significant re-writes of about a dozen others. Some of these will be showcased in the new Pick Of The Week rotation (now fully-automated from a hand-selected queue, so if I’m asleep at the wheel you’ll still get the next pick right on time).

We’ve also decided to completely ditch a few features that hadn’t been properly updated in years, and have removed a few things that were going to hold up converting to the new look due to needing significant re-writes.  These orphan pages (mostly old song lyrics that needed serious updates on the translations) will eventually sneak back in as I revise them.

Of course, some stuff is no doubt messed up; if you find such a thing, tell us and get a chance to win this month’s contest!  (Actually, it’s technically next month’s contest, but you just get an extra week to find stuff that way).  I hope people actually enter, because I have a whole shelf full of DVDs here to pick from.

A few additional comments for the geekier types who might be curious:

Everything on the site is, or should be, valid HTML5 according to the current state of the draft spec, and all CSS is valid CSS3 with the exception of some -moz and -webkit additions to add support for rounded corners, shadows, and alpha channels to older versions of Safari, Firefox, and Chrome. We’re using just a bit of @font-face fun, with the attractive Helvetica Neue Ultralight clone Lane as a fallback for the page subheadings for people who don’t have the real thing. The site has been tested to be at least usable in Opera 6-10, Safari 2-5, Chrome 4-5, Firefox 1.5-3.6, Internet Explorer 5-8, Camino 1.6-2, Mobile Safari in iOS3 and iOS4 (which just launched today, but that was enough time to install it and test!), the default Android 1.5 browser, the Wii and PS3 browsers, plus some archaic oddities, for fun (Netscape 4, IE5 Mac, Firebird, Lynx).  It uses progressive enhancement, meaning that it’s totally usable even with no styling whatsoever on Netscape 4, all the way up to a bunch of little touches like rounded corners and drop shadows in modern Webkit or Gecko browsers. It looks pretty much perfect in good new browsers (last two versions of Opera, Safari, Firefox, and Chrome), and fine but without pretty touches in IE8. IE6 and IE7 get a somewhat dumbed-down version that looks similar custom-built for them, and while old versions of Opera and Firefox screw some stuff up they work and look pretty good. The only real disappointment is that the PS3 browser chokes somewhat (ugly but usable; the Wii amusingly is perfect, since it uses Opera instead of the embarrassingly underfeatured NetFront mobile browser Sony licensed) and IE5 Mac looks relatively bad (but also usable); not enough people use either for me to care much. (That said, c’mon, Sony, fix the browser already! It doesn’t even work on your own forums. Heck, any Android or Apple phone from the last year or two makes it look primitive.)

Interesting statistic: IE6 is now down to only 5% of AAW page views, which is a huge change from when IE6 was dominant and IE5 still had about 10% share when we did our previous design—it’s amazingly freeing to just design for good browsers and decide not to waste time on anything more than a simple version for broken old versions of IE.

Almost everything has been optimized for speed—code organization and optimization, minimizing HTTP requests, server-side compression, hand-tuned content caching, and more. On a fast connection page loads should rarely take more than a second—average over DSL after the big stuff has cached, on my 4-year-old laptop running Safari 5, is about half a second until you can start reading.  Even at dialup speeds (I checked!), after the initial 45-second delay to load the stylesheet and javascripts you should be able to start reading a new page within a second or so of clicking a link.

Of course, if you’re the geeky type and you think we’ve done something wrong, by all means, give me a hard time. That’s how you learn.

And that about sums it up—hope you enjoy looking around the new site!

Site Redesign and Content Changes

I haven’t thus far commented much on the workings of AAW itself here, but to change that:  If you think there’s nothing going on with the rest of the site, you’re right in terms of what’s been publicly posted in the last long-while, but wrong in terms of what I have in the pipeline.

In particular, I’ve been working on an entirely new and drastically improved layout for about the past year (first draft was in Feb 20 of ’09, looking back reveals—wow that’s a long time), and it has just hit the final-candidate stage at which the design is pretty much finalized and the work switches to implementing said design in a manner that works in a reasonable variety of browsers (Internet Explorer, how I hate thee: Let me count the ways… but at least IE5 is functionally dead, a different state of affairs from the last major redesign). Then comes the even more daunting task of making sure the roughly 300 official reviews and 100+ reader reviews, hundred-or-so other pages, dozens of supplemental pages, this blog, and the forums all get transitioned properly into it.

Yikes.

This may take a while (there are still things that haven’t been converted into the last redesign, which I intend to remedy), and while the bad news is you won’t see any of it until I’m actually finished, the good news is the site should be significantly improved for it. I’ve learned quite a bit about design, coding, backend structure, and most importantly believe I’ve come to a better understanding of how to best serve the people who actually read stuff here. I intend to apply all of this, along with every optimization trick I’ve picked up in the past four years, to give AAW as good of a foundation as I’m able, and one that should carry it through a nice long while before I start to get bugged by how much better I could do with new tools and techniques. I’ve also, I think, come up with a somewhat more coherent, and more fun, overall site concept that I intend to do something more major with in the mid-distant future when other life circumstances permit.

Bottom line is the site will be faster, easier to read, prettier, more coherent, more fun, and have less loose ends and mistakes than currently. I’m also planning on having some fun with new and more creative contests once everything eventually goes live—got a whole shelf full of not-entirely-crappy prizes lined up.

In terms of, you know, content, I’ve not been lax on writing reviews, I just take a (very) long time to prune and polish them—there are about a dozen in the pipeline, with a half dozen all but ready to post. I’ve also got a bunch of Japanese lesson stuff in the works for a little farther out, but I’m making some layout changes so am holding off on that until the new look is done so I’m not doing the formatting twice.

I’ll probably wax technical once things are more finished, for those who care at all about such things (being a geek, I do, so even if that audience consists entirely of me, I’m still going to), but in the mean time wish me luck if you’re so inclined.