Mailing List Archive: MythTV: Dev

Official Thread: Mythtv.org Redesign

1 2 3 4 5 6

View All

Index | Next | Previous | View Threaded

lists at forevermore

Apr 13, 2007, 9:31 AM

Post #1 of 129 (6765 views)
Permalink

Official Thread: Mythtv.org Redesign

Welcome to the official thread about the mythtv.org website redesign.

Fyi, what is below is similar to the note I sent out before, but does
contain a few edits and new info, so please read.

To reiterate, I am a fairly experienced web designer (I've been doing it
for about 13 years), and although I would certainly appreciate help with
the html/css/javascript side of things, I'm mostly looking for someone
with art skills (which I do not have).

I would really like to see the redesign of mythtv.org be able to spread
to trac and the wiki as well (unified header/menu), but it doesn't
necessarily have to do so.

You can see a VERY rough sketch of my own designs at
http://newmyth.forevermore.net/ -- I stopped working on this when I
realized that I would need some artwork. I also have some mockups done
by Justin Hornsby (juski in irc / one of which you can see at
http://www.juski.co.uk/mockup11.png). Other than that, I like pieces of
the layouts from Gallery and Pidgin (formerly Gaim), although I don't
love either layout, and am not entirely attached to the whole "top and
left nav" layout, although it has sort of become the standard in web
design these days.

With that said, I have received a rather large number of responses about
this project, and since the best way to start these things is with a
couple weeks of brainstorming, I would like to see a mockup front page
from anyone interested in participating. Just reply to this message
with a link to your design. If you don't have somewhere to post your
design, please email it directly to me (not to the list) and I will post
it on my website for you.

-Chris

Also, I expect that some of you will be tempted to redesign pieces of
the MythTV logo. I do *not* know how Isaac and other devs feel about
the topic, but imho everything but the the grey "mythTV" text is open
for redesign (that being "treatment" rather than "hero", as some
designers would say). However, since this is initially a brainstorming
session, feel free to redesign as much of the logo as you feel will help
your design.

Attachments:

signature.asc (0.18 KB)

ghostfreeman at gmail

Apr 16, 2007, 2:35 PM

Post #2 of 129 (6518 views)
Permalink

Official Thread: Mythtv.org Redesign [In reply to]

I've also made a design mockup, basically its Chris's template with a
horizontal two-row navbar written in CSS2. It should load without any
problems in IE, Firefox, and Opera although there are some scaling issues
present I hope to stomp out soon. There's also a logo positioning issue with
IE5 I am working on.

http://loliserv.org/~ghostfreeman/mythtvmock/newmyth.tabbed.htm

ghostfreeman at gmail

Apr 16, 2007, 2:39 PM

Post #3 of 129 (6507 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

---------- Forwarded message ----------
From: Ghost Freeman <ghostfreeman [at] gmail>
Date: Apr 16, 2007 5:35 PM
Subject: [mythtv] Official Thread: Mythtv.org Redesign
To: mythtv-dev [at] mythtv

I've also made a design mockup, basically its Chris's template with a
horizontal two-row navbar written in CSS2. It should load without any
problems in IE, Firefox, and Opera although there are some scaling issues
present I hope to stomp out soon. There's also a logo positioning issue with
IE5 I am working on.

http://loliserv.org/~ghostfreeman/mythtvmock/newmyth.tabbed.htm<http://loliserv.org/%7Eghostfreeman/mythtvmock/newmyth.tabbed.htm>

ghostfreeman at gmail

Apr 16, 2007, 2:48 PM

Post #4 of 129 (6512 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

I'm just having a lot of fun with these mailing lists >:(

Here's the correct link:
http://loliserv.org/~ghostfreeman/mythtvmock/newmyth.tabbed.htm
_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

jra at baylink

Apr 16, 2007, 3:00 PM

Post #5 of 129 (6518 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

On Mon, Apr 16, 2007 at 05:39:21PM -0400, Ghost Freeman wrote:
> I've also made a design mockup, basically its Chris's template with a
> horizontal two-row navbar written in CSS2. It should load without any
> problems in IE, Firefox, and Opera although there are some scaling issues
> present I hope to stomp out soon. There's also a logo positioning issue with
> IE5 I am working on.

"Ctrl-+".

:-)

Your navbar behaves nicely, but your site logo isn't vertically
centered, and your main body's *horizontal* centering breaks.

Remember, some of us a) have 1400x1050 laptops and b) are getting old. :-)

When doing this sort of design, my two tests are 1) how does it handle
text re-size, especially on "buttons" and 2) how does it handle window
width changes. I see from testing the latter that your main column
*isn't* supposed to be centered, it's float-right, but with a maximum
width. That being the case, ignore my second comment, above. :-)

