UI Updates

A few things to go over. The main image is a mockup of the new top page that I've been designing for a while - 3 column layout has to go!
The reason why its been 3 columns is because of legacy reasons - designed back in 2004. This design is not final and am looking for your feedback. If you have any mockup ideas, please feel free to post them.
And a few changes that have already been made are:-
The paginated pages can now be switched between grid and list. By default, news items and articles are displayed in grid format. This makes it easier to discover content without scrolling down through a bunch of text. Use the gray switch to flick between the two without a refresh - try it here. Is cookie based and remembers your preference.

Member news is now hidden by default. The reason is that I realized that there are not 2 but 3 different type of users:-
-regular users
-first time visitors
-new users
We have already discussed how the UI needs to look different for regular and first time users but folks who are getting used to the site after joining are still trying to find their way around - hiding the member news reduces the amount of content on the top page and helps them find their way around easier.
Use the links around the Member News title to show the news. Is cookie based.

And this is what the site used to look like many moons ago.

If you are interested in reading about life in Japan, seeing photos taken daily around Tokyo, like Japanese subculture (anime, manga, figures, Dollfies) then you may want to start delving into the Japan or Figure categories for a start or have a gander at all photo articles.
If you don't have much time now, maybe subscribe to the RSS Feed, Twitter Feed or join the other readers in the FaceBook Page.
Alternatively, you may want to read more about the site.
If you are a regular reader then this message will probably annoy you each time - hide it forever.
-Akihabara News – Gadgetry from Japan (Subscribe)






























