vlink colors cause visual chaos in the server status page

Discussion:

John Ruttenberg

2002-01-30 20:03:15 UTC

I'm not sure what you mean by visual chaos. I generally find the
vlink colors useful in knowing where I've been. They don't make much
sense for pausing or changing state, but can be useful when skipping
around songs.
Can you elaborate?

The most important distinction on the playlist is the currently playing track
versus all the others. This is currently distinguised by bold versus non bold
text. I find this distinction too subtle; it's hard for me to see. Having
the vlinks be different colors makes this even harder to pick up.

This comment goes double for pause, volume, etc. buttons. I find the vlink
colors overwhelm the boldness.

I hacked my own version of the server to add a new left hand column and put an
right arrow next to the currently playing song. With that, and with the vlink
color turned off, I find the page a lot easier to understand. Here is a
screen shot: Loading Image...

With a left hand column, we could also display other icons to represent other
state (already played, paused, skipped).

------------------------ Yahoo! Groups Sponsor ---------------------~-->
Sponsored by VeriSign - The Value of Trust
When building an e-commerce site, you want to start with a
secure foundation. Learn how with VeriSign's FREE Guide.
http://us.click.yahoo.com/kWSNbC/XdiDAA/yigFAA/rIp0lB/TM
---------------------------------------------------------------------~->

To unsubscribe from this group, send an email to:
slimp3-dev-unsubscribe-***@public.gmane.org

Your use of Yahoo! Groups is subject to http://docs.yahoo.com/info/terms/

dean blackketter

2002-01-30 19:42:25 UTC

Permalink

So I tuned mine off. This is simple to do; I've appended the diff. Does
anybody actually like having the browser show these in a different color?
Index: status.html
===================================================================
RCS file: /cvsroot/slimp3/slimp3/server/html/EN/status.html,v
retrieving revision 1.6
diff -c -r1.6 status.html
*** status.html 2002/01/19 22:18:04 1.6
--- status.html 2002/01/30 19:31:55
***************
*** 3,9 ****
<meta http-equiv="refresh" content="30;
url=status.html?player=[player_address]">
<title>SliMP3 player status</title>
</head>
! <body bgcolor="#FFFFFF">
<h3>SliMP3 Music Player</h3>
[IF player_chooser_list]<form method="get"
action="/index.html" target="_top">Current player: <select
name="player">[player_chooser_list]</select><input type="submit"
value="Change"></form>[/IF]
--- 3,9 ----
<meta http-equiv="refresh" content="30;
url=status.html?player=[player_address]">
<title>SliMP3 player status</title>
</head>
! <body bgcolor="#FFFFFF" link="#0000FF" vlink="#0000FF">
<h3>SliMP3 Music Player</h3>
[IF player_chooser_list]<form method="get"
action="/index.html" target="_top">Current player: <select
name="player">[player_chooser_list]</select><input type="submit"
value="Change"></form>[/IF]
Your use of Yahoo! Groups is subject to http://docs.yahoo.com/info/terms/

To unsubscribe from this group, send an email to:
slimp3-dev-unsubscribe-***@public.gmane.org

Your use of Yahoo! Groups is subject to http://docs.yahoo.com/info/terms/

John Ruttenberg

2002-01-30 19:32:36 UTC

Permalink

So I tuned mine off. This is simple to do; I've appended the diff. Does
anybody actually like having the browser show these in a different color?

Index: status.html
===================================================================
RCS file: /cvsroot/slimp3/slimp3/server/html/EN/status.html,v
retrieving revision 1.6
diff -c -r1.6 status.html
*** status.html 2002/01/19 22:18:04 1.6
--- status.html 2002/01/30 19:31:55
***************
*** 3,9 ****
<meta http-equiv="refresh" content="30; url=status.html?player=[player_address]">
<title>SliMP3 player status</title>
</head>
! <body bgcolor="#FFFFFF">
<h3>SliMP3 Music Player</h3>
[IF player_chooser_list]<form method="get" action="/index.html" target="_top">Current player: <select name="player">[player_chooser_list]</select><input type="submit" value="Change"></form>[/IF]

--- 3,9 ----
<meta http-equiv="refresh" content="30; url=status.html?player=[player_address]">
<title>SliMP3 player status</title>
</head>
! <body bgcolor="#FFFFFF" link="#0000FF" vlink="#0000FF">
<h3>SliMP3 Music Player</h3>
[IF player_chooser_list]<form method="get" action="/index.html" target="_top">Current player: <select name="player">[player_chooser_list]</select><input type="submit" value="Change"></form>[/IF]

------------------------ Yahoo! Groups Sponsor ---------------------~-->
Sponsored by VeriSign - The Value of Trust
Secure all your Web servers now - with a proven 5-part
strategy. The FREE Server Security Guide shows you how.
http://us.click.yahoo.com/uCuuSA/VdiDAA/yigFAA/rIp0lB/TM
---------------------------------------------------------------------~->

To unsubscribe from this group, send an email to:
slimp3-dev-unsubscribe-***@public.gmane.org

Your use of Yahoo! Groups is subject to http://docs.yahoo.com/info/terms/

dean blackketter

2003-02-22 13:05:39 UTC

Permalink

<!doctype html public "-//W3C//DTD W3 HTML//EN">
<head><style type="text/css"></style><title>Re: [slimp3-dev] vlink colors cause visual chaos in
th</title></head><body>
<div>I'm not sure what you mean by visual chaos.  I generally
find the vlink colors useful in knowing where I've been.  They
don't make much sense for pausing or changing state, but can be useful
when skipping around songs.</div>
<div><br></div>
<div>Can you elaborate?</div>
<div><br></div>
<blockquote type="cite" cite>So I tuned mine off.  This is simple
to do; I've appended the diff.  Does<br>
anybody actually like having the browser show these in a different
color?<br>
<br>
Index: status.html<br>
===================================================================<br
RCS file: /cvsroot/slimp3/slimp3/server/html/EN/status.html,v<br>
retrieving revision 1.6<br>
diff -c -r1.6 status.html<br>
*** status.html<x-tab>     </x-tab>2002/01/19
22:18:04<x-tab>     </x-tab>1.6<br>
--- status.html<x-tab>     
</x-tab>2002/01/30 19:31:55<br>
***************<br>
*** 3,9 ****<br>
      <meta http-equiv="refresh"
content="30;
url=status.html?player=[player_address]"><br>
      <title>SliMP3 player
status</title><br>
    </head><br>
!   <body bgcolor="#FFFFFF"><br>
  <x-tab> </x-tab><h3>SliMP3 Music Player</h3><br>
    <x-tab>       
</x-tab>[IF player_chooser_list]<form method="get"
action="/index.html" target="_top">Current
player: <select

</span>put type="submit"

value="Change"></form>[/IF]<br>
      <br>
--- 3,9 ----<br>
      <meta http-equiv="refresh"
content="30;
url=status.html?player=[player_address]"><br>
      <title>SliMP3 player
status</title><br>
    </head><br>
!   <body bgcolor="#FFFFFF" link="#0000FF"
vlink="#0000FF"><br>
  <x-tab>    </x-tab><h3>SliMP3 Music
Player</h3><br>
    <x-tab>       
</x-tab>[IF player_chooser_list]<form method="get"
action="/index.html" target="_top">Current
player: <select

</span>put type="submit"

value="Change"></form>[/IF]<br>
      <br>
<br>
------------------------ Yahoo! Groups Sponsor
---------------------~--><br>
Sponsored by VeriSign - The Value of Trust<br>
Secure all your Web servers now - with a proven 5-part<br>
strategy. The FREE Server Security Guide shows you how.<br>
http://us.click.yahoo.com/uCuuSA/VdiDAA/yigFAA/rIp0lB/TM<br>
---------------------------------------------------------------------<span </span>~-><br>
<br>
To unsubscribe from this group, send an email to:<br>
slimp3-dev-unsubscribe-***@public.gmane.org</blockquote>
<blockquote type="cite" cite><br></blockquote>
<blockquote type="cite" cite> </blockquote>
<blockquote type="cite" cite><br></blockquote>
<blockquote type="cite" cite>Your use of Yahoo! Groups is subject to
http://docs.yahoo.com/info/terms/ </blockquote>
<div><br></div>
</body>
</html>