You are viewing a plain text version of this content. The canonical link for it is here.
Posted to docs-dev@perl.apache.org by allan <la...@inet.uni2.dk> on 2002/04/26 05:18:17 UTC
download
have been looking at the download "widget".
enclosed is three gifs, one is shot at the opera, another
at netscape4 and one at internet explorer5 - all macintosh.
maybe too dressy?
i think the introduction of the fading line was real cool so
the idea with these download widgets is just an extension to that.
i like the internet explorer one the best myself. it is
descrete and still elegant.
also site-note the re-arrangemewnt of the title. i am trying
to make it float with the menu, which also saves a little
whitespace at the top.
have a look - it just an idea.
./allan
Re: download
Posted by allan <la...@inet.uni2.dk>.
Stas Bekman wrote:
> > and if we had further sources, like HTML or whatever the
> > idea on
> > down_ns4.gif would be to let further sources go downwards:
> >
> > PDF
> > ------------------
> > SRC
> > ETC
> >
>
> yup, that's good
see enclosed.
> >>Though having a visual distinction between SRC and PDF would help I
> >>think. E.g. using a different color for the fg color?
> >
> >
> > the actual letter-colour you mean?
>
> or anything else, these icons are small and after using the site for a
> while users should be able to download the source or pdf without reading
> the letters on very similar buttons. Think of [prev|up|next], you brain
> doesn't really reads the titles, it now knows that the left edge is
> prev, right is next and the middle is up (at least mine doesn't). I'm
> looking for the same "cognitive" pattern for the download buttons.
>
ok i couldn't find a proper solution so i have used the
font-color black which isn't so bad i think.
enclosed is a gif doing the principle discussed above.
NOTE.
the header-line is thinner (3px) and i think it really suits
the header making it more compact and obtaining visual
whitespace at the same time ;)
ANOTHER UNRELATED TO SUBJECT NOTE.
i have moved the menu a little bit down to float with the
header. as a side-effect i imagine someone with an
apache-feather in his hands could place it descritely below
our logo and above the menu, centered.
Re: download
Posted by Stas Bekman <st...@stason.org>.
allan wrote:
> Stas Bekman wrote:
>
>>>and if we had further sources, like HTML or whatever the
>>>idea on
>>>down_ns4.gif would be to let further sources go downwards:
>>>
>>> PDF
>>>------------------
>>> SRC
>>> ETC
>>>
>>
>>yup, that's good
>
>
> see enclosed.
>
>
>
>>>>Though having a visual distinction between SRC and PDF would help I
>>>>think. E.g. using a different color for the fg color?
>>>
>>>
>>>the actual letter-colour you mean?
>>
>>or anything else, these icons are small and after using the site for a
>>while users should be able to download the source or pdf without reading
>>the letters on very similar buttons. Think of [prev|up|next], you brain
>>doesn't really reads the titles, it now knows that the left edge is
>>prev, right is next and the middle is up (at least mine doesn't). I'm
>>looking for the same "cognitive" pattern for the download buttons.
>>
>
>
>
> ok i couldn't find a proper solution so i have used the
> font-color black which isn't so bad i think.
> enclosed is a gif doing the principle discussed above.
but the two images are similar, and you have to read them every time you
have to choose which one to click on.
How about coloring the right edge in red and green for pdf and src
respectively even if a very thin color line?
also we don't need 'html' just pdf and src.
> NOTE.
> the header-line is thinner (3px) and i think it really suits
> the header making it more compact and obtaining visual
> whitespace at the same time ;)
+1
> ANOTHER UNRELATED TO SUBJECT NOTE.
> i have moved the menu a little bit down to float with the
> header. as a side-effect i imagine someone with an
> apache-feather in his hands could place it descritely below
> our logo and above the menu, centered.
+1 if it won't overload the logo corner. Now you have the feather on
your hands (attached) :)
__________________________________________________________________
Stas Bekman JAm_pH ------> Just Another mod_perl Hacker
http://stason.org/ mod_perl Guide ---> http://perl.apache.org
mailto:stas@stason.org http://use.perl.org http://apacheweek.com
http://modperlbook.org http://apache.org http://ticketmaster.com
Re: download
Posted by allan <la...@inet.uni2.dk>.
Stas Bekman wrote:
> > and if we had further sources, like HTML or whatever the
> > idea on
> > down_ns4.gif would be to let further sources go downwards:
> >
> > PDF
> > ------------------
> > SRC
> > ETC
> >
>
> yup, that's good
see enclosed.
> >>Though having a visual distinction between SRC and PDF would help I
> >>think. E.g. using a different color for the fg color?
> >
> >
> > the actual letter-colour you mean?
>
> or anything else, these icons are small and after using the site for a
> while users should be able to download the source or pdf without reading
> the letters on very similar buttons. Think of [prev|up|next], you brain
> doesn't really reads the titles, it now knows that the left edge is
> prev, right is next and the middle is up (at least mine doesn't). I'm
> looking for the same "cognitive" pattern for the download buttons.
>
ok i couldn't find a proper solution so i have used the
font-color black which isn't so bad i think.
enclosed is a gif doing the principle discussed above.
NOTE.
the header-line is thinner (3px) and i think it really suits
the header making it more compact and obtaining visual
whitespace at the same time ;)
ANOTHER UNRELATED TO SUBJECT NOTE.
i have moved the menu a little bit down to float with the
header. as a side-effect i imagine someone with an
apache-feather in his hands could place it descritely below
our logo and above the menu, centered.
Re: download
Posted by Stas Bekman <st...@stason.org>.
allan wrote:
> Stas Bekman wrote:
>
>>allan wrote:
>>
>>>have been looking at the download "widget".
>>>
>>>enclosed is three gifs, one is shot at the opera, another
>>>at netscape4 and one at internet explorer5 - all macintosh.
>>
>>I don't understand they are three different ways to present the download
>>buttons in three different browsers? Hmm, an interesting way to present
>> a choice :)
>
>
> the reason is this:
> a) to prove that the html works in more than one browser
> b) it's easier to distinguish when voting. eg. it's easier
> to say "i liked the netscape version" insead of "i vote for
> test4 but i alos liked test7b". you see what i mean.
>
> i realize now it's more confusing ;)
good :) because it doesn't help the voting process. You can only make a
fair choice if you put put different choices into the same environment.
Then you present the same choice in another environment. But making a
choice of different things all using difference environments is probably
not a good idea.
In any case, I've got your idea. And I like the third one the best.
>>I also assume that two PDF buttons are also standing for SRC and PDF.
>>Using the same style.
>
>
> yes, i forgot to mention that.
>
>
>>>maybe too dressy?
>>
>>I like the third one which is confusingly called down_ns4.gif.
>
>
> [OT] why confusing?
because it has nothing to with NS4, though snapshotted with NS4.
>>I like it
>>because some pages have PDF some SRC some both. In this example we don't
>>have to mess with 'PDF |', 'PDF | SRC' and there is no left right shifts
>>when one of the buttons doesn't appear, but the first example is fine too.
>
>
> and if we had further sources, like HTML or whatever the
> idea on
> down_ns4.gif would be to let further sources go downwards:
>
> PDF
> ------------------
> SRC
> ETC
>
yup, that's good
>>Though having a visual distinction between SRC and PDF would help I
>>think. E.g. using a different color for the fg color?
>
>
> the actual letter-colour you mean?
or anything else, these icons are small and after using the site for a
while users should be able to download the source or pdf without reading
the letters on very similar buttons. Think of [prev|up|next], you brain
doesn't really reads the titles, it now knows that the left edge is
prev, right is next and the middle is up (at least mine doesn't). I'm
looking for the same "cognitive" pattern for the download buttons.
>>>also site-note the re-arrangemewnt of the title. i am trying
>>>to make it float with the menu, which also saves a little
>>>whitespace at the top.
>>
>>you've killed the vertical white space, right?
>
>
> right
>
>
>>What happens if the title is long and the browser page is narrow? It'll
>>probably look bad. Try dst_html/docs/2.0/user/compat/compat.html for
>>example with your setup.
>
>
> im not sure what you mean, so attaching: down_was_IE5_is_ns4_res_800.gif
> so that is the ie_5 example from before now shot in
> nestcape4 with 800x600 resolution and even a smaller browser window.
>
> a very long title must of course wrap at some point, but i
> don't see a big problem. the prev|up|next stay fixed and the
> title begin always at the same place so floats correctly as
> far as possible.
yes, your snapshot looks good. no more questions. If it's fine with Bill
and others then go for it.
__________________________________________________________________
Stas Bekman JAm_pH ------> Just Another mod_perl Hacker
http://stason.org/ mod_perl Guide ---> http://perl.apache.org
mailto:stas@stason.org http://use.perl.org http://apacheweek.com
http://modperlbook.org http://apache.org http://ticketmaster.com
---------------------------------------------------------------------
To unsubscribe, e-mail: docs-dev-unsubscribe@perl.apache.org
For additional commands, e-mail: docs-dev-help@perl.apache.org
Re: download
Posted by allan <la...@inet.uni2.dk>.
Stas Bekman wrote:
>
> allan wrote:
> > have been looking at the download "widget".
> >
> > enclosed is three gifs, one is shot at the opera, another
> > at netscape4 and one at internet explorer5 - all macintosh.
>
> I don't understand they are three different ways to present the download
> buttons in three different browsers? Hmm, an interesting way to present
> a choice :)
the reason is this:
a) to prove that the html works in more than one browser
b) it's easier to distinguish when voting. eg. it's easier
to say "i liked the netscape version" insead of "i vote for
test4 but i alos liked test7b". you see what i mean.
i realize now it's more confusing ;)
> I also assume that two PDF buttons are also standing for SRC and PDF.
> Using the same style.
yes, i forgot to mention that.
> > maybe too dressy?
>
> I like the third one which is confusingly called down_ns4.gif.
[OT] why confusing?
> I like it
> because some pages have PDF some SRC some both. In this example we don't
> have to mess with 'PDF |', 'PDF | SRC' and there is no left right shifts
> when one of the buttons doesn't appear, but the first example is fine too.
and if we had further sources, like HTML or whatever the
idea on
down_ns4.gif would be to let further sources go downwards:
PDF
------------------
SRC
ETC
> Though having a visual distinction between SRC and PDF would help I
> think. E.g. using a different color for the fg color?
the actual letter-colour you mean?
> > also site-note the re-arrangemewnt of the title. i am trying
> > to make it float with the menu, which also saves a little
> > whitespace at the top.
>
> you've killed the vertical white space, right?
right
> What happens if the title is long and the browser page is narrow? It'll
> probably look bad. Try dst_html/docs/2.0/user/compat/compat.html for
> example with your setup.
im not sure what you mean, so attaching: down_was_IE5_is_ns4_res_800.gif
so that is the ie_5 example from before now shot in
nestcape4 with 800x600 resolution and even a smaller browser window.
a very long title must of course wrap at some point, but i
don't see a big problem. the prev|up|next stay fixed and the
title begin always at the same place so floats correctly as
far as possible.
./allan
Re: download
Posted by Stas Bekman <st...@stason.org>.
allan wrote:
> have been looking at the download "widget".
>
> enclosed is three gifs, one is shot at the opera, another
> at netscape4 and one at internet explorer5 - all macintosh.
I don't understand they are three different ways to present the download
buttons in three different browsers? Hmm, an interesting way to present
a choice :)
I also assume that two PDF buttons are also standing for SRC and PDF.
Using the same style.
> maybe too dressy?
I like the third one which is confusingly called down_ns4.gif. I like it
because some pages have PDF some SRC some both. In this example we don't
have to mess with 'PDF |', 'PDF | SRC' and there is no left right shifts
when one of the buttons doesn't appear, but the first example is fine too.
Though having a visual distinction between SRC and PDF would help I
think. E.g. using a different color for the fg color?
> i think the introduction of the fading line was real cool so
> the idea with these download widgets is just an extension to that.
>
> i like the internet explorer one the best myself. it is
> descrete and still elegant.
>
> also site-note the re-arrangemewnt of the title. i am trying
> to make it float with the menu, which also saves a little
> whitespace at the top.
you've killed the vertical white space, right?
What happens if the title is long and the browser page is narrow? It'll
probably look bad. Try dst_html/docs/2.0/user/compat/compat.html for
example with your setup.
__________________________________________________________________
Stas Bekman JAm_pH ------> Just Another mod_perl Hacker
http://stason.org/ mod_perl Guide ---> http://perl.apache.org
mailto:stas@stason.org http://use.perl.org http://apacheweek.com
http://modperlbook.org http://apache.org http://ticketmaster.com
---------------------------------------------------------------------
To unsubscribe, e-mail: docs-dev-unsubscribe@perl.apache.org
For additional commands, e-mail: docs-dev-help@perl.apache.org
Re: download
Posted by Per Einar Ellefsen <pe...@skynet.be>.
At 18:00 26.04.2002, Bill Moseley wrote:
>At 11:18 AM 04/26/02 +0800, allan wrote:
> >have been looking at the download "widget".
> >
> >enclosed is three gifs, one is shot at the opera, another
> >at netscape4 and one at internet explorer5 - all macintosh.
> >
> >maybe too dressy?
>
>I think so. But that's just my opinion. Which is: Keep things simple.
>Why add something to draw attention away from the content? You are just
>adding eye candy, which is fine, but I don't think it adds any function
>that's not already there.
>
>Very few people will use the src link in the daily use of the site, so why
>make it such a prominent feature? Making a reasonably dark, block-like
>objects on the right will draw the eye there.
Maybe we could have boxes like the PDF boxes we had betfore (white
background, blue line), but of the same size as those Allan presented, and
placed there? That would make them less prominent.
--
Per Einar Ellefsen
per.einar@skynet.be
---------------------------------------------------------------------
To unsubscribe, e-mail: docs-dev-unsubscribe@perl.apache.org
For additional commands, e-mail: docs-dev-help@perl.apache.org
Re: download
Posted by Stas Bekman <st...@stason.org>.
allan wrote:
> Bill Moseley wrote:
>
>>On Sat, 27 Apr 2002 22:02:08 +0800 allan wrote:
>>
>>
>>>>Of the three images I like IE far better than the others.
>>>
>>>
>>>well, here's another image-suggestion one anyway that i
>>>really like - take it as inspiration :)
>>
>>I think I still like the IE one best of the images, but it's hard for me to tell from the small image of the page. It would be a lot better to see the site mocked up with your suggestions. Do you have a web server available to you?
>
>
> not practiable currently, sorry.
feel free to send me or may be Bill (which can show things directly off
his machine :) the patches and we will set it up for others to see.
I like this inlined into the bar style too.
__________________________________________________________________
Stas Bekman JAm_pH ------> Just Another mod_perl Hacker
http://stason.org/ mod_perl Guide ---> http://perl.apache.org
mailto:stas@stason.org http://use.perl.org http://apacheweek.com
http://modperlbook.org http://apache.org http://ticketmaster.com
---------------------------------------------------------------------
To unsubscribe, e-mail: docs-dev-unsubscribe@perl.apache.org
For additional commands, e-mail: docs-dev-help@perl.apache.org
Re: download
Posted by allan <la...@inet.uni2.dk>.
Bill Moseley wrote:
>
> On Sat, 27 Apr 2002 22:02:08 +0800 allan wrote:
>
> > > Of the three images I like IE far better than the others.
> >
> >
> > well, here's another image-suggestion one anyway that i
> > really like - take it as inspiration :)
>
> I think I still like the IE one best of the images, but it's hard for me to tell from the small image of the page. It would be a lot better to see the site mocked up with your suggestions. Do you have a web server available to you?
not practiable currently, sorry.
> My vote is still the simple links.
yes, actually the small image i just sent was orignally
intended for simple links, i just havent tried that yet.
imagine the line passing thru the simple download links,
something like:
Header
------------------------------- PDF -- SRC
might post something else soon ;)
./allan
---------------------------------------------------------------------
To unsubscribe, e-mail: docs-dev-unsubscribe@perl.apache.org
For additional commands, e-mail: docs-dev-help@perl.apache.org
Re: download
Posted by Bill Moseley <mo...@hank.org>.
On Sat, 27 Apr 2002 22:02:08 +0800 allan wrote:
> > Of the three images I like IE far better than the others.
>
>
> well, here's another image-suggestion one anyway that i
> really like - take it as inspiration :)
I think I still like the IE one best of the images, but it's hard for me to tell from the small image of the page. It would be a lot better to see the site mocked up with your suggestions. Do you have a web server available to you?
My vote is still the simple links.
--
Bill Moseley
---------------------------------------------------------------------
To unsubscribe, e-mail: docs-dev-unsubscribe@perl.apache.org
For additional commands, e-mail: docs-dev-help@perl.apache.org
Re: download
Posted by allan <la...@inet.uni2.dk>.
Bill Moseley wrote:
>
> At 11:18 AM 04/26/02 +0800, allan wrote:
> >have been looking at the download "widget".
> >
> >enclosed is three gifs, one is shot at the opera, another
> >at netscape4 and one at internet explorer5 - all macintosh.
> >
> >maybe too dressy?
>
> I think so. But that's just my opinion. Which is: Keep things simple.
> Why add something to draw attention away from the content? You are just
> adding eye candy, which is fine, but I don't think it adds any function
> that's not already there.
agreed ;)
> Very few people will use the src link in the daily use of the site, so why
> make it such a prominent feature? Making a reasonably dark, block-like
> objects on the right will draw the eye there.
>
> I also don't think that "pdf" or "src" or "pdf | src" is confusing since
> they are in different locations, nor does the shift doesn't bother me.
> Especially since they are such a small feature. Making them little icons
> doesn't necessarily tell people they are links.
>
> I was going to suggest that some link style is applied to pdf|src, but I
> wanted to see it before suggesting it.
>
> Of the three images I like IE far better than the others.
well, here's another image-suggestion one anyway that i
really like - take it as inspiration :)
./allan
Re: download
Posted by Bill Moseley <mo...@hank.org>.
At 11:18 AM 04/26/02 +0800, allan wrote:
>have been looking at the download "widget".
>
>enclosed is three gifs, one is shot at the opera, another
>at netscape4 and one at internet explorer5 - all macintosh.
>
>maybe too dressy?
I think so. But that's just my opinion. Which is: Keep things simple.
Why add something to draw attention away from the content? You are just
adding eye candy, which is fine, but I don't think it adds any function
that's not already there.
Very few people will use the src link in the daily use of the site, so why
make it such a prominent feature? Making a reasonably dark, block-like
objects on the right will draw the eye there.
I also don't think that "pdf" or "src" or "pdf | src" is confusing since
they are in different locations, nor does the shift doesn't bother me.
Especially since they are such a small feature. Making them little icons
doesn't necessarily tell people they are links.
I was going to suggest that some link style is applied to pdf|src, but I
wanted to see it before suggesting it.
Of the three images I like IE far better than the others.
--
Bill Moseley
mailto:moseley@hank.org
---------------------------------------------------------------------
To unsubscribe, e-mail: docs-dev-unsubscribe@perl.apache.org
For additional commands, e-mail: docs-dev-help@perl.apache.org