Moe Hunter
http://moehunter.wordpress.com/
I really like the new grid and list, means when I've missed a load of news I can browse through faster, thanksyou ^__^!
studying comp studies
http://bruneian-otaku.blogspot.com
I can sense that DC.com is improving... ^^
Student
http://anime.tedfox.com/
i wonder what it looks like on a widescreen though...
銀河帝国五〇一軍团 TK/TD 8316 M.E.P.D. 軍曹/Droid Hunter
http://gordonator.com/
i have seen some websites in widescreen. doesn't look nice as the text will be stretched very long. reading from extreme left to extreme right is very tiring.
Student
http://miri.textcube.com/
Actually, DC renders quite well with widescreen. It looks less cramped than in normal screen.
Student Pilot
http://sanctuarystation.wordpress.com/
I use a widescreen to view DC and it looks fine. ^^,
Student Pilot
http://sanctuarystation.wordpress.com/
I use a widescreen to view DC and it looks fine. ^^, I have switched over to widescreen some time back and I prefer it. ^^,
Administrative Assistant
http://bob-san.animeblogger.net
The grid look has my thumbs up. I'm also wondering if the hiding of the member news is what unblocked the site today...not holding my breath though. I'm afraid to close this window and re-open it later, feeling they'll just block it again.
CEO MIrai Inc
http://www.dannychoo.com/profile/eng/
Use a proxy?
Video game developer
http://www.instant-ramen.net
Hotspot Shield is a good choice and very easy to use!
Mechanical Engineering student
http://sabekujikaneda.multiply.com/
LOL when I first saw the Member News missing, I thought there was something wrong with DC again! XD
Engineer / Student
http://www.takotech.net/mshp/
Looks good, the layout should be more new user-friendly this way.
Still remember the polygonated many-moons ago dc.com when I first visited ^^;;
Unemployed bummer
eek! i remember that old format! was very cool back then but i guess not practicable with the increasing traffic.
keroro platoon member
http://heathorn.wordpress.com
At first I thought the member news disappeared ^_^
Service desk support
http://lookingglass.kokidokom.net
Good lord, that old screenshot was of when I was a wee new visitor!!
Ah, good old Figure.fm.. *sniff*
Personally, I like the 3 column design as you can use 2 for actual content and the 3rd can be used for various other stuff which you think should be visible but not too attention grabbing.
Downside is that it can make the page look cluttered.
Now if you;ll excuse me, I have to change my pages from grid look to list (I prefer list)
Student and full-time otaku
I think it's okay, and as long as you keep the option for list-view, I'm happy ^^.
One thing i'd really like to see/keep, is clear dates attached to the articles, mabye in small text or as 'on-hover' elements. Helps me keep track of what's new and what isn't.
CEO MIrai Inc
http://www.dannychoo.com/profile/eng/
Yes - coming soon.
銀河帝国五〇一軍团 TK/TD 8316 M.E.P.D. 軍曹/Droid Hunter
http://gordonator.com/
the hidden member news for new visitors is a very nice touch. new visitors can focus on danny's contents without being distracted by too many things.
Student
http://lordofgundams.blogspot.com/
Improvements to the User Interface are welcome, thumbs up.
Family IT guy ...yes, NEET.
Love the grid and list thingy. Perfect for catching up with member news. ^^
As for the site design, I think the current one is great.....
http://elmimmo.wordpress.com
Hey Danny, another non-relevant opinion by an exclusively-RSS reader.
It is your home, so of course you to choose the color of the tiger carpet. But heck… Where is the content? Your content, I mean? I sure know your point is bringing CGM to the center stage… Maybe I am looking at your web the wrong way, because at the end of the day I still see it as a blog, and the blog posts is what I care most about.
All I see is menus everywhere and zillions of disconnected thumbnails! The bottom new gray bar of yet-more-menus in the bottom (which, reading them, seems to me like should be the main ones, instead of "more; secret menu; your menu…" ¬_¬' –do not get me started with those ones–) which takes out more space of my precious limited screen size (MacBook 13") is not even on the screenshot.
Show me the title and content (or at least a -big– portion of it) of the latest post at the very top and I will be happy (in the event I shall for whatever obscure reason abandon RSS). You can fill the columns with whatever extras you will, but get me started with the content I want to see, without one single clic and no scrolling.
Again, just a probably non-relevant opinion.
university film student | ecchikid | the Archivist
http://www.vimeo.com/longhim
No-one's opinion is completely irrelevant... :P
The thing is, though, that Danny no longer updates his own articles quite as frequently - he's a bit busier, and the member news section has been doing so much that there's usually more stuff in there. For a lot of us who regularly surf the site, that's actually the first part we check since it updates the most frequently.
In any case, Danny's content is still very prominent. If you look at his mockup, his news are right there at the top in thumbnails. His articles take up 2/3 of the bottom section, and the titles are overlayed on top of the image. It makes sense that his articles aren't at the top, since they're only updated every other day while news are added a few times a day.
As for titles, well...^^; Yeah, they're not too prominent. But speaking for myself, I check everything anyway so I don't even read the titles.
CEO MIrai Inc
http://www.dannychoo.com/profile/eng/
No need to abandon RSS - keep at it if it suits your browsing style.
流浪人
I've been playing with the grid and list options...I like them... ^_^
Student
I mostly like the improvements, switching between grid and list is cool:) Not sure about hiding the member news though, some of it may be very interesting to new users.
初音ミク命
So far I've liked all the changes you've implemented to the site so far.
Student, Performer
http://kesenaitsumi89.wordpress.com/
The outlook of many moons ago seem.....Messy ^^''
Student
http://theotakukid.com/
Good thinking about hiding user news from the new and unfamiliar user that come and visit. I did not know that Danny Choo is a 3 column site last time.
Otaku, US Army, Student (Political Science)
http://figure.tsuki-board.net/profile/Syaoran
Not really a fan of the grid but over time I'll get use to it ^^
Right now I'm just wondering why everytime I hit submit on a comment it says that page cannot be found. It still posts the comment though.
CEO MIrai Inc
http://www.dannychoo.com/profile/eng/
Can you give me an example of a URL?
Otaku, US Army, Student (Political Science)
http://figure.tsuki-board.net/profile/Syaoran
Looks like it only does it on member posts I originally made most of the time...
http://www.dannychoo.com/detail/mac/eng/image/15749/Mirai+360%2FiPhone+Skins.html#comment517081
That's the URL and the message given is:
Not Found
The requested URL /detail/mac/eng/image/15749/Mirai+360/iPhone+Skins.html was not found on this server.
Apache/2.0.52 (Red Hat) Server at www.dannychoo.com Port 80
Otaku, US Army, Student (Political Science)
http://figure.tsuki-board.net/profile/Syaoran
yeah my comment here worked fine and did not get a 404. Looks like it's only on member news I post myself.
CEO MIrai Inc
http://www.dannychoo.com/profile/eng/
Ah I see - something to do with the slash in the title. Will fix but as a low pri.
Student, Motivated Future Hikikomori
Have same problem.
Experiment volunteer for social dysfunctionality
http://coffeebugg.blogspot.com/
looks good. just a thought, have you tried banner ads for the one on top of the member news? and another one right under the featured photo article
CEO MIrai Inc
http://www.dannychoo.com/profile/eng/
Am looking into.
Web Developer
http://www.twitter.com/SteveKeys
I would think Member News would get priority over Puchi Blurbs, in terms of visible by default. Better to present new visitors/users with constantly updated content and news than with "I just had a sandwich, it was awesome!"
^_^
Video game developer
http://www.instant-ramen.net
Second
still trying to figure it out...
http://pipopaz.wordpress.com/
Nice improvements Danny, thx for the hard work ^^
Graphic Designer
http://www.neoflashplus.com
Look nice and easy to browse more stuff!
Poet (not)
Am loving the grid/list switcher XD
Not so loving the new floating gray menu bar. Maybe because my screen real-estate isn't that big. More space for DC goodies == better browsing experience for me XD
Is it possible to save a user's viewing preferences to the database? Would be useful for those among us who rely on shared/public machines (where cookies get wiped often).
CEO MIrai Inc
http://www.dannychoo.com/profile/eng/
Not yet - a lot of overhead to do that.
Student
http://yuedream.de
i found the last design also good ^^ but this one is really great
ps: i like the suscribe button :3
Developing the Distracted Cat
The new mock-up is rather good, only I think that adds should not be presented above the vertical site content, then it's better to leave the ads column in the right and optimize the rest page to upgrade UI. Or you could create new horizontal bar between the "Danny's News" and the vertical site content, and put ads in that bar. I think that would be better and make also visitors more happy.
university film student | ecchikid | the Archivist
http://www.vimeo.com/longhim
I've always disliked how cluttered the main page looked - but it's not as bad as many sites, and I've been around long enough that I know where everything is, so it hasn't been a problem.
That said, I definitely like the two column layout. It makes things much cleaner - I've been using it for my own blog design. The only thing that worries me is how you plan to cram in all the RSS feeds and sponsors now.
software manager
http://wawawawasuremono.com
i've been thinking of moving to a 2 column layout also. 3 columns is nice for maximum content, but definitely has a more cluttered feeling. now the trick is trying to find a wordpress theme i actually like (really don't want to have to deal with wordpress.org yet... i have enough work to do ^^;;)
software manager
http://wawawawasuremono.com
personally i prefer a list, so very happy you're keeping the option to display in that mode ^^
Graphic Arts Student
I love the the function to switch between list and grid. The list mode can feel a bit daunting at times when there's a lot of new news items.
Student
Not a big fan of the ads right there kind of in the middle above the member news... Having different viewing options is kind of cool though so you can make it how you like it. I was sad when I saw the member news in icon format but then I was like oh, you can switch it back to list view XD
Software Developer
http://www.reallycuteasians.net
The two column looks less "busy" than the current three column layout. I still think the main page shows too much information at once...but that's just me XD
三年せいとオタク
I like the new updates ^^ Can't wait for member to member messaging.
大学の学生 1st year
http://www.twitter.com/NaKAhi70
AHhh DC just keeps improving and improving ~ =3
Student, Motivated Future Hikikomori
Great new additions to the site, especially the grid and list options.
I know my way around, but I prefer a list nevertheless.
CEO MIrai Inc
http://www.dannychoo.com/profile/eng/
Thanks for the feedback so far!
http://www.fifthdreamtoday.com
I've always thought that the "main" column (the middle one... the right one in the preview) needed to be quite a bit larger in comparison, or somehow visually separated more clearly from the other columns. It tends to get a little lost, as is.
just remembered first time visit dannychoo.com
security/3d graphic artist
http://www.kennethleishman.com/
i like the switch, prefer the list view myself, saves from opening up new tabs for stuff that i won't read.
and since all ive been doing latly is UI setups, the currnet and new one looks good and user freindly, but the problem is finding where to put the money makers at.... and no third column...maybe have the new space for the ads (top left) cycle though on a 5 sec timer ,and another space fro ads between the member news and punchi blurbs, again cycling through, the rest of the stuff on the right can go under the punchi blubs and articles... reminds me that i hardly ever scroll all the way down to the bottom of the main page... nothing down there to draw me to it.
hope this helps :)
Programmer
http://knime.wordpress.com
Danny, I still can't scroll left/right with a size smaller than x768.
I think something need to be made for the sake of the netbooks ^^;;, My netbook is 800x600 resolution and I lost portion of the website.
CEO MIrai Inc
http://www.dannychoo.com/profile/eng/
Will try to fix - tough CSS problem ^^;
IT Related / Self-claimed Otaku / SOS Brigade
http://www.youtube.com/ultimaweaponxx
agree with this
Can we have at least a close button for the fixed column on the bottom? since my lappy only got 800px height, viewing like this minus 200px view to me...
Web Developer, Designer, ALT
http://8bitplus.blogspot.com/
what browser are you using?
Programmer
http://knime.wordpress.com
Firefox 3.0
I think it works fine on IE (heard about it)
But my IE gives Blue Screen of Death for some reason on my XP :(....
Try it :D
Spiral Warrior
http://www.perfectdesignsense.com/martinwandering
Maybe it isn't on the to-do list, but I'd like to be able to get at categories of posts (like Gundam) more easily from the main page. As it is, I have to find a post in a given category (either in the items currently available on the front page, or among posts I've previously commented on) and get to the category page via the link at the top of the post. A less circuitous method of access would be lovely.
Other than that, can't complain.
CEO MIrai Inc
http://www.dannychoo.com/profile/eng/
Gotcha - will do.
Metrosexual Narcissist
http://www.michaelflux.com
While you're fixing such problems Danny, heres a problem I'm constantly having...
If I'm scrolling the page either up or down using the MacBook Pro trackpad and I scroll diagonally rather then straight up or down, the page scrolls sideways out of view... Same problem in both Safari and Firefox.
A problem which seems to be coming from the same source also plagues the iPhone Safari, however there it just loads the page with quite a bit of padding on the right side...
Screenshots;
Mobile Safari - http://michaelflux.com/other/screenshots/dc_ipod.png
Desktop Safari - http://michaelflux.com/other/screenshots/dc_safari.png
Metrosexual Narcissist
http://www.michaelflux.com
Also, oops... this was meant to be a reply to your previous comment where you were replying to paiki
Dedicated and certified lunatic, Beer snob extraordinaire...
Can't really complain, just got let in sunday, still exploring........seems easy enough...
http://akari-nyan.deviantart.com/
Very much like the grid and list view just fine ^^;
???Confused???
I like the idea for the grid...displays more items just in case one might have missed a day or two...
University Student
http://shikinami.wordpress.com/
I have been here for at about one month, but I can truly say all the additions so far were indeed welcome. ^_^
Troubleshooter, Universal Exports
http://funkyblueame.tumblr.com/
Looking at this mockup from the iPod right now. Danny, how about moving your main content to the left side and member news/puchi blurbs to the right side...
Scientist, unemployed.
http://fmphoenixhawk.livejournal.com
A few thoughts to add.
-I don't mind the two column layout. It looks nice. The old three-column setup was nice too. It does look clean.
-Is there any way to get the Pucchi Blurbs to be readable by something like twhirl or other reader applications? I keep missing them when I visit the site.
-Occasionally, two gray boxes, about 500 x 50 pixels will appear while I'm scrolling through the comments. They're always about 2/3 down the overall page, and go away when I scroll back up 35-40 lines and then back down.
Video game developer
http://www.instant-ramen.net
Same happened to me and then they disappear... I can't seem to reproduce it but I've seen it a few times (WinXP + FF3 just in case)
Scientist, unemployed.
http://fmphoenixhawk.livejournal.com
Maybe it's something in the Firefox/SeaMonkey code.
Web Developer, Designer, ALT
http://8bitplus.blogspot.com/
Had a small idea for the photo articles using a little bit of jquery and a plugin, where do i send it?
lol checking out the screencap, looks like many moons ago you had more gundam posts than anything else. :)
Student, artist, dreamer
http://tranquil-solace.com
Looks like the new site layout is coming out quite nicely and good idea with hiding the member news, keeps things somewhat tidier. I'm sure the end result will be spectacular.
Tech Support Officer - Network Security Engineer
http://burugureibi.blogspot.com/
But without the 3rd column, what will become of chibi mirai for the RSS subcriber?!?!
;____;
College Freshmen
The old set up looks really crowded. The current one is pretty good though. You might want to look into filters so people who don't care about certain subjects can avoid them.
College Student
I think it would be nice to have some icons accompanying the Japan, figure, idol, etc portals on maybe a bar of the same size as and under the current top bar. A new viewer gets the splash page but after they enter they see the current scheme with the floating bar on bottom or the respective portal pages -- and icons with text would seem more intuitive than exploring the top bar and the "More" menu.
Perhaps you can get responses from employees at firms you do consulting for? Maybe ask for first impressions from employees who have not visited your site yet.
Student, Uncle & hopfully a good husband..
Appreciate the improvements...hope for good things to come...
Daigakusei [Consular and Diplomatic Affairs]
http://dixinfernal.wordpress.com
DC.com improvement confirmed!
thx danny!!