• 0

Which layout should I use?


Question

Well my old site www.cultanime.com is being revamped. From the ground up. It'll be pimped into an uber-community. I haven't put any work into the site itself in a few years, so its way outdated. Since I'm working on a revamp I though I might as well do a new layout. Thing is, my design imagination is dry in this period, and I've gotten a fair amount of positive feedback on the old (current) layout. So I have started work on revamping the old one and making an all new one, and now I need opinions as to what i should do.

I've started minor revamping stuff here:

http://www.outsid3rs.com/temp/cultanime/index.php

no big difference as you can see, but it's far from done. And then there is the new layout I'm working on:

http://www.outsid3rs.com/temp/cultanime/layout9.html

http://www.outsid3rs.com/temp/cultanime/layout9_2.html (Logged in)

http://www.outsid3rs.com/temp/cultanime/layout9_3.html (Forums)

I used some of the old color scheme since I got good feedback on the colors of the old one. But I mixed it up with a bit more color, and less shadowed layers. I still haven't started on designing the actually content, but that doesn't matter right now. Whichever I choose the feature stuff will remain, meaning, just because you see login and members function in the new layout doesn't mean they wont be present in the revamping of the old.

The green and red icon will be animated glowing icons (No, not that super fast flashing thing that's really annoying. More subtle blinking)

The stock image in the top left will also be a random image that will change every time you load a new page.

I was also thinking about the fact that whichever layout I choose it will have to reflect the actually site, which will be very much and deeply community oriented. When I look at the old layout I don't get the feeling that it's a community. But the new layout has sort of a groovy style which if done right can really work as a community.

But then again, whatever I think is irrelevant right now. I just wanna hear your opinions, and which you think I should go with. Or if I need to go back to the drawing board (I really hope not).

Edited by Razorblade
Link to comment
https://www.neowin.net/forum/topic/573737-which-layout-should-i-use/
Share on other sites

7 answers to this question

Recommended Posts

  • 0

As an anime site owner, I have become aware of how graphic design plays a part in the anime community. First of all, you have done a decent job on your new design, but I get the feeling it's just not enough. A 'revamp' to me is something that will contrast the old design completely. To me, you still need have a long way to go. First of all, find a new colour scheme, just become people liked the old colour scheme, doesn't mean they wont like another. If you want to go darker, choose some colours that go well together (such as my sig) or if you want to go lighter choose strong vibrant colours that stand on in white.

If you are still planning on keeping this design, here are some things you should do:

- Get rid of the green/red buttons, and even if it's subtle blinking some people might still find it annoying.

- The design looks really unbalanced, the right boxes on where the navigation/content is present looks heavier and different than the left navigation.

- Try finding a way on how to end the left bar nicely, right now it looks cut off, like the page hasn't finished loading.

- You really need to fill in that navigation bar, users wont sign up if they don't see much content.

- The red isn't necessary for the "Sign Out" link, it isn't even necessary for the "PMs, Comments" etc just as long as you make it stand out with putting it into a bold setting or something similar.

- The green in the banner should really be changed into another shade, that's a really nasty green.

- The text, add an outline to it, it's really hard to see "Cult Anime" into it.

- Remove that light thing in the banner , I forgot what those things are called :p .

- I just noticed this: Remove the Chii background ( I know she's hot, but dude let it go ;) )

That's all the advice I can give you from now, I really do hope you go for something more different looking than your last one though. Good luck mate :).

Edit: I think this is my longest post on Neowin so far :s

  • 0

At first glance, the site is pretty narrow. The solid gray box at the bottom almost looks out of place when up against the light gray on the right side, and the dots on the left. And go over dadan's comments. He's got some good points listed.

  • 0
At first glance, the site is pretty narrow. The solid gray box at the bottom almost looks out of place when up against the light gray on the right side, and the dots on the left. And go over dadan's comments. He's got some good points listed.

The layout in the images are made in minimum width. When I make the layout it will autofit the screen with some margin on the sides. but incase a user has 800x600 the minimum width will be as you see it on the images.

I separated the bottom from the content in that way, as I see the bottom of a webpage as being separate (or at least in this case) from the content being presented above it.

As an anime site owner, I have become aware of how graphic design plays a part in the anime community. First of all, you have done a decent job on your new design, but I get the feeling it's just not enough. A 'revamp' to me is something that will contrast the old design completely. To me, you still need have a long way to go. First of all, find a new colour scheme, just become people liked the old colour scheme, doesn't mean they wont like another. If you want to go darker, choose some colours that go well together (such as my sig) or if you want to go lighter choose strong vibrant colours that stand on in white.

If you are still planning on keeping this design, here are some things you should do:

- Get rid of the green/red buttons, and even if it's subtle blinking some people might still find it annoying.

- The design looks really unbalanced, the right boxes on where the navigation/content is present looks heavier and different than the left navigation.

- Try finding a way on how to end the left bar nicely, right now it looks cut off, like the page hasn't finished loading.

- You really need to fill in that navigation bar, users wont sign up if they don't see much content.

- The red isn't necessary for the "Sign Out" link, it isn't even necessary for the "PMs, Comments" etc just as long as you make it stand out with putting it into a bold setting or something similar.

- The green in the banner should really be changed into another shade, that's a really nasty green.

- The text, add an outline to it, it's really hard to see "Cult Anime" into it.

- Remove that light thing in the banner , I forgot what those things are called :p .

- I just noticed this: Remove the Chii background ( I know she's hot, but dude let it go ;) )

That's all the advice I can give you from now, I really do hope you go for something more different looking than your last one though. Good luck mate :).

Edit: I think this is my longest post on Neowin so far :s

Well you and I obviously have very different styles :p (just as an example I looked at Anime Four as reference, and felt the design was nothing I would use for a website of my own, as it feel very incomplete... But that's me :p)

I made a conscious choice to bring back the colors from the previous layout, not only because I got positive feedback, but also because I personally like them. I also personally like the green in the banner, but have not received as good feedback on it as the others, so I see your point there :p... However, it's a bit difficult to find another color that would look good there. Especially seeing as I like the one it has now :p.

- I'll consider that. But I don't really see the point. If someone find slightly, and barely noticeable animation (fading color in several frames) annoying. Then I would imagine that such people would hate all around programs like MSN, or advertisements in website (as we all do :p), flash animation and so on. The point being. if people bare such greater eye-catchers, a small, barely noticeable green button, would probably not make any difference :p... But, I will consider it.

- Yes, that was also a conscious decision. I would personally find it very dull if both navigations were the same. And both of them present very different type of navigations (one is alternative, interactive (I will be using javascript (if available) to allow the user to minimize them) and community oriented, and the other are site links pointing to site content). The left has a darker shade and the right has a brighter shade, but to even it out I placed the content in the right in darker (also shaded and rounded) boxes. Again, I personally find it to work :p

- I do not in any sense find it makes me feel like the pages hasn't finished loading. I think that's most obvious by the fact that if it had continued, it would cross the text beneath it :p. However, I do get the sense that the line next to the links (the dotted one) is out of place, and I should probably do something about that.

- The content itself is in the links. I cannot add more links to content that is already linked. I can see how you feel it's kind of empty. But trust me, there is a Lot of content, but I believe in clean navigation, meaning I shouldn't present more than is relevant to link. I suppose I could add sub-links, but that would also be kind of pointless, as then the head links would be useless. I tried sub-links before on another site. It looked good, but from a usability point of view, it just didn't belong there. It would if the sub-pages were separated and large enough, but as far as I have planned the website, they wont be.

- Point taken, it is very distractive. I'll probably change that.

- Mentioned this in a text above.

- - I'm combining these two into one, as one is the direct cause of the other :p... the effect is called Lens. And I will probably remove it. Thanks.

- Awe come on! I think it's cute! It's so obscure, no one will be bothered, I promise!... Pleeease? :blush:

  • 0

Glad you took the time to reply to my post, and read some of my suggestions (Y)

In the end, it's all about a matter of personal preference, there is always someone that won't like the design as much as others but hey, you gotta live with it. I really wish you good luck, and I hope it all turns well :p

  • 0

Hehe, thanks a lot for your help :)

Yeah, in the end it's all about taste. And as we all know, taste is individual. The best we can do as webdesigners is to try to make it appealing to as big of an audience as possible. In general the layout I made, while in no way perfect, is considered good and eye pleasing. And I can't ask for much more. The point to this thread was to see if I should use it or the old one. And the most, almost all, agreed that the new one is better. So I will probably go ahead and use it :)

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • Ocenaudio 3.19.3 by Razvan Serea  Ocenaudio is a full featured, fast and easy to use audio and music editor. It is the ideal software for people who need to edit and analyze audio files without complications. Ocenaudio also has powerful features that will please more advanced users. To assist ocenaudio development, a powerful toolset of audio editing, analysis and manipulation called Ocen Framework was created. ocenaudio is also based on Qt framework, a well known library for cross-platform development. Cross-platform support ocenaudio is available for all major operating systems: Microsoft Windows, Mac OS X and Linux. Native applications are generated for each platform from a common source, in order to achieve excelent performance and seamless integration with the operating system. All versions of ocenaudio have a uniform set of features and the same graphical interface, so the skills you learn in one platform can be used in the others. VST plugins support Ocenaudio supports VST (Virtual Studio Technology) plugins, giving its users access to numerous effects. Like the native effects, VST effects can use real-time preview to aide configuration. Real-time preview of effects Applying effects such as EQ, gain and filtering is an important part of audio editing. However, it is very tricky to get the desired result by adjusting the controls configuration alone: you must listen the processed audio. To ease the configuration of audio effects, ocenaudio has a real time preview feature: you hear the processed signal while adjusting the controls. The effect configuration window also includes a miniature view of the selected audio signal. You can navigate on this miniature view in the same way as you do on the main interface, selecting parts that interest you and listening to the effect result in real time. Multiselection for delicate editions To speed up complex audio files editing, ocenaudio includes multi-selection. With this amazing tool, you can simultaneously select different portions of an audio file and listen, edit or even apply an effect to them. For example, if you want to normalize only the excerpts of an interview where the interviewee is talking, just select them and apply the effect. Eficient edition of large files With ocenaudio, there is no limit to the length or the quantity of the audio files you can edit. Using an advanced memory management system, the application keeps your files open without wasting any of your computer's memory. Even in files several hours long, common editing operations such as copy, cut or paste happen almost instantly. Fully featured spectrogram Besides offering an incredible waveform view of your audio files, ocenaudio has a powerful and complete spectrogram view. In this view, you can analyze the spectral content of your audio signal with maximum clarity. Advanced users will be surprised to find that the spectrogram settings are applied in real time. The display is updated immediately when altering features such as the number of frequency bands, window type and size and dynamic range of the display. Ocenaudio 3.19.3 changelog: Fixes issues with MP4 files with more than 8 channels Fixes incorrect VBR detection for some CBR MP3 files Other bug fixes and improvements Download: Ocenaudio 64-bit | Portable | ~40.0 MB (Freeware) Download: Ocenaudio for Linux and Mac OS View: Ocenaudio Homepage | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • DiskGenius 6.2.0.1829 - All Versions: Free, Lite & Portable by Razvan Serea DiskGenius is a full-featured partition manager, which is designed to optimize disk usage for Windows users. It will efficiently help you recover lost data, resize/split partition, backup files, edit hex data, check bad sectors, manage virtual disks, erase data, etc.. Create a system image backup for current Windows with simple clicks to keep the operating system under protection. DiskGenius key features: Partition Management - It can create format, resize, extend, backup, split, hide and clone partition, both MBR and GPT are supported. Disk and partition conversion - Convert dynamic disk to basic, convert virtual disk format and convert MBR to GPT, convert primary partition to logical. File recovery - It can recover files deleted or emptied form recycle bin, recover files from damaged partition or disk and recover files by file type and supports file preview and file filter. Partition recovery - It is the best partition recovery program in that it can recover files from damaged, corrupted and RAW partitions, search for lost partition and recover files from it, besides, it can fix partition table. RAID recovery - It can reconstruct Virtual RAID and recover files from it, and all RAID types are supported. Sector Editor - A Hex editor is embedded to help users edit raw hex data and recover data manually. Backup and Restore - It can backup and restore partition including system partition, hard disk and partition table. Bad Tracks - It can check and repair bad sectors for all storage devices; check hard disk S.M.A.R.T. information. Delete files permanently - It can delete files permanently so that they can't be recovered by any data recovery software. Virtual Disk - It supports virtual disks, including VMware, Virtual PC and Virtual Box. Create WinPE bootable disk and you can manage disk partition when system crashes or there is no operating system on your computer. Support FAT12/FAT16/FAt32/exFAT/NTFS/EXT2/EXT3/EXT4 file system format. DiskGenius 6.2.0.1829 changelog: Add the "Disk Speed Test" feature. Add the "Windows Boot Repair and Conversion" feature. Add the BMB21-2019 erase standard to the "Erase Sectors" feature. Add support for restoring an individual partition from a PMFX disk image file. Enhanced The "Verify Or Repair Bad Sectors/Blocks" feature displays disk read speed in the detection window during scanning. The "Quick Partition" dialog box allows users to quickly select the number of partitions by pressing the numeric keys 1, 2, 7, 8, or 9. The "Set Volume Name" dialog box supports selecting preset volume labels provided by the software. The "Copy Sectors" feature supports resuming copy tasks after modifying the number of skipped bad sectors. Add the "TRIM Optimization" option to the format dialog box. The "Clone Partition" and "Clone Disk" features perform TRIM optimization on target partitions or disks before cloning. Add support for Not Equal To search conditions (prefixed with "!") when searching hexadecimal data in the sector editor. Optimize the display of capacity values in the program interface to show two decimal places. Add a minimize button to dialogs that may require long processing time. Enhance support for the ReFS file system. Enhance support for newer HIF and MP4 formats when recovering files by type. Enhance support for the EXT4 file system. Enhance compatibility of the "File Recovery" feature with special data structures. Fixed Fixed the issue that the selected file system type automatically reverted to NTFS after changing it to exFAT or EXT4 in the "Quick Partition" dialog box. Fixed inaccurate Unicode string search results in the "Sector Editor" feature. Fixed the issue that exceptions might occur when adding multiple disks in the "Erase Sectors" feature. Fixed the issue that insufficient target disk space was incorrectly reported in some cases when cloning, backing up, or restoring disks. Fixed the issue that folder modification timestamps were not preserved when copying files from ReFS partitions. Fixed the issue that Excel-format reports generated by features such as file copying or bad sector checking could not be opened when the report contained more than one million rows. Fixed the issue that folders were not displayed in the exclude-folder dialog box when backing up partitions to image files. Fixed the issue that the "Erase Sectors" feature could not be executed in some cases. Download: DiskGenius 6.2.0.1829 | 63.9 MB (Freeware, paid upgrade available) Download: DiskGenius Portable 64-bit | 40.0 MB Download: DiskGenius Portable 32-bit | 36.0 MB Download: DiskGenius Lite 64-bit | 13.4 MB Download: DiskGenius Lite 32-bit | 11.6 MB View: DiskGenius Home Page | DiskGenius Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • Really? Use a better search engine https://www.google.com/search?...ourceid=chrome&ie=UTF-8
  • Recent Achievements

    • Week One Done
      agatameier earned a badge
      Week One Done
    • One Month Later
      agatameier earned a badge
      One Month Later
    • Week One Done
      ssd21345 earned a badge
      Week One Done
    • Contributor
      MarkHughes4096 went up a rank
      Contributor
    • Dedicated
      jordanspringer earned a badge
      Dedicated
  • Popular Contributors

    1. 1
      +primortal
      513
    2. 2
      +Edouard
      183
    3. 3
      PsYcHoKiLLa
      144
    4. 4
      ATLien_0
      95
    5. 5
      Steven P.
      75
  • Tell a friend

    Love Neowin? Tell a friend!