| cvele |
21. 02. 2007. 09:25 |
Web FTP manager
Pozdrav,
poslednjih dana razvijam neki web ftp manager... vecina posla je gotova ali imam dilemu koja se tice usability-a odnosno korisnickog interfejsa.
Na slici 1 moze se videti kako trenutno izgleda ftp manager.
Slika1
Ja sam uglavnom zadovoljan trenutnim izgledom ali nemogu da se odmem utisku da ikonice pored svakog fajla ipak interfejs cine malo konfuznim. (slika 2.)
Slika2
Na gornjoj slici vidite tacno na koje ikone mislim, strelicama sam obeliezio mesta na koja sam razmisljao da ih pomerim. Iako ce se vecina vas sloziti samnom da bi bilo efikasnije da ikone stoje kao neki toolbar, takav pristup bi usporio rad, odnosno naterao bi korisnika da prvo obelezi fajl pa tek onda izvrsi neku od ovih akcija.
Neka misljenja na ovu temu ?
hvala. |
| Ilija Studen |
21. 02. 2007. 09:38 |
Moj predlog:
- Izbaci download ikonicu. Klik na ime fajla downloaduje fajl. To je po meni najlogičnija akcija pošto ne vidim da imaš File properties panel.
- Sakrij sve opcije pri normalnom pregledu (možeš ih potpuno sakriti ili učiniti gotovo nevidiljivim). Tek pri hoveru preko samog reda u kom se nalazi fajl prikaži ih. Uglavnom, poenta je da budu nenapadne dok korisnik ne pređe preko konkretnog fajla kada dobijaju fokus.
- Ikonice u redu samog fajla su prevelike. 16x16 za ikonice koje predstavljaju dodatne opcije je malo previš IMO - klasičan 12x12 bullet bi mnogo bolje odradio posao (uvek možeš da zadržiš 16x16 click area, ali za sam glyph 12x12 je dovoljno).
Što se desnog seta opcija tiče evo par predloga (nisi tražio, ali mislim da nije najsrećnije rešenje pa eto):
- Nisam se do sada sretao sa interfejsom gde su dodatne opcije postaljene desno. Uglavnom se nalaze levo.
- Ne vidim razlog zašto moraju biti tako prikazane. Stavi ih u toolbar iznad listinga i rešio si problem (toolbar već imaš).
|
| cvele |
21. 02. 2007. 09:49 |
Citat:
Originalno napisao Ilija Studen
Što se desnog seta opcija tiče evo par predloga (nisi tražio, ali mislim da nije najsrećnije rešenje pa eto):
- Nisam se do sada sretao sa interfejsom gde su dodatne opcije postaljene desno. Uglavnom se nalaze levo.
- Ne vidim razlog zašto moraju biti tako prikazane. Stavi ih u toolbar iznad listinga i rešio si problem (toolbar već imaš).
|
Znam na sta mislis, ali posto je ova aplikacija samo deo veoma slozenog interfejsa u ostatku istog se krije razlog zasto se one nalaze desno.
Hvala na predlogu za ikonice pored fajlova. |
| ivanhoe |
21. 02. 2007. 12:14 |
ja bih preferirao resenje gde se chekiraju imena zeljenih fjlova i onda klikne na veliku i lepu ikonicu u toolbaru/sidebaru. Jeste to jedan klik vise, ali nije to tako strasno, narocito ako akcija ne koristi ajax, nego ucitava celu stranu. Bolje dva klika nego jedan pogresan, pa cekanje da se sve ucita... a i mnogo je lakse brzo nabosti veliku ikonicu sa strane, nego nisaniti ove minijaturne u svoj toj guzvi...
Najcesca operacija (to je valjda download fajla) bi trebalo, kao sto je Ilija vec rekao, da se dobije klikom na ime fajla (time stedis ljudima klikove za najcescu akciju)
Ovo je pristup koji koriste skoro svi web-mailovi, i cak iako nije mozda najbolji, ljudi su se na njega privikli (sto ga na kraju ipak cini najboljim)
|
| cvele |
21. 02. 2007. 12:34 |
Najcesca akcija nije download fajla vec njegovo editovanje/premestanje/zipovanje. Trenutna akcija na klik fajla se cekira checkbox pored imena fajla.
Inace aplikacija jeste radjena pomocu ajax, skoro kompletno.
|
| ivanhoe |
21. 02. 2007. 13:02 |
a da probas da koristis i dupli klik?
Ja sam koristio dupli klik za jedan file manager i imao sam vrlo povoljan feedback od korisnika, ljudima je to bilo vrlo prirodno..
|
| cvele |
21. 02. 2007. 13:19 |
Da razmisljao sam o tome na samom pocetku, ali imao sam problem u izvedbi.
Problem je sto imam previse eventa na jednom "fajlu" (klik, drag&drop itd).
Imas li neki primer kako napraviti bulletproof da to radi ?
|
| ivanhoe |
21. 02. 2007. 14:46 |
tja, zavisi od browsera nazalost... za IE i Firefox i Operu 9 ovo lepo radi:
HTML kôd:
<script type="text/javascript">
var last_clicked, click_handle;
function clicked(obj) {
if(last_clicked)
return;
last_clicked = obj;
click_handle = setTimeout("handle_click(last_clicked)", 200);
}
function handle_click(obj) {
last_clicked = null;
alert('Single click');
}
function handle_dblclick(obj) {
clearTimeout(click_handle);
last_clicked = null;
alert('Double click');
}
</script>
</head>
<body>
<a href="#" onclick="clicked(this)" ondblclick="handle_dblclick(this)">klik me</a>
ali u Operi 8 ovo iz nekog razloga zeza, prvo se prikaze double click, ali se onda ipak opali i single click. Moguce da je to neko moja glupa greska, nisam bas mnogo vremena ulozio na crossbrowser rad, posto se radilo o intranet aplikaciji. Takodje ovo sam ja pisao poodavno, pre web2.0 buma, tako da bi sad verovatno moglo da se napise lepse i modernije... ali je mene mrzelo :)
Podesavanjem vremena za timeout prakticno podesavas koliko brzo user mora da uradi double click da bi bio registrovan kao takav, tako da treba podesiti brzinu po zelji, ali ne suvise nisko...
EDIT: BTW, ako tebi single click sluzi samo za selektovanje reda, onda mozes mnogo prostije: naprosto je u double clicku odselektujes i super, nema ovog celog zezanja... |
| cvele |
21. 02. 2007. 15:23 |
ok hvala svima :)
edit:
btw radice kako treba na fajlovima ali folderi imaju i click za ulazak u njih
|
Postoji i varijanta sa kontekst osjetljivim DHTML menijem na desni taster misa, to bi nekako najvise licilo na desktop file explorer.
|
| Vreme je GMT +2. Trenutno vreme je 18:10. |
|
Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.
Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.
