Re: Website proposal for usability

WOW. Well done. I really the new design. Separating out the permenant information in a side box from the on going information makes it really nice. Great to see the amount of testing you did on different platforms as well!.

P.S. Though I am not sure if this is the mailing list to post suggestion of changes for website.
I hope the relevant person will get in touch with you.

On 08/ 9/10 10:54 PM, Devin Samarin wrote:
I posted this on Bugzilla (
and I was recommended by Martyn to post the details here.

I was browsing around and I thought that it could use some adjustments.
So I downloaded the web files with git and made some changes. I attached
some screenshots and example file on Bugzilla (the design changed a little
since then), but if my computer is up, you can see it at .

I made the width of the content area wider and added either columns or a
sidebar for pages that needed it. Having columns makes it easier to read by
making it so that you don't have to scroll for everything. For styling, I added
some rounded corners with CSS for some of the elements. For all of the pages, I
made the HTML more semantic by removing replacing some of the<tables>  with
<ul>'s. I changed the color of the headers to the shade of blue. For the
features page, I separated each section into blocks and added some pictures to
spice it up. For the commerce (success stories) page, I did the same thing so
that it is easier to read, and looks nicer.

I made a template.php file which has the outer content of the HTML pages, so as
a consequence, the pages' extension is changed from .html to .php. I think it's
better so that for some changes, you wont need to edit every single page of the
site. So with this design, some external links might need to be updated unless
PHP can be run with the .html extension.

Since it uses PHP, I made it easy to update changes to the tables. Specifically
the language bindings page. There is a PHP array that stores all the
information about the bindings and then formats it into a table automatically.
I attached that file so you can see it.

I have tested it so far in:

* Internet Explorer 6, 7,&  8
Everything works except the rounded corners, except for the header which is a
single image so that works. Personally I don't think rounded corners are
necessary, but if you think I should hack them in I'll do it

* Firefox 2
Everything is messed up. This is because I am using HTML5 elements... I made
the CSS not specific to tag names, so changing<article>  to<div
class="whatever">  would make it work fine. This also means that in IE,
JavaScript must be enabled. I thought I'd try something new but HTML5 just
causes pains. So I'll change them to<div>s.

* Firefox 2 and 3 on Windows and Firefox 3 on Linux
* Safari 3 and 4 on Mac
* Google Chrome 3 and 5(beta) on Windows

The design is not complete and still requires changes to be compatible with all
browsers, but once it's done I really think it would make much more
usable. I am open to any suggestions.

Devin Samarin<eboyjr14 gmail com>
gtk-devel-list mailing list
gtk-devel-list gnome org

[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]