Modalități de punere în aplicare a interfeței adaptive, savepearlharbor
În momentul de față, aproximativ 11-12% din cele 100 000 de site-uri cele mai vizitate - adaptive, și nu există nici o îndoială că numărul acestora va crește în următorii câțiva ani.
Ca mai multe companii suflece mânecile, apucând la realitatea spațiului web folosit de diverse dispozitive, ar fi de prisos să examineze diferitele strategii folosite pentru a realiza acest nirvana în sine:
modernizarea adaptivă
modernizarea Adaptive - un proces în care este nevoie de un site existent, care este proiectat numai pentru computere desktop, și „refăcute în adaptive“, de fapt.
În ceea ce privește site-urile finite (în special comerciale), echipele nu au întotdeauna posibilitatea de a lăsa totul baltă și de a construi din nou.
Dan Cederholm
Pentru cele mai multe organizații, crearea pe scară largă a unui nou design de la zero nu este considerat chiar. Acesta este motivul pentru modernizarea adaptivă este o abordare popular pentru a crea o interfață bună pentru dispozitive mobile.
avantaje
- Relativ repede.
Moduri de a face upgrade de adaptare destul de mult, această strategie poate fi de a adăuga un fișier mic-screens.css la site-ul. În ciuda acestui exemplu, mai degrabă brut, modernizarea adaptivă - o opțiune atractivă pentru multe organizații, deoarece nu necesita ajustarea toate de la zero. - Familiar.
Nu deranja utilizatorii. De ani de zile oamenii sa se obisnuiasca cu interfața și de a face modernizarea organizațiilor existente rămân o abordare familiară, îmbunătățind în același timp viața oamenilor cu dispozitive mobile. - Organizationala mai rapid.
Pe plan politic vorbind, pentru a moderniza interfața este mai sigură decât pornind de la zero. Mai puține controverse cu privire la ceea ce nuanta de verde pentru a alege care fotografii comerciale banale pentru a utiliza, și de management nu trebuie să răsuciți arme. Acest lucru permite echipelor să ruleze site-uri adaptive mai repede.
deficiențe
- Aceasta afectează doar o mică parte.
Din nou, există mai multe variante de modernizare, dar scopul de cele mai multe dintre ele - de a „face frumos.“ Concentrându-se pe modificarea aspectului, modernizarea de multe ori rateaza un număr foarte mare de alți factori. care trebuie să fie luate în considerare atunci când se creează un proiect de succes pentru o varietate de dispozitive. - 10 litri de apă în borcan de trei litri.
Din moment ce site-uri sunt concepute pentru calculatoare desktop numai pentru ei (și de multe ori acolo pentru o lungă perioadă de timp), ele pot conține o mulțime de gunoi. Deoarece modernizarea, constă în principal în aspectul de topire, cele mai multe dintre problemele cu conținut nu sunt luate în considerare pe deplin. - Performanță.
Este ceva ciudat despre scrierea de cod pentru a sprijini mai bine dispozitivele mici. Eliminarea prea mult poate merge prea departe, dar fără să se concentreze asupra productivității în sine nu va crește. - Cel mai prost suport.
anchete mass-media, concepute inițial pentru computere desktop, slab susținută de cele mai multe dispozitive mobile. - remedieri temporare.
Vreau să mor când am auzit de la cererea poporului „pentru a face„ceva de adaptare, ca și cum ar fi fost pur și simplu o casetă de selectare în planul de proiect (care este, uneori, de fapt există). Acest tip de gândire limitată trece aproape de posibilitățile reale oferite de designul adaptiv.
Adaptive site-uri mobile
site-uri mobile adaptive, sau cum le numesc eu „semințele pentru viitor adaptiv“, reprezintă practica de a crea un site separat «m.yourdomain.ru» format folosind tehnici de design receptiv. Această strategie este utilizată de site-uri, cum ar fi BBC. The Guardian și Entertainment Weekly (pe care am lucrat).
Versiune mobilă face posibilă pentru a planta o sămânță care va crește din site-ul dvs. depășit.
De-a lungul timpului puteți elimina site-ul învechite, și inițial mobile, adaptivă și ia în considerare tendințele viitoare vor evolua.
avantaje
- Risc mai redus.
Cele mai multe organizații încă observați că traficul de pe dispozitive mobile este în minoritate. Prin urmare, lansarea unui site mobil adaptiv permite astfel de organizații pentru a testa mediul fără a fi nevoie să se grăbească în acest subiect cu capul. - Oportunitatea de a învăța să fie flexibil.
Designerii pot învăța să se gândească mai flexibil. Dezvoltatorii vor învăța trucuri dispozitive nenumărate pe Android. Managerii pot înțelege cum să se mute de la îmbunătățirea pixeli. Site-ul mobil Adaptive poate fi o cutie cu nisip excelent pentru antrenament. - Infrastructura.
Echipele pot învăța cum să, o dată pentru totdeauna rezolva problemele cu conținut de management, de exemplu, cu crearea de imagini - Eliminați de prisos.
Această abordare oferă o oportunitate excelentă pentru echipele să ne întrebăm: „Chiar avem nevoie de ea,“ și să se concentreze asupra performanței. De ce? Pentru că primul lucru pe care sunt ocupate interacțiunea utilizatorului cu îmbunătățirea site-ul lor pe un dispozitiv mobil. - Viitorul site-ul mobil original.
În ciuda conținutului inițial de defecte sau funcționalitate, având în vedere suficient timp și efort, aceste site-uri mobile, în cele din urmă, poate înlocui full-strămoși.
deficiențe
- E ca un site mobil.
Indiferent dacă este sau nu este adaptiv, această abordare încă mai păstrează un număr mare de dezavantaje site-uri mobile: probleme cu redirecționarea URL-ul, gestionarea conținutului, același conținut. secventa, SEO-optimizare, și altele. - remedieri temporare.
O multitudine de site-uri mobile sunt create ca un patch - pentru a opri sângerarea. Aceste site-uri sunt create pentru a diminua traficul tot mai mare de pe dispozitive mobile. Aceste soluții încă mai pot satisface nevoile existente, dar ținând cont de tendințele viitoare, este puțin probabil să vă salvați pe termen lung. - Probabilitatea de a veșteji pe de viță de vie.
Unele organizații pot începe astfel de proiecte, du-te la jumătatea drumului, iar apoi arunca totul până când este adoptat un buget pentru anul viitor. - Proiectare pentru ecrane mici.
Din moment ce inițial se pune accent pe ecrane mici, transferul ulterior al interfeței de pe ecran mare, fără a pierde orice calitate poate fi o problemă.
Design receptivă inițial pentru dispozitive mobile
„La început, mobil“ - un principiu care presupune dezvoltarea interfeței, care va ține cont de constrângerile de mediu mobil (ecran mic, lățime de bandă mică, și așa mai departe), dar se profita din plin de pe marele ecran.
avantaje
- Începeți cu forțe noi.
Primul mobil - începe de la zero. Designeri cu entuziasm luând activitatea publicul țintă, în scopul de a atinge obiectivele de afaceri. Dezvoltatorii se concentreze pe aspectul compact și eficient. Lăsând la o parte (sau inversarea) baza codului existent, echipa se poate scufunda în realitatea dintr-o varietate de dispozitive, fără a fi nevoie să vă faceți griji cu privire la cheltuielile pentru tehnologia învechită. - un sprijin mai bun.
Crearea pe o „prima celulă.“ Dezvoltatorii sunt în măsură să ofere suport pentru dispozitive mobile mai mult, în special cele vechi, care nu suportă interogări media. - Performanță.
În ciuda faptului că performanța site depinde în primul rând de punerea sa în aplicare. modele adaptive pentru mediul mobil oferă echipelor posibilitatea de la bun început să se concentreze asupra productivității. - Luând în considerare toate dintr-o dată.
Design-ul „prima celulă“ (în ciuda numelui său) poate lua în considerare un număr mare de permise. și nu doar să se concentreze pe o singură clasă de dispozitive. - Proiectare, orientată spre viitor.
Interfața este destinat în primul rând pentru dispozitive mobile, creează o bază solidă pe care se poate deplasa testul timpului și va servi ca platformă pentru creștere și schimbare.
deficiențe
- Este nevoie de o lungă perioadă de timp.
Să recunoaștem, „prima celulă“ - acest lucru nu este cel mai rapid principiu. El ia o mulțime de timp și efort pentru a construi toate de la zero. Tot ceea ce trebuie făcut, astfel încât a fost în valoare resursele cheltuite. - O schimbare în conștiință.
Este dificil de a obține organizația să se gândească la toate invers. Gândire, care vizează dezvoltarea inițial pentru dispozitive mobile, transformă totul cu susul în jos, ceea ce complică utilizarea abordărilor la care oamenii au devenit obișnuiți de-a lungul anilor. Acest lucru necesită să le uite (din fericire, aceasta este o carte), și amintesc în mod constant oameni nu să se întoarcă la vechile metode. - Organizațional dificil.
redesign mare este de obicei complicată de diferitele tipuri de birocrație organizațională. Președintele companiei dorește să-și exprime opinia cu privire la proiectare, în ciuda faptului că nu a fost în nici un pre-asamblare, care este, în general, de design receptiv. Către crearea unei interfețe care va arata foarte bine și funcționează pe orice dispozitiv, se poate obține, de asemenea, ambițiile și politicile altor oameni. - Nefamiliare.
Orice reproiectare face interfata nefamiliare pentru utilizatori. Dar, pentru a menține o abordare familiară, mai ales dacă aveți de gând să schimbe radical totul, trebuie să fie extrem de atent.
strategie pe etape
Strategia pentru a crea treptat un design receptiv imparte campanie la scară largă pe mai multe niveluri. Ca și în modernizarea (aceste strategii nu se exclud reciproc), nu poate fi capabil să facă o reproiectare pe scară largă, motiv pentru care unele organizații fac pas cu pas. Există mai multe tipuri de interfață de creare de etape de adaptare:
Pagină cu pagină
Această metodă implică crearea de sub-grupuri de pagini. Astfel de companii precum Microsoft. declanșa paginile cheie adaptive, lăsând în același timp cea mai mare parte a interiorului numai pentru computere desktop.
avantaje
- Semnificativ.
Rularea versiuni adaptive ale celor mai vizionate pagini (de exemplu principal), direcționează eforturile în cazul în care cei mai mulți utilizatori vor observa noul design. - Oportunitatea de a învăța să fie flexibil.
Organizațiile folosesc adesea astfel de proiecte ca ghiduri pentru idei mai largi. Concentrându-se pe câteva pagini principale, puteți afla tot ceea ce se referă la crearea de interfețe adaptive, și apoi utilizați aceste cunoștințe pentru restul site-ului. - șanse mai mari de pornire.
Concentrându-se pe o singură pagină sau la o singură funcție - o modalitate foarte bună de a vedea rezultatul. Dacă faci o reproiectare dintr-o dată, ea poate fi foarte dificil, care nu poate vedea lumina.
deficiențe
- Lipsa de integritate.
Un utilizator se mută dintr-un design nou genial la vechi urât în doar un singur clic. Acest lucru este rău în termeni de omogenitate, deoarece utilizatorii percep compania ca un nume de marcă și nu un talmeș-balmeș de diferite departamente și priorități. - Miopia.
Cele mai multe dintre reproiectarea, bazat pe paginile care se concentrează pe „începe al treilea trimestru“, dar destul de des pe site-urile mai mari, planul de implementare a proiectului lipsește. - Probabilitatea de a veșteji pe de viță de vie.
Primul pas este de a defini strategia și riscul, sau site-ul dvs. este în pericol de a deveni Frankenstein.
Componenta de componente
avantaje
- Utilizatorii Familiarizarea treptat cu noua interfață.
Mai degrabă decât vina utilizatori la un cap cu totul nou pentru 100% de design receptiv uimitoare (!), Această abordare etapizată indică o interfață de utilizator nou pentru ceva timp. Schimbările nu sunt atât de rapide pentru a face pe oameni supărat, dar design-ul este avansat în direcția cea bună. - O defalcare a procesului.
Echipe să învețe să rezolve probleme, modulare (la nivel de bloc), mai degrabă decât concentrându-se pe toată pagina. - nivel uniform de efort.
O defalcare a procesului în module face posibilă pentru a înțelege mai bine domeniul de aplicare al proiectului.
deficiențe
- 50 nuanțe de imperfecțiune.
Această abordare se poate dovedi a fi fără succes, deoarece utilizatorii trebuie să se confrunte cu interfața în sine Frankenstein, care este atât vechi și noi. - Posibilitatea de a veșteji pe de viță de vie.
Aceste tipuri de proiecte necesită obiective finale clare, în caz contrar acestea să se blocheze în purgatoriu. - coexistența tehnică.
Ce se întâmplă atunci când un singur modul, folosind cele mai noi tehnologii și echipamente, se confruntă cu fruntea ei cu vechea unitate? În această abordare, există mai multe complexe asociate cu arhitectura.
„Sunt Chevi Cheyz și tu nu ești“
Desigur, fiecare organizație este diferită, astfel încât ceea ce cale de a alege - depinde de diverși factori. Timp, buget, domeniul de aplicare, structura organizatorică, un set de competențe și mulți alți factori de influență care strategie este aplicată cel mai bine. Dar, în timp, devine din ce în ce mai evident că organizațiile trebuie să lucreze la creșterea varietate de dispozitive care au acces la Internet.