Avatar billede darkstylerdk Nybegynder
23. juni 2004 - 13:23 Der er 19 kommentarer og
2 løsninger

Mere brugervenlig?

Hej alle eksperter.
Jeg har flere gange fået en side vurderet her på E, men jeg vil gerne vide hvordan  jeg kan gøre den mere brugervenlig.

- Opfylder den brugernes behov?
- Er det nemt at nå det mål man søger på siden?
- Er den nem at huske?


Og hvordan kan disse punkter opfyldes bedre?


Derudover må i selvfølgelig gerne kommentere design osv :o)
Avatar billede jpvj Nybegynder
23. juni 2004 - 13:24 #1
Jamen det vil vi nok også gerne, men måske kunne du oplyse en URL? :-)
Avatar billede darkstylerdk Nybegynder
23. juni 2004 - 13:29 #2
NAAAARRJ!!!


Heder at gøre det:  www.drv.dk/svendborg  eller den direkte:  www.radikals.1go.dk
Avatar billede fbisen Nybegynder
23. juni 2004 - 13:32 #3
Den er meget pæm i IE.
Men i Netscape ser den HELT forkert ud (hvis den skal se ud som i IE)
Avatar billede darkstylerdk Nybegynder
23. juni 2004 - 13:34 #4
OKay...  har ikke et screenshot eller noget?
Avatar billede darkstylerdk Nybegynder
23. juni 2004 - 13:43 #5
eller en beskrivelse af hvad der er galt?
Avatar billede doggy82 Praktikant
23. juni 2004 - 14:56 #6
Meget fin side - brugervenligheden er helt i top.
Dog kunne der forbedres lidt på brødteksten.
En linie bør ikke overskride 65 tegn.
Der gør den nogle steder, men det kan afhjælpes ved at sætte en lidt større lin-height på (css) Og så lav lidt større rum omkring billederne med padding.
Ang. det med at huske den så syntes jeg der mangler et logo eller lign. på forsiden.
Evt. noget lign: http://home21.inet.tele.dk/doggy82/exp/venstre.jpg
Avatar billede doggy82 Praktikant
23. juni 2004 - 14:56 #7
hrmm "line-height" hedder det
Avatar billede fbisen Nybegynder
23. juni 2004 - 14:59 #8
Avatar billede darkstylerdk Nybegynder
23. juni 2004 - 17:40 #9
så siger jeg tak igen.

doggy82: Hvaeee kunne du ikke lige sige hvor der skal ændres?
Og det billede vil jeg gerne lige vide lidt om. Hvilken skrifttype har du brugt?
Og kan du lave det (har desværre ikke flere points) hvor der står "Svendborg Radikale Venstre" under B'et i stedet hvis det er en font du har betalt for?

Og hvis du lige kan sætte det der lin-height ind her så det passer:




html,body{margin:0px;padding:0px;}
a,a:visited,a:hover{color:black;}
td {
    background-color: #B2C3D5;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}
img {
    border:1px solid #B2C3D5;
    border-width:1px 2px 2px 1px;
    background-color:#B2C3D5;
}
a.menu {
    background-color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: white;
}
a.menulink {
    display: block;
    text-align: left;
    text-decoration: none;
    font-family:arial;
    font-size:14px;
    color: #333333;
    border: 0px;
    border-bottom: 1px solid #FFFFFF;
    font-weight: bolder;
    padding: 5px;
?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?);
}
a.menulink:hover {
    background-color:#6F9CC5;
    border-top: 1px none #FFFFFF;
    border-right: 1px none #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px none #FFFFFF;
}
.titel {
    text-align: left;
    text-decoration: none;
    font-family:arial;
    font-size:20px;
    color: #000000;
    font-weight: bolder;
    padding:5px 5px 0px;
    border: none;
}
p {
    text-align: justify;
    text-decoration: none;
    font-family:arial;
    font-size:12px;
    color: #000000;
    BORDER: none;
    font-weight: normal;
    padding: 0px 5px 5px;
}
.copyright {
    display: block;
    width: 246px;
    text-align: center;
    text-decoration: none;
    font-family:arial;
    font-size:10px;
    color: #000000;
    border: 1px none #FFFFFF;
    font-weight: normal;
    padding: 20px 5px;
    background-color: #FFFFFF;
}
.footer {
    display: block;
    text-align: center;
    text-decoration: none;
    font-family:arial;
    font-size:10px;
    color: #000000;
    font-weight: normal;
}
h1 {
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-family:arial;
    font-size:20px;
    color: #000000;
    font-weight: bolder;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border: none;
}
h2 {
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-family:arial;
    font-size:12px;
    color: #000000;
    font-weight: bolder;
}
a.author {
    text-decoration: none;
    color: #CCC;
    float: right;
}
a.author:hover {
    text-decoration: none;
}

