( Aadaam | 2012. 01. 01., v – 18:25 )

rendben :)

volnanak azert - nem meglepo - megjegyzeseim.

A legszembetunobb, hogy a listazas sorrendjenek megvaltoztatasat most levetted, nem kene :)

Az Alignment szabalya bar fokepp bal margokra vonatkozik, valojaban igaz a szelessegekre is: a tablazatod legyen ugyanolyan szeles mint a kereses.

Az egysegbezaras szabalyat kene alkalmazni valahol: vagy a keresesi talalatok kapjon keretet vagy mas hatterszint, vagy a keresesi feltetelek.

Ez az egysegbezaras azonban tortenhet pl. egy egyszeru vonal meghuzasaval is: ha huzol egy vizszintes vonalat a tablazat fejlecehez _sokkal_ kozelebb mint a keresogombhoz (es kihagysz koztuk masfel-ket akkora sorkozt legalabb) akkor mar jol lathato lesz.

A lapozassal se az volt a baj, hogy fent volt - jo helyen van az ott, amennyiben egy kepernyore rafer a talalati lista; ha nem, akkor felesleges nyilvan.

Itt van egy pelda:
https://dl.getdropbox.com/u/7067930/piler_ux_paging.png
https://dl.getdropbox.com/u/7067930/piler_ux_paging_explanation.png

A tavolsag es a vonal egyuttesen mar kepes egysegbezarni es ala-folerendeltsegi viszonyt kialakitani a lapozo es a lapozott kozott. Letezik ala-folerendeltsegi viszony a talalatok es a kereses kozott is, de ezt is segiti a vonal es a meretek (rendszerint az alarendelt sokkal nagyobb mint a folerendelt, az osztoneink a piramist szoktak meg. Ha egy kepernyon a keresesi feltetelek ugyanolyan magasak mint a talalati lista, akkor az emberi szemnek ertelmezesi problemai lesznek.

Ha outlook-szeru kezelest szeretnel (oldalt levellista), akkor erdemes lehet leszoknod a lapozas fogalmarol, es helyette a Continuous Scroll / Infinite Scroll patternt alkalmaznod: http://ui-patterns.com/patterns/ContinuousScrolling

Ekkor fontosak a kovetkezok:
1) a sorrendezest legalabb egy selectboxszal, de mindenkeppen fent kell tartanod
2) a usernek kell hogy fogalma legyen a talalatok osszmennyisegerol (exakt modon, magyarul ki kell irnod a lista tetejen)
3) a usernek kell hogy fogalma legyen arrol hol tart a talalatokban (ezt a scrollbar mint minta ugye koveti, minden scrollbar mutatja hol tartasz)
4) a usernek lehet nem art, hogy fogalma legyen arrol, mekkora reszaranyat latja a talalatoknak.

Magyarul implementalnod kene scrollozast, vagy trukkos modon egy ures, de nagyon hosszu divet kene csinalnod, meg bele az igazit, ami pont kepernyomagas, es kitoltogetni a tartalmat. Leteznek mindenfele jQuery pluginek erre nyilvan.

Problemam meg, hogy a masik oldalon a select box nagy helyet foglal. Erdemes elgondolkozni, hogy oda atteszed a kereses mentese gombot (amit mondjuk en csak akkor jelenitenek meg, ha mar keresett valamire), ill. hogy minimum multiselect magassagot valasztasz (tehat nem dropdown hanem scrollozhato lista)

Mittom, valami ilyesmi: http://jsfiddle.net/aadaam/C6GLh/ (nem a vilag legszebb kodja, futok, bocsi)

Itt vigyazni kell majd veletlen kattintasra, hogy ne irja felul veletlenul az epp futo keresest (window.confim pl.)