Cheers,
-- jra
--
Jay R. Ashworth jra [at] baylink
Designer Baylink RFC 2100
Ashworth & Associates The Things I Think '87 e24
St Petersburg FL USA http://baylink.pitas.com +1 727 647 1274
_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

ghostfreeman at gmail

Apr 17, 2007, 9:12 AM

Post #6 of 129 (6492 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

Suggestions taken, i'm going to work on the navbar images now. I've
also fixed some minor issues that arise in IE6.

URL is the same.

On 4/16/07, Jay R. Ashworth <jra [at] baylink> wrote:
> On Mon, Apr 16, 2007 at 05:39:21PM -0400, Ghost Freeman wrote:
> > I've also made a design mockup, basically its Chris's template with a
> > horizontal two-row navbar written in CSS2. It should load without any
> > problems in IE, Firefox, and Opera although there are some scaling issues
> > present I hope to stomp out soon. There's also a logo positioning issue with
> > IE5 I am working on.
>
> "Ctrl-+".
>
> :-)
>
> Your navbar behaves nicely, but your site logo isn't vertically
> centered, and your main body's *horizontal* centering breaks.
>
> Remember, some of us a) have 1400x1050 laptops and b) are getting old. :-)
>
> When doing this sort of design, my two tests are 1) how does it handle
> text re-size, especially on "buttons" and 2) how does it handle window
> width changes. I see from testing the latter that your main column
> *isn't* supposed to be centered, it's float-right, but with a maximum
> width. That being the case, ignore my second comment, above. :-)
>
> Cheers,
> -- jra
> --
> Jay R. Ashworth jra [at] baylink
> Designer Baylink RFC 2100
> Ashworth & Associates The Things I Think '87 e24
> St Petersburg FL USA http://baylink.pitas.com +1 727 647 1274
> _______________________________________________
> mythtv-dev mailing list
> mythtv-dev [at] mythtv
> http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev
>
_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

adam at cs

Apr 17, 2007, 6:52 PM

Post #7 of 129 (6486 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

Ghost Freeman wrote:
> I've also made a design mockup, basically its Chris's template with a
> horizontal two-row navbar written in CSS2. It should load without any
> problems in IE, Firefox, and Opera although there are some scaling
> issues present I hope to stomp out soon. There's also a logo positioning
> issue with IE5 I am working on.
>
> http://loliserv.org/~ghostfreeman/mythtvmock/newmyth.tabbed.htm

I don't quite see the purpose in using a two-row horizontal navbar.
Does the top bar dictate what goes in the second bar? Are we really at a
loss for space that vertical navigation is out of the question? Are we
really improving website usability by having 2 rows, of different colors
even?

It looks really nice, but I really think this is quite a big step down
in usability and goes counter to intuition.

Also, why black and red when myth's colors are usually blue and grey and
such?

This design seems to make a lot more sense:
http://www.juski.co.uk/mockup11.png

Adam
_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

ghostfreeman at gmail

Apr 18, 2007, 8:11 AM

Post #8 of 129 (6478 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

Presumably, the content in the second navbar is dictated by the page
active (although I am judging this off xris's design). I don't see any
reason why a two-column page would be at a loss for space or prove a
threat to usability, but the second navbar can always be brought back
down to the left if you prefer.

The colors are something I intend to finish as soon as possible, and
they will be in line with myth's colors. No red or black or anything
that myth users wouldn't expect.

On 4/17/07, Adam Findley <adam [at] cs> wrote:
> Ghost Freeman wrote:
> > I've also made a design mockup, basically its Chris's template with a
> > horizontal two-row navbar written in CSS2. It should load without any
> > problems in IE, Firefox, and Opera although there are some scaling
> > issues present I hope to stomp out soon. There's also a logo positioning
> > issue with IE5 I am working on.
> >
> > http://loliserv.org/~ghostfreeman/mythtvmock/newmyth.tabbed.htm
>
> I don't quite see the purpose in using a two-row horizontal navbar.
> Does the top bar dictate what goes in the second bar? Are we really at a
> loss for space that vertical navigation is out of the question? Are we
> really improving website usability by having 2 rows, of different colors
> even?
>
> It looks really nice, but I really think this is quite a big step down
> in usability and goes counter to intuition.
>
> Also, why black and red when myth's colors are usually blue and grey and
> such?
>
> This design seems to make a lot more sense:
> http://www.juski.co.uk/mockup11.png
>
> Adam
> _______________________________________________
> mythtv-dev mailing list
> mythtv-dev [at] mythtv
> http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev
>
_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

adam at cs

Apr 18, 2007, 1:02 PM

Post #9 of 129 (6433 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

> The colors are something I intend to finish as soon as possible, and
> they will be in line with myth's colors. No red or black or anything
> that myth users wouldn't expect.
Let me first say with some of the right colors (and even without), your
top navbar greatly improves upon xris's design.

> Presumably, the content in the second navbar is dictated by the page
> active (although I am judging this off xris's design). I don't see any
> reason why a two-column page would be at a loss for space or prove a
> threat to usability, but the second navbar can always be brought back
> down to the left if you prefer.

The only reason why it affects usability, is because there is no way of
knowing whether or not the second navbar is connected, because the only
difference is the color. Also, the advantage of only having a
horizontal navbar as a banner is it's clear to the user that this is not
going to change, and they can rely on it. A great example of one that I
rely on and that stays constant except for one link (AUR) is on
ArchLinux's site: http://www.archlinux.org/ Notice how there is
sometimes a secondary navigation bar, but it's clear that you can't
expect that on every page.

I think you've done a great job coming up with a new idea for displaying
stuff, and frankly we've got a lot of room on the left that it'd be nice
to use. I think I was unclear on this point last time and I think we
are on the same page here.

Also, with a left bar it's easy to integrate your theme into the wiki,
documentation and provide a nice unifying theme.

Adam

_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

ghostfreeman at gmail

Apr 18, 2007, 1:46 PM

Post #10 of 129 (6457 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

I completely overlooked the Wiki, given the default layout of most
MediaWiki themes and the familiarity of it compared to other wikis,
I'm willing to compromise by dropping the second navbar and putting it
back on the left side of the page for consistency. This oughta make
the page more familiar to those who frequent the MythTV site as it is
now.

I appreciate the comments so far on the site, and I am glad we could
come to an agreement on the page layout. I'll post again when this
revision is finished (with proper colors, this time). :)

On 4/18/07, Adam Findley <adam [at] cs> wrote:
> > The colors are something I intend to finish as soon as possible, and
> > they will be in line with myth's colors. No red or black or anything
> > that myth users wouldn't expect.
> Let me first say with some of the right colors (and even without), your
> top navbar greatly improves upon xris's design.
>
> > Presumably, the content in the second navbar is dictated by the page
> > active (although I am judging this off xris's design). I don't see any
> > reason why a two-column page would be at a loss for space or prove a
> > threat to usability, but the second navbar can always be brought back
> > down to the left if you prefer.
>
> The only reason why it affects usability, is because there is no way of
> knowing whether or not the second navbar is connected, because the only
> difference is the color. Also, the advantage of only having a
> horizontal navbar as a banner is it's clear to the user that this is not
> going to change, and they can rely on it. A great example of one that I
> rely on and that stays constant except for one link (AUR) is on
> ArchLinux's site: http://www.archlinux.org/ Notice how there is
> sometimes a secondary navigation bar, but it's clear that you can't
> expect that on every page.
>
> I think you've done a great job coming up with a new idea for displaying
> stuff, and frankly we've got a lot of room on the left that it'd be nice
> to use. I think I was unclear on this point last time and I think we
> are on the same page here.
>
> Also, with a left bar it's easy to integrate your theme into the wiki,
> documentation and provide a nice unifying theme.
>
> Adam
>
> _______________________________________________
> mythtv-dev mailing list
> mythtv-dev [at] mythtv
> http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev
>
_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

ghostfreeman at gmail

Apr 19, 2007, 9:40 AM

Post #11 of 129 (6444 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

Taking your advice from IRC last night, I made some changes to the
leftnav graphics. Interested in your output

On 4/18/07, Ghost Freeman <ghostfreeman [at] gmail> wrote:
> I completely overlooked the Wiki, given the default layout of most
> MediaWiki themes and the familiarity of it compared to other wikis,
> I'm willing to compromise by dropping the second navbar and putting it
> back on the left side of the page for consistency. This oughta make
> the page more familiar to those who frequent the MythTV site as it is
> now.
>
> I appreciate the comments so far on the site, and I am glad we could
> come to an agreement on the page layout. I'll post again when this
> revision is finished (with proper colors, this time). :)
>
> On 4/18/07, Adam Findley <adam [at] cs> wrote:
> > > The colors are something I intend to finish as soon as possible, and
> > > they will be in line with myth's colors. No red or black or anything
> > > that myth users wouldn't expect.
> > Let me first say with some of the right colors (and even without), your
> > top navbar greatly improves upon xris's design.
> >
> > > Presumably, the content in the second navbar is dictated by the page
> > > active (although I am judging this off xris's design). I don't see any
> > > reason why a two-column page would be at a loss for space or prove a
> > > threat to usability, but the second navbar can always be brought back
> > > down to the left if you prefer.
> >
> > The only reason why it affects usability, is because there is no way of
> > knowing whether or not the second navbar is connected, because the only
> > difference is the color. Also, the advantage of only having a
> > horizontal navbar as a banner is it's clear to the user that this is not
> > going to change, and they can rely on it. A great example of one that I
> > rely on and that stays constant except for one link (AUR) is on
> > ArchLinux's site: http://www.archlinux.org/ Notice how there is
> > sometimes a secondary navigation bar, but it's clear that you can't
> > expect that on every page.
> >
> > I think you've done a great job coming up with a new idea for displaying
> > stuff, and frankly we've got a lot of room on the left that it'd be nice
> > to use. I think I was unclear on this point last time and I think we
> > are on the same page here.
> >
> > Also, with a left bar it's easy to integrate your theme into the wiki,
> > documentation and provide a nice unifying theme.
> >
> > Adam
> >
> > _______________________________________________
> > mythtv-dev mailing list
> > mythtv-dev [at] mythtv
> > http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev
> >
>
_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

adeffs.mythtv at gmail

Apr 19, 2007, 9:48 AM

Post #12 of 129 (6438 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

On 4/19/07, Ghost Freeman <ghostfreeman [at] gmail> wrote:
> Taking your advice from IRC last night, I made some changes to the
> leftnav graphics. Interested in your output

I don't see why everything that is on the home page could not just be
put on the wiki instead?

--
Steve
Before you ask, read the FAQ!
http://www.mythtv.org/wiki/index.php/Frequently_Asked_Questions
then search the Wiki, and this list,
http://www.gossamer-threads.com/lists/mythtv/
Mailinglist etiquette -
http://www.mythtv.org/wiki/index.php/Mailing_List_etiquette
_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

lists at forevermore

Apr 19, 2007, 9:55 AM

Post #13 of 129 (6426 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

Attachments:

signature.asc (0.18 KB)

ghostfreeman at gmail

Apr 20, 2007, 8:18 AM

Post #14 of 129 (6417 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

I prefer to do most of the prototyping in html/css as I go along to
save work, but i'll keep this in mind.

Anyways, some more changes to the prototype have been made. URL is the same.

On 4/19/07, Chris Petersen <lists [at] forevermore> wrote:
> Ghost Freeman wrote:
> > I've also made a design mockup, basically its Chris's template with a
> > horizontal two-row navbar written in CSS2. It should load without any
> > problems in IE, Firefox, and Opera although there are some scaling issues
> > present I hope to stomp out soon. There's also a logo positioning issue
> > with
> > IE5 I am working on.
> >
> > http://loliserv.org/~ghostfreeman/mythtvmock/newmyth.tabbed.htm
>
> I would really encourage you to deal with mockup images for now, rather
> than trying to do the html/css/etc all at once.
>
> Prototyping can go much faster if you just have to edit the artwork
> rather than have to slice it up each time, etc.
>
> -Chris
>
>
> _______________________________________________
> mythtv-dev mailing list
> mythtv-dev [at] mythtv
> http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev
>
>
>
_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

ghostfreeman at gmail

Apr 20, 2007, 10:15 AM

Post #15 of 129 (6418 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

And now i've changed the URL. You can see the prototype at
http://loliserv.org/~ghostfreeman/mythtvmock/newmyth.htm.

There's also a mockup of the download page as well:
http://loliserv.org/~ghostfreeman/mythtvmock/download.htm

On 4/20/07, Ghost Freeman <ghostfreeman [at] gmail> wrote:
> I prefer to do most of the prototyping in html/css as I go along to
> save work, but i'll keep this in mind.
>
> Anyways, some more changes to the prototype have been made. URL is the same.
>
> On 4/19/07, Chris Petersen <lists [at] forevermore> wrote:
> > Ghost Freeman wrote:
> > > I've also made a design mockup, basically its Chris's template with a
> > > horizontal two-row navbar written in CSS2. It should load without any
> > > problems in IE, Firefox, and Opera although there are some scaling issues
> > > present I hope to stomp out soon. There's also a logo positioning issue
> > > with
> > > IE5 I am working on.
> > >
> > > http://loliserv.org/~ghostfreeman/mythtvmock/newmyth.tabbed.htm
> >
> > I would really encourage you to deal with mockup images for now, rather
> > than trying to do the html/css/etc all at once.
> >
> > Prototyping can go much faster if you just have to edit the artwork
> > rather than have to slice it up each time, etc.
> >
> > -Chris
> >
> >
> > _______________________________________________
> > mythtv-dev mailing list
> > mythtv-dev [at] mythtv
> > http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev
> >
> >
> >
>
_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

adam at cs

Apr 23, 2007, 4:20 PM

Post #16 of 129 (6347 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

Ghost Freeman wrote:
> Taking your advice from IRC last night, I made some changes to the
> leftnav graphics. Interested in your output
>
I really like the top and the bottom elements, though I think the font
in the bottom could be smaller for the copyrights.

I like the idea of your left nav, but I think that it could use some
adjustment. I think the font could be a little bigger, and I also find
that the highlight is pretty difficult to see. I think this might work
better: make them all one color (the color of the top portion of the
navbar), and seperate them out a little bit with about 1-2px space in
between each one. Then on roll over, highlight them to the color of
the top portion of the navbar.

Also I think that the news section seems like it's too busy with lots of
colors and boxes, and while it's quite functional, I'd think it'd look
better with a simpler design (also similar to archlinux.org).

I am just finishing finals here, and I'd love to help and submit some
ideas as well, but it'll be at least a week before I have any real time.

Keep up the good work.

Adam

_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

adam at cs

Apr 23, 2007, 4:37 PM

Post #17 of 129 (6338 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

Adam Findley wrote:
> Ghost Freeman wrote:
>> Taking your advice from IRC last night, I made some changes to the
>> leftnav graphics. Interested in your output
>>
> I really like the top and the bottom elements, though I think the font
> in the bottom could be smaller for the copyrights.
>
> I like the idea of your left nav, but I think that it could use some
> adjustment. I think the font could be a little bigger, and I also find
> that the highlight is pretty difficult to see. I think this might work
> better: make them all one color (the color of the top portion of the
> navbar), and seperate them out a little bit with about 1-2px space in
> between each one. Then on roll over, highlight them to the color of
> the top portion of the navbar.
>
> Also I think that the news section seems like it's too busy with lots of
> colors and boxes, and while it's quite functional, I'd think it'd look
> better with a simpler design (also similar to archlinux.org).
>
> I am just finishing finals here, and I'd love to help and submit some
> ideas as well, but it'll be at least a week before I have any real time.
>
>
> Keep up the good work.
>
> Adam
>
> _______________________________________________
> mythtv-dev mailing list
> mythtv-dev [at] mythtv
> http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

Some examples:

For the news idea as well:
http://www.oswd.org/design/preview/id/3247
http://www.oswd.org/design/preview/id/3516
http://www.oswd.org/design/preview/id/3465

For the left menu ( I don't like all of these exactly, but the idea is
there):
http://www.oswd.org/design/preview/id/3357
http://www.oswd.org/design/preview/id/2839
http://www.oswd.org/design/preview/id/2784
http://www.oswd.org/design/preview/id/2619
_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

ghostfreeman at gmail

Apr 23, 2007, 4:51 PM

Post #18 of 129 (6342 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

Thanks for the examples, I think I know what direction I want to take
the body text in now. I'll post an update tomorrow.

On 4/23/07, Adam Findley <adam [at] cs> wrote:
> Adam Findley wrote:
> > Ghost Freeman wrote:
> >> Taking your advice from IRC last night, I made some changes to the
> >> leftnav graphics. Interested in your output
> >>
> > I really like the top and the bottom elements, though I think the font
> > in the bottom could be smaller for the copyrights.
> >
> > I like the idea of your left nav, but I think that it could use some
> > adjustment. I think the font could be a little bigger, and I also find
> > that the highlight is pretty difficult to see. I think this might work
> > better: make them all one color (the color of the top portion of the
> > navbar), and seperate them out a little bit with about 1-2px space in
> > between each one. Then on roll over, highlight them to the color of
> > the top portion of the navbar.
> >
> > Also I think that the news section seems like it's too busy with lots of
> > colors and boxes, and while it's quite functional, I'd think it'd look
> > better with a simpler design (also similar to archlinux.org).
> >
> > I am just finishing finals here, and I'd love to help and submit some
> > ideas as well, but it'll be at least a week before I have any real time.
> >
> >
> > Keep up the good work.
> >
> > Adam
> >
> > _______________________________________________
> > mythtv-dev mailing list
> > mythtv-dev [at] mythtv
> > http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev
>
> Some examples:
>
> For the news idea as well:
> http://www.oswd.org/design/preview/id/3247
> http://www.oswd.org/design/preview/id/3516
> http://www.oswd.org/design/preview/id/3465
>
> For the left menu ( I don't like all of these exactly, but the idea is
> there):
> http://www.oswd.org/design/preview/id/3357
> http://www.oswd.org/design/preview/id/2839
> http://www.oswd.org/design/preview/id/2784
> http://www.oswd.org/design/preview/id/2619
> _______________________________________________
> mythtv-dev mailing list
> mythtv-dev [at] mythtv
> http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev
>
_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

ghostfreeman at gmail

Apr 25, 2007, 9:15 AM

Post #19 of 129 (6294 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

Sorry about the delay, but I went ahead and made some design changes
for news elements on the page (so far its just one specific set of
tags, I want to hear opinions). I also removed the images from
leftnav and replaced it with theme-matching colors. I'd like to hear
some input on this over the version with images (which can still be
accessed on the "Download" page).

Even though I am not proficient at it, I'd like to hear some opinions
on icons to use on leftnav and in news if it won't cut into user
confusion and delivery time.

On 4/23/07, Ghost Freeman <ghostfreeman [at] gmail> wrote:
> Thanks for the examples, I think I know what direction I want to take
> the body text in now. I'll post an update tomorrow.
>
> On 4/23/07, Adam Findley <adam [at] cs> wrote:
> > Adam Findley wrote:
> > > Ghost Freeman wrote:
> > >> Taking your advice from IRC last night, I made some changes to the
> > >> leftnav graphics. Interested in your output
> > >>
> > > I really like the top and the bottom elements, though I think the font
> > > in the bottom could be smaller for the copyrights.
> > >
> > > I like the idea of your left nav, but I think that it could use some
> > > adjustment. I think the font could be a little bigger, and I also find
> > > that the highlight is pretty difficult to see. I think this might work
> > > better: make them all one color (the color of the top portion of the
> > > navbar), and seperate them out a little bit with about 1-2px space in
> > > between each one. Then on roll over, highlight them to the color of
> > > the top portion of the navbar.
> > >
> > > Also I think that the news section seems like it's too busy with lots of
> > > colors and boxes, and while it's quite functional, I'd think it'd look
> > > better with a simpler design (also similar to archlinux.org).
> > >
> > > I am just finishing finals here, and I'd love to help and submit some
> > > ideas as well, but it'll be at least a week before I have any real time.
> > >
> > >
> > > Keep up the good work.
> > >
> > > Adam
> > >
> > > _______________________________________________
> > > mythtv-dev mailing list
> > > mythtv-dev [at] mythtv
> > > http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev
> >
> > Some examples:
> >
> > For the news idea as well:
> > http://www.oswd.org/design/preview/id/3247
> > http://www.oswd.org/design/preview/id/3516
> > http://www.oswd.org/design/preview/id/3465
> >
> > For the left menu ( I don't like all of these exactly, but the idea is
> > there):
> > http://www.oswd.org/design/preview/id/3357
> > http://www.oswd.org/design/preview/id/2839
> > http://www.oswd.org/design/preview/id/2784
> > http://www.oswd.org/design/preview/id/2619
> > _______________________________________________
> > mythtv-dev mailing list
> > mythtv-dev [at] mythtv
> > http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev
> >
>
_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

simon at koala

Apr 25, 2007, 10:05 AM

Post #20 of 129 (6297 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

Ghost Freeman wrote:
> I've also made a design mockup, basically its Chris's template with a
> horizontal two-row navbar written in CSS2. It should load without any
> problems in IE, Firefox, and Opera although there are some scaling
> issues present I hope to stomp out soon. There's also a logo
> positioning issue with IE5 I am working on.
>
> http://loliserv.org/~ghostfreeman/mythtvmock/newmyth.tabbed.htm
> <http://loliserv.org/%7Eghostfreeman/mythtvmock/newmyth.tabbed.htm>
> ------------------------------------------------------------------------
>
> _______________________________________________
> mythtv-dev mailing list
> mythtv-dev [at] mythtv
> http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev
>
i would have though that we should be looking at one of the design
templates that you can get on:

http://themegarden.org/drupal50/
http://www.oswd.org/
http://www.compassdesigns.net/
http://templates.mamboserver.com/index.php?option=com_templateshop&Itemid=37&func=viewcategory&catid=1&startpage=1

if ((everybody can agree on a theme) && (it costs money) && (price <= /*
$, � or � */50)) {
i will pay
}

i would much rather that people concentrated on the content that needs
to be "converted"

looking at the nice (free) templates on http://themegarden.org/drupal50/
i particularly liked:

aurora
chameleon
garamond
garland
glossyblue
k2
marvin
pushbutton
vertigo
zen

regards
--
simon

_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

ghostfreeman at gmail

Apr 25, 2007, 5:15 PM

Post #21 of 129 (6268 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

And on a completely different design spectrum, I've made a second
design. Right now its still in Photoshop but I like it a ton more than
the functional one i've made so far. You can view the work i've done
on it so far here:
http://loliserv.org/~ghostfreeman/mythtvmock/img/header2.png

On 4/25/07, Ghost Freeman <ghostfreeman [at] gmail> wrote:
> Sorry about the delay, but I went ahead and made some design changes
> for news elements on the page (so far its just one specific set of
> tags, I want to hear opinions). I also removed the images from
> leftnav and replaced it with theme-matching colors. I'd like to hear
> some input on this over the version with images (which can still be
> accessed on the "Download" page).
>
> Even though I am not proficient at it, I'd like to hear some opinions
> on icons to use on leftnav and in news if it won't cut into user
> confusion and delivery time.
>
> On 4/23/07, Ghost Freeman <ghostfreeman [at] gmail> wrote:
> > Thanks for the examples, I think I know what direction I want to take
> > the body text in now. I'll post an update tomorrow.
> >
> > On 4/23/07, Adam Findley <adam [at] cs> wrote:
> > > Adam Findley wrote:
> > > > Ghost Freeman wrote:
> > > >> Taking your advice from IRC last night, I made some changes to the
> > > >> leftnav graphics. Interested in your output
> > > >>
> > > > I really like the top and the bottom elements, though I think the font
> > > > in the bottom could be smaller for the copyrights.
> > > >
> > > > I like the idea of your left nav, but I think that it could use some
> > > > adjustment. I think the font could be a little bigger, and I also find
> > > > that the highlight is pretty difficult to see. I think this might work
> > > > better: make them all one color (the color of the top portion of the
> > > > navbar), and seperate them out a little bit with about 1-2px space in
> > > > between each one. Then on roll over, highlight them to the color of
> > > > the top portion of the navbar.
> > > >
> > > > Also I think that the news section seems like it's too busy with lots of
> > > > colors and boxes, and while it's quite functional, I'd think it'd look
> > > > better with a simpler design (also similar to archlinux.org).
> > > >
> > > > I am just finishing finals here, and I'd love to help and submit some
> > > > ideas as well, but it'll be at least a week before I have any real time.
> > > >
> > > >
> > > > Keep up the good work.
> > > >
> > > > Adam
> > > >
> > > > _______________________________________________
> > > > mythtv-dev mailing list
> > > > mythtv-dev [at] mythtv
> > > > http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev
> > >
> > > Some examples:
> > >
> > > For the news idea as well:
> > > http://www.oswd.org/design/preview/id/3247
> > > http://www.oswd.org/design/preview/id/3516
> > > http://www.oswd.org/design/preview/id/3465
> > >
> > > For the left menu ( I don't like all of these exactly, but the idea is
> > > there):
> > > http://www.oswd.org/design/preview/id/3357
> > > http://www.oswd.org/design/preview/id/2839
> > > http://www.oswd.org/design/preview/id/2784
> > > http://www.oswd.org/design/preview/id/2619
> > > _______________________________________________
> > > mythtv-dev mailing list
> > > mythtv-dev [at] mythtv
> > > http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev
> > >
> >
>
_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

sean.west at gmail

Apr 25, 2007, 8:40 PM

Post #22 of 129 (6285 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

Hello all!

I have made a quick mockup of a simple, easy on the eyes look:

http://seanzo.com/mythtv.org/mythtv.org-250407.jpg

(note: the "Screenshots" link is with the mouse over it.)

Tell me what you think and any changes you would like to see.

Sean

On 4/13/07, Chris Petersen <lists [at] forevermore> wrote:
> Welcome to the official thread about the mythtv.org website redesign.
>
> Fyi, what is below is similar to the note I sent out before, but does
> contain a few edits and new info, so please read.
>
> To reiterate, I am a fairly experienced web designer (I've been doing it
> for about 13 years), and although I would certainly appreciate help with
> the html/css/javascript side of things, I'm mostly looking for someone
> with art skills (which I do not have).
>
> I would really like to see the redesign of mythtv.org be able to spread
> to trac and the wiki as well (unified header/menu), but it doesn't
> necessarily have to do so.
>
> You can see a VERY rough sketch of my own designs at
> http://newmyth.forevermore.net/ -- I stopped working on this when I
> realized that I would need some artwork. I also have some mockups done
> by Justin Hornsby (juski in irc / one of which you can see at
> http://www.juski.co.uk/mockup11.png). Other than that, I like pieces of
> the layouts from Gallery and Pidgin (formerly Gaim), although I don't
> love either layout, and am not entirely attached to the whole "top and
> left nav" layout, although it has sort of become the standard in web
> design these days.
>
> With that said, I have received a rather large number of responses about
> this project, and since the best way to start these things is with a
> couple weeks of brainstorming, I would like to see a mockup front page
> from anyone interested in participating. Just reply to this message
> with a link to your design. If you don't have somewhere to post your
> design, please email it directly to me (not to the list) and I will post
> it on my website for you.
>
> -Chris
>
> Also, I expect that some of you will be tempted to redesign pieces of
> the MythTV logo. I do *not* know how Isaac and other devs feel about
> the topic, but imho everything but the the grey "mythTV" text is open
> for redesign (that being "treatment" rather than "hero", as some
> designers would say). However, since this is initially a brainstorming
> session, feel free to redesign as much of the logo as you feel will help
> your design.
>
>
> _______________________________________________
> mythtv-dev mailing list
> mythtv-dev [at] mythtv
> http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev
>
>
>
_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

ghostfreeman at gmail

Apr 26, 2007, 3:45 PM

Post #23 of 129 (6281 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

I've extended my mockup to a full page.
http://loliserv.org/~ghostfreeman/mythtvmock/img/sitemockup2.png

On 4/25/07, Ghost Freeman <ghostfreeman [at] gmail> wrote:
> And on a completely different design spectrum, I've made a second
> design. Right now its still in Photoshop but I like it a ton more than
> the functional one i've made so far. You can view the work i've done
> on it so far here:
> http://loliserv.org/~ghostfreeman/mythtvmock/img/header2.png
>
> On 4/25/07, Ghost Freeman <ghostfreeman [at] gmail> wrote:
> > Sorry about the delay, but I went ahead and made some design changes
> > for news elements on the page (so far its just one specific set of
> > tags, I want to hear opinions). I also removed the images from
> > leftnav and replaced it with theme-matching colors. I'd like to hear
> > some input on this over the version with images (which can still be
> > accessed on the "Download" page).
> >
> > Even though I am not proficient at it, I'd like to hear some opinions
> > on icons to use on leftnav and in news if it won't cut into user
> > confusion and delivery time.
> >
> > On 4/23/07, Ghost Freeman <ghostfreeman [at] gmail> wrote:
> > > Thanks for the examples, I think I know what direction I want to take
> > > the body text in now. I'll post an update tomorrow.
> > >
> > > On 4/23/07, Adam Findley <adam [at] cs> wrote:
> > > > Adam Findley wrote:
> > > > > Ghost Freeman wrote:
> > > > >> Taking your advice from IRC last night, I made some changes to the
> > > > >> leftnav graphics. Interested in your output
> > > > >>
> > > > > I really like the top and the bottom elements, though I think the font
> > > > > in the bottom could be smaller for the copyrights.
> > > > >
> > > > > I like the idea of your left nav, but I think that it could use some
> > > > > adjustment. I think the font could be a little bigger, and I also find
> > > > > that the highlight is pretty difficult to see. I think this might work
> > > > > better: make them all one color (the color of the top portion of the
> > > > > navbar), and seperate them out a little bit with about 1-2px space in
> > > > > between each one. Then on roll over, highlight them to the color of
> > > > > the top portion of the navbar.
> > > > >
> > > > > Also I think that the news section seems like it's too busy with lots of
> > > > > colors and boxes, and while it's quite functional, I'd think it'd look
> > > > > better with a simpler design (also similar to archlinux.org).
> > > > >
> > > > > I am just finishing finals here, and I'd love to help and submit some
> > > > > ideas as well, but it'll be at least a week before I have any real time.
> > > > >
> > > > >
> > > > > Keep up the good work.
> > > > >
> > > > > Adam
> > > > >
> > > > > _______________________________________________
> > > > > mythtv-dev mailing list
> > > > > mythtv-dev [at] mythtv
> > > > > http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev
> > > >
> > > > Some examples:
> > > >
> > > > For the news idea as well:
> > > > http://www.oswd.org/design/preview/id/3247
> > > > http://www.oswd.org/design/preview/id/3516
> > > > http://www.oswd.org/design/preview/id/3465
> > > >
> > > > For the left menu ( I don't like all of these exactly, but the idea is
> > > > there):
> > > > http://www.oswd.org/design/preview/id/3357
> > > > http://www.oswd.org/design/preview/id/2839
> > > > http://www.oswd.org/design/preview/id/2784
> > > > http://www.oswd.org/design/preview/id/2619
> > > > _______________________________________________
> > > > mythtv-dev mailing list
> > > > mythtv-dev [at] mythtv
> > > > http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev
> > > >
> > >
> >
>
_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

adeffs.mythtv at gmail

Apr 26, 2007, 7:48 PM

Post #24 of 129 (6255 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

On 4/26/07, Ghost Freeman <ghostfreeman [at] gmail> wrote:
> I've extended my mockup to a full page.
> http://loliserv.org/~ghostfreeman/mythtvmock/img/sitemockup2.png

I like that, but the article text shouldn't wrap around the "latest
release" box, it should just end.

--
Steve
_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

david.whyte at gmail

Apr 26, 2007, 10:49 PM

Post #25 of 129 (6252 views)
Permalink

Re: Official Thread: Mythtv.org Redesign [In reply to]

On 4/27/07, Steven Adeff <adeffs.mythtv [at] gmail> wrote:
> On 4/26/07, Ghost Freeman <ghostfreeman [at] gmail> wrote:
> > I've extended my mockup to a full page.
> > http://loliserv.org/~ghostfreeman/mythtvmock/img/sitemockup2.png
>
> I like that, but the article text shouldn't wrap around the "latest
> release" box, it should just end.
>

Completely agree! Not sure about the rich blue colour in the
horizontal line below all of the tabs, but it is a nice look. Also
not too sure about the orange hover colour either, but that is just
me. I am not a graphics designer or anything :P
_______________________________________________
mythtv-dev mailing list
mythtv-dev [at] mythtv
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-dev

1 2 3 4 5 6

View All

Index | Next | Previous | View Threaded

Interested in having your list archived? Contact Gossamer Threads