.hr {
    font-size: 0;
    height: 0;
    margin: 7px 0 7px 0;
    clear: both;
}
ul {
    list-style-type: square;
}
.image {
    background-color: #B2C3D5;
    float: right;
}
.frmobj {
    float: left;
    font-weight: bold;
    padding-top: 3px;
    width: 90px;
}
.frmtext {
    padding-left: 90x;
}
input,textarea,select {
    text-align: justify;
    text-decoration: none;
    font-family:arial;
    font-size:12px;
    color: #000000;
    font-weight: normal;
    padding: 0px 5px 5px;
}
form {
    display: inline;
}
table {
    border-collapse: collapse;
}
#list table {
    width: 100%;
}
#list th {
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-family:arial;
    font-size:20px;
    color: #000000;
    font-weight: bolder;
}
#list td {
    vertical-align: top;
    padding: 5px;
}
TD.indhold {
    padding:5px 5px 0px;
    width:480px;
    ****************Her skal det vel være ???****************
}
TD.indhold P,TD.indhold H1, TD.indhold H2 {
    padding:0px;
}
Avatar billede darkstylerdk Nybegynder
23. juni 2004 - 17:42 #10
fbisen: Ja det kan jeg godt se ;-)
Det må være bredden i menuen den er galt med. :(
Avatar billede doggy82 Praktikant
23. juni 2004 - 18:02 #11
B'et er Times New Roman (bold) - teksten under er Arial :) Valgte med vilje nogle som alle har.
Og så er der en dropshadow på.

Ja under TD.indhold
TD.indhold {
    padding:5px 5px 0px;
    width:480px;
    line-height:1.7em;
}
Avatar billede darkstylerdk Nybegynder
23. juni 2004 - 18:03 #12
takker. Du kan få de 50 og så mangler jeg blot et svar fra fbisen :) 
Tak for hjælpen
Avatar billede doggy82 Praktikant
23. juni 2004 - 18:06 #13
Jeg ville også overveje at lave teksten venstre-stillet. Altså med løs bagkant.
Du kan jo lige prøve at se hvordan det ser ud.
Avatar billede darkstylerdk Nybegynder
23. juni 2004 - 18:08 #14
DEN forstod jeg ikke?

Hvor og hvordan?
Avatar billede doggy82 Praktikant
23. juni 2004 - 18:21 #15
Istedet for "text-align: justify;" prøv med "text-align: left;"

Når man bruger justeret sats (justify) kommer der nogle lodrette såkaldte "floder" af tomt rum, ned igennem teksten.
Avatar billede doggy82 Praktikant
23. juni 2004 - 18:26 #16
Men ok, vi er på vej ud i noget flueknepperi nu :D
Avatar billede darkstylerdk Nybegynder
23. juni 2004 - 18:33 #17
ok.  Jeg arbejder på billedet (er ikke den store grafiker:))
Avatar billede doggy82 Praktikant
23. juni 2004 - 18:44 #18
Avatar billede fbisen Nybegynder
23. juni 2004 - 18:48 #19
http://validator.w3.org/
Brug den side, for at validere din side. Der er nogle ting som ihvert fald ikke er valid.
Den siger fx at du bruger en forkert encoding, desuden har du glemt at angive hvilken doctype du bruger.
Avatar billede darkstylerdk Nybegynder
23. juni 2004 - 20:28 #20
mange tak begge 2. Jeg´har brugt LANG tid på validering, men da jeg ikke kunne få den fejlfri droppede jeg det :(
Avatar billede fbisen Nybegynder
23. juni 2004 - 20:29 #21
Men jeg synes ihvertfald du skal have doctype på.

Desuden synes jeg ikke at validering er så svær igen.
Jeg har da selv mange sider, som er "fejlfri". De har vel fejl, men ikke kodefejl
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester