Deviant Login Shop  Join deviantART for FREE Take the Tour
×

:iconlablayers: More from LabLayers




Details

Submitted on
December 10, 2011
File Size
386 KB
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
5,575 (3 today)
Favourites
21 (who?)
Comments
42
Downloads
24

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
×
deviantART v8 Homepage Concept - Seamless Compact by LabLayers deviantART v8 Homepage Concept - Seamless Compact by LabLayers
Update: see the :new: stuff...
-----------
This was a little design concept I created for fun. Here are a few NEW ideas I'd like to bring up for v8:

1) Font changes
Veranda and Trebutchet MS has look nice on deviantART, but what about trying better fonts? Like Klavika for the headers, and Segoe UI/Helvetica Neue for the body. If the visitors don't have these fonts installed, there's always Webfonts and fallback fonts. We're not in the past, we're in the future. Thanks to =TheMasterNeko for giving me the idea of WebFonts!
2) Live top bar
Okay, so we all like the bar that tells us our messages and stuff. But what about the messages and the "friends" pulldowns we rarely click? It makes common sense to remove the text..
Also, it shall be the same size of the same coloring, but with the message counts auto-updating and yellowed if something new occurs. It should also be hidden if you choose to... The search box should have an option to search everything, art, journals, faves, and daily deviations or so, that's why I included the icon next to the search button!
3) Awesome left sidebar
It seems like we only use the left on the page for looking up categories and browsing groups. What about the other links? That is why the links need replacement!
3a) Awesome channels
Carefully chosen links and frequent places should represent the links on the left, along with integrating browsing modes and search! After all, dA needs to be adaptive to its users!
3b) Awesome category hover
It's really time-consuming when you want to browse a sub-category far in because you have to click, wait for the page to load, click, wait for the page to load... and SO ON! Demonstrated above is a mouse hover of the "Contests" category, which is self-explanatory!
3c) Awesome adCast
Okay... is appears that the ads on dA are a little too overboard. There's Google Ads, Ads that download, Ads that redirect, Ads that tell you to shove a pencil up your ***, and the really attractive Ads. What about if we improved AdCast so that it follows the "yogurt" (facebook-like) model? A simple image, link, author, and... some nice links saying "upgrade" "advertise" "report". Simple enough... and all ads are community OR sponsor-based. This model sure beats banner ads!
3d) Awesome left footer and hover
On the bottom left corner (or at least for Seamless mode--discussed below) the footer should be condensed and the Points balance along with the links to the shop and deviantWEAR should be move to down here. Also with the footer links, when you mouseover this area, the links should expand, showing more links.
4) Great surfing modes
There should be more ways to browse deviations! Here's a rundown of what each mode does:
Standard - It's like dA, as of today. Options to show different amounts of deviations per page, and scrollable if there are more deviations than the amount that can fit the page.
Seamless - A view that has pagination based on the Google Chrome's new tab page, and somewhat stolen from GMail. Compact, Classic, Comfortable, Cozy are the options that change the spacing and size of the deviations displayed. This view shows only the amount of deviations that can fit the page
Mosaic - self-explanatory, like a jam-packed wall of deviations, no deviation titles or categories displayed-- just the images! To be shown in a different concept
Wall - Cooliris-like [link] browsing, although Cooliris already support deviantART, it would be better to make a HTML5 based wall that works without a plugin installed.
SitBack - an in-page slideshow that is as big as the gallery area.
Advanced - custom CSS, JS, and stuff. Not sure why I put that there... lol
5) Improved search
The browsing experience and the search itself needs improvement, to be demonstrated in a later concept.
6) CSS3 shadows
I notice that deviantART either puts in square/rectangle shadows or no shadows for deviations. Why not use CSS3 for the shadows (see the llama and :happy: above) for the deviations instead of coming up with server-generated placeholders? It saves resources and makes the page load somewhat faster.
7) Community news ticker
If the use is browsing in Seamless mode, then a news ticker is shown at the bottom of the page, showing the popular articles in a random order. Can be hidden by choice.
8) Built-in dAmn
As shown in the bottom-right corner, there's dAmn chat with #devart. To be shown in a later concept.
9) BetterTablet Support :new:
Brought in by =Ben-Anderson, I admit, a more stream-lined design should help deviantART A lot! Only does a compact option show more deviations per page, a seamless experience assures the same experience throughout any device!
10) Freedom of customization :new:
Last of all, deviantART's users need the right to customize deviantART itself. Right now in v7, deviantART lacks this freedom... somewhat. Now, it's up to the :dt: team to see what they'll let the users customize, but there are many things that can be customized: color, font, sizes, layout, etc!



Total time: 1.4 hours
More concepts will be posted soon (browsing/search/mosaic/messages/today/etc), so hang tight!
--------------------------------------------------------
Source file (PowerPoint 2007+, in an odd way... could have used Photoshop) available for download.
Under a Creative Commons license, so FEEL FREE to edit but please retain the credits!
:heart: this? Remember to :+fav:, donate :points:, and suggest this as a DD! Leave feedback (good or bad) below if you want to!
Add a Comment:
 
:iconlaurij:
LauriJ Featured By Owner Apr 17, 2014
Man, it would be great if dA updates at some point. Yeah, dA is cool enough as it is but I think the time for change is nigh. Especially since dA introduced sta.sh.
Reply
:iconbl00donthedancefloor:
Bl00dOnTheDanceFloor Featured By Owner Oct 1, 2013
2013 comment o-o
Reply
:iconlablayers:
LabLayers Featured By Owner Oct 1, 2013  Student Interface Designer
Does it still look cool? O.o
Reply
:iconbl00donthedancefloor:
maybeeeeeeeeeeee
Reply
:iconannalena250199:
AnnaLena250199 Featured By Owner Dec 8, 2012  Hobbyist Digital Artist
damn I thought that would be real XD
Reply
:iconarisu-ami-chan:
Arisu-Ami-Chan Featured By Owner Apr 18, 2012  Hobbyist Writer
This looks like it'll piss m off after ten minutes...
Reply
:iconlablayers:
LabLayers Featured By Owner Apr 18, 2012  Student Interface Designer
lol, this is a pretty old concept! :P
Reply
:iconarisu-ami-chan:
Arisu-Ami-Chan Featured By Owner Apr 18, 2012  Hobbyist Writer
It's like the new Google nonsense...
Reply
:iconlablayers:
LabLayers Featured By Owner Apr 19, 2012  Student Interface Designer
lol
Reply
:iconarisu-ami-chan:
Arisu-Ami-Chan Featured By Owner Apr 19, 2012  Hobbyist Writer
I HATE THE NEW GOOGLE!
Reply
Add a Comment: