Optimizări pentru designul "mobile"

[cata]

În absența unui telefon mobil, designul mobile poate fi testat local adăugând "skins[] = mobile" la lista de designuri disponibile în dex.conf.

Trebuie testat pe multe echipamente sau, cel puțin, pe multe dimensiuni ale ferestrei.

• Eliminarea textului "introduceți textul de căutat". E un search box. :-)
• Adăugarea unui link "Acasă"
• Adăugarea unui logo, cel puțin pe pagina principală (preferabil pe fiecare pagină, căci omul poate deschide dintr-un email un link ca  http://dexonline.ro/definitie/foobar care se redirectează la  http://m.dexonline.ro/definitie/foobar și utilizatorul nu trece prin pagina principală).
• Scurtarea lățimii meniului de sus. Trebuie să încapă totul pe o coloană. Aș păstra doar Informații, Articole lingvistice, Contact.
• Ca o alternativă pentru mai sus, restul paginii nu trebuie centrat, ci aliniat stânga, căci din cauza lățimii barei de meniu (mai lată decât ecranul), tot ce e centrat se duce prea în dreapta.
• Reorganizarea formularului de căutare pentru a încăpea pe o singură coloană. Putem pune Butonul + lista de surse pe a doua linie, sau putem renunța la lista de surse, sau putem pune un div ascuns și expandabil pentru căutare avansată.

[cata]

Și desigur, ar fi util ca cine se apucă de asta să citească un ghid de mobile web design. :-)

[www.google.com/accounts/o8/id?id=aitoawlkd5gzaybb5mtx64om2wvuvmxc48g0r3o]

Cred că în ziua de azi sunt două variante de "mobile website".

Una este pentru old feature phones, pe care le-aș ignora aproape complet (ar trebui să vă uitați prin loguri și să vedeți că într-adevăr nimeni nu intră pe dexonline de pe feature phones). Varianta asta ar trebui să fie doar niște text links probabil și un search box.

A doua variantă este pentru browsere moderne din smart phones (iPhone, Android). Aici cineva ar trebui să facă un design real, pentru un screen de 320 x 580. Du-te la m.dexonline.ro cu un browser normal și redimensionează-l să fie foarte îngust. Aia o să se vadă și pe telefon, imaginează-ți că ești pe un telefon când te uiți la ecranul ăla. Acum arată o serie de link-uri care nu m-ar interesa niciodată pe mobil și un search box extrem de mic comparat cu dimensiunea totală a ecranului.

Cel mai probabil pe mobil ar trebui să arate fix ca google.com: un mare search box și un logo. Atât. No other links, no bullshit, no nothing. Pe mobil mă duc să caut un cuvânt, nu să dau click pe 'about us'. :-D

Just my 2 cents.

[cata]

Rezolvate în bună parte de r616. Live pe  http://m.dexonline.ro