Share
Am avut mare plăcere să livrez cheia de încheiere la Ziua reactivă 3: Punctul final de întrerupere. Organizat la Brighton, Marea Britanie, la 19 iunie 2015, conferinta a fost o adunare de designeri si dezvoltatori care au impartasit strategiile, tehnicile si experientele privind fluxul de lucru,.
Iată ce am avut de spus.
Astăzi a oferit un tur uimitor al lumii de design receptiv. Am văzut cum să optimizăm fluxurile de lucru și procesele noastre. Am învățat noi modalități de îmbunătățire a accesibilității produselor noastre. Ne-am descurcat cu capabilitățile moderne CSS și HTML care ne ajută să îmbrățișăm dimensiunile de afișare foarte variabile care se învârt și se învârt în jurul nostru.
Am explorat viitorul capacității modulare a codurilor și a browserelor de a lucra fără conectivitate în rețea. Și chiar am făcut o excursie în viitorul posibil al locului în care ar putea merge.
Am parcurs un drum lung de la articolul lui Ethan, grile fluide, medii flexibile și interogări media. Aceste trei principii au semănat o sămânță care a crescut și a înflorit, pentru că am ajuns să înțelegem mai bine implicațiile proliferării dispozitivului. Am văzut că web-ul este capabil să meargă oriunde și să facă ceva aproape orice.
Aș susține că "Responsive Web Design" a fost primul articol care a reușit să captureze conceptele pe care John Allsopp le-a discutat cu ani în urmă în "A Dao of Web Design" și le-a distilat în ceva ce comunitatea de proiectare și dezvoltare ar putea într-adevăr să se scufunde dintii lor. Acesta a oferit un exemplu concret de capacitate a web-ului de a se îndoi și de a se forma în orice formă de care ar fi trebuit să-și asume.
A fost pentru prima oară când mulți proiectanți s-au înțeles cu ideea că "experiența" nu era ceva monolit.
Sigur, mulți dintre noi în comunitatea standardelor de web au vorbit despre vorbe și de mers pe jos de mers pe jos cu privire la îmbunătățirea progresivă. Și am câștigat convertiți, dar progresul a fost lent. Ethan a demonstrat - în mod direct și succint - ce poate arăta îmbunătățirea progresivă a designului vizual.
Furnizarea unei experiențe identice pentru fiecare ființă umană care încearcă să acceseze site-urile noastre ar fi imposibilă. Există pur și simplu prea mulți factori care trebuie luați în considerare. Avem dimensiunea ecranului, densitatea afișajului, viteza procesorului, cantitatea de memorie RAM, disponibilitatea senzorului, disponibilitatea caracteristicilor, metodele de interfață ... a respira ... tipul de sistem de operare, versiunea sistemului de operare, tipul browserului, versiunea browserului, plug-in-urile instalate, viteza rețelei, latența rețelei, congestia rețelei, firewall-urile, proxy-urile, routerele și probabil alți factori care nu pot face nimic în mintea vârtejului de considerente tehnice.
Și nici asta nu ia în considerare utilizatorii noștri.
Când este vorba despre oamenii pe care trebuie să le luăm pentru munca noastră, trebuie să luăm în considerare nivelul de alfabetizare, cunoașterea limbajului, nivelul de cunoaștere a domeniului, deficiențele cognitive cum ar fi dificultățile de învățare și dislexia, problemele de deficit de atenție, distragerea atenției asupra mediului, tulburări de auz, deficiențe motorii, cât de mult înțeleg cum să folosească dispozitivul, cât de mult înțeleg cum să folosească browserul, cât de bine se comportă în convențiile web obișnuite și o mulțime de alți "factori umani".
Fiecare persoană este diferită și fiecare vine pe web cu propriul set de nevoi speciale. Unii sunt întotdeauna cu ei, orbirea, de exemplu. Altele sunt tranzitorii, cum ar fi ruperea brațului tău. Încă altele sunt pur situaționale și depind de dispozitivul pe care îl utilizați în acel moment și de capacitățile sau constrângerile sale tehnice.
Încercarea de a concepe o experiență monolitară pentru fiecare persoană să aibă în orice context care consideră că fiecare factor ar fi imposibil. Și totuși, Sir Tim Berners-Lee avea o viziune pentru o rețea care putea să meargă oriunde. Era nebun?
Viziunea lui Sir Tim pentru web a fost că acest conținut ar putea fi creat odată și accesat de oriunde. Disparate, dar legate de "hypermedia" împrăștiate pe tot globul ar putea fi conectate una la alta prin link-uri. Mai mult, ele ar putea fi recuperate de oricine pe orice dispozitiv capabil să citească codul HTML. În mod gratuit.
În cele din urmă, Sir Tim a imaginat accesibilitatea universală.
Pentru mulți dintre noi, asigurarea accesibilității site-urilor web este o idee ulterioară. Vorbim despre un joc bun atunci când vine vorba de "orientarea spre utilizator", dar adesea tratați cuvântul "accesibilitate" ca sinonim pentru "cititorul de ecran". Sunt mult mai mult decât atât. "Accesibilitatea" este despre oameni. Oamenii consumă conținut și folosesc interfețe în multe moduri diferite, unele similare și unele destul de diferite față de modul în care o facem.
Sigur, persoanele cu deficiențe de vedere folosesc adesea un cititor de ecran pentru a consuma conținut. Dar ar putea folosi și un dispozitiv de feedback cu braille tactil sau o imprimantă braille. Probabil că folosesc și o tastatură. Sau pot folosi un ecran tactil în concert cu indicii audio. Sau pot folosi chiar și o cameră pentru a le permite să "citească" conținutul prin OCR și text-to-speech. Și da, afectarea vizuală afectează un procent decent al populației (mai ales pe măsură ce îmbătrânim), dar este doar o parte din puzzle-ul "accesibilității".
Contrastul dintre text și fundal este un factor important în asigurarea că conținutul rămâne lizibil în diferite situații de iluminare. Alegerea culorii este o preocupare privind accesibilitatea.
Limbajul pe care îl folosim pe site-urile noastre și în interfețele noastre afectează în mod direct cât de ușor este pentru utilizatorii noștri să înțeleagă ce facem, produsele pe care le oferim și de ce contează. De asemenea, afectează modul în care îi facem pe utilizatori să se simtă despre ei înșiși, despre experiența lor și despre companiile noastre. Limba este o preocupare de accesibilitate.
Mărimea paginilor noastre web are un efect direct asupra duratei de descărcare a paginilor noastre, cât costă clienții noștri să le acceseze și uneori chiar dacă conținutul poate fi sau nu atins. Performanța este o preocupare privind accesibilitatea.
Pot continua, dar sunt sigur că înțelegeți.
Accesibilitatea înseamnă a oferi experiențe bune pentru toată lumea, indiferent de abilitățile fizice sau mentale, sexul, rasa sau limba. Recunoaște că avem cu toții nevoi speciale - limitări fizice, limitări ale lățimii de bandă, limitări ale dispozitivului - care ar putea să ne impună să experimentăm aceeași interfață în moduri diferite.
Când vizitez un site web pe telefonul meu, de exemplu, sunt limitat vizual de rezoluția ecranului meu (mai ales dacă folosesc un browser care încurajează mărirea imaginii) și sunt limitat în capacitatea mea de a interacționa cu butoane și link-uri, deoarece navighez cu vârfurile degetelor mele, care sunt mai mari și mult mai puțin precise decât un cursor de mouse.
Pe un touchscreen, poate am nevoie ca experiența să fie puțin diferită, dar trebuie să reușesc să fac tot ce am venit la site. am nevoie un experiență, dar, în plus, am nevoie de adecvat experienţă.
Îmbrățișând realitatea că experiența nu trebuie să fie doar un lucru ne va ajuta să ajungem la mai mulți oameni cu mai puține dureri de cap. Experiența poate și ar trebui să fie concepută ca un continuum. Aceasta este o îmbunătățire progresivă: începem cu o experiență de bază care funcționează pentru toată lumea - conținut, link-uri reale, controale de formular de primă generație și formulare care se prezintă efectiv pe server. Apoi construim experiența de acolo.
Browserul dvs. acceptă controale de formular HTML5? Grozav! Veți obține o tastatură virtuală mai bună atunci când veți merge să introduceți adresa dvs. de e-mail. Puteți utiliza CSS? Minunat, permiteți-mi să fac această experiență de lectură mai bună pentru dvs. Oh, poți să te ocupi de interogările media! Permiteți-mi să ajustăm aspectul, astfel încât lungimile liniei sunt puțin mai confortabile. Wow, browserul tău suportă Ajax ?! Aici, permiteți-mi să încărc în unele teasers pentru conținut asemănător s-ar putea găsi interesant.
Imaginați-vă să stați într-un restaurant, doar ca chelnerul să vă aducă imediat o friptură. Dar esti vegetarian. Vă întrebați dacă oferă ceva ce puteți mânca și ei răspund politicos: "Oh, îmi pare rău, carnea este o cerință. De ce nu mănânci carne? E ușor, chiar ți-e dor de mâncare gustoasă". Nici un chelner care îți pasă de experiența ta ar face asta.
Și totuși noi - ca o industrie - nu pare să avem nicio problemă spunând cuiva că trebuie să-și schimbe browserul pentru a ne găzdui. Asta e doar greșit. Munca noastră nu are sens fără utilizatori. Ar trebui să ne întoarcem înapoi pentru a le atrage și a le păstra. Acesta este serviciul pentru clienți 101.
Aceasta se întoarce la legea lui Postel, pe care Jeremy o povestește adesea:
Fii conservator în ceea ce faci, fii liberal în ce accepți de la ceilalți.
Trebuie sa fim lasati cand vine vorba de suportul browserului si sa nu facem prea multe (sau mai bune, totusi) ipoteze despre ceea ce putem trimite.
Desigur, aceasta nu este o abordare pe care toată lumea din industria noastră este gata să o îmbrățișeze, așa că voi oferi un alt citat pe care îl voi reveni din când în când ...
Când se întâmplă ceva, singurul lucru în puterea voastră este atitudinea față de ea; fie îl puteți accepta, fie îl puteți respinge.
Nu putem controla lumea, putem controla reacția noastră la ea.
Acum, cei din voi care s-au adunat pentru această ultimă zi de răspuns receptiv (sau care vă urmăresc acasă) probabil înțeleg acest lucru mai mult decât majoritatea. Simțim bombardarea constantă a noilor dispozitive, dimensiunile ecranului și capabilitățile. Singura modalitate prin care am descoperit că mă ocup de toate acestea este să o accept, să îmbrățișez diversitatea și să văd proliferarea dispozitivului și a browserului ca o caracteristică, nu ca un bug.
Depinde de noi să educăm pe cei din jurul nostru care au - fie din proprie inițiere sau intenție - nu au acceptat că diversitatea este realitatea în care trăim și că lucrurile vor deveni mai nebunești. Îngroparea capului nostru în nisip nu este o opțiune.
Când încerc să-i ajut pe oameni să înțeleagă și să îmbrățișeze diversitatea, mă întâlnesc de multe ori pentru unul dintre exercițiile mele preferate de gândire de la John Rawls.
Rawls a fost un filozof care a condus un experiment social cu studenți, grupuri de biserici și altele asemenea.
În cadrul experimentului, participanților li sa permis să-și creeze societatea ideală. Ar putea urma orice filosofie: ar putea fi o monarhie sau o democrație sau o anarhie. Ar putea fi capitalist sau socialist. Oamenii din acest experiment aveau libertatea de a controla în mod absolut fiecare aspect al societății ... dar apoi ar fi adăugat răsucirea: nu puteau să controleze ce poziție ocupau în acea societate.
Acest răsucire este ceea ce John Harsanyi - un teoretician de început de joc - se referă la "vălul ignoranței". Ceea ce a găsit Rawls, din când în când, a fost că indivizii care participă la experiment s-ar ghida spre crearea celor mai egale societăți.
Are sens: ce rațională, ființă umană interesată ar trata pe bătrâni, bolnavi, oameni de un anumit gen, rasă, crez sau culoare, dacă ar putea să se găsească în aceeași poziție atunci când vălul este îndepărtat?
Lucrurile pe care le facem pentru a satisface nevoile speciale acum plătesc dividende în viitor. Uită-te la rampe.
Acestea reprezintă un exemplu clasic al unei caracteristici de accesibilitate pentru persoanele care se află în scaune cu rotile, care beneficiază, de asemenea, persoanelor care nu se află în acestea: oameni care bagajează la bagaje, servicii de transport care transportă lucruri grele pe pălării, părinți împingând copiii (sau câinii lor îmbrăcați) un transportator care merge pe bicicletă și tipul care preferă să meargă pe o înclinație blândă pentru a-și extinde efortul necesar pentru a monta un pas.
Atunci când creăm căi alternative pentru a ajunge de la punctul A la punctul B, oamenii pot lua cel mai potrivit pentru ei, fie prin alegere, fie prin necesitate. Și toată lumea își poate realiza obiectivele.
Toți avem nevoi speciale. Unii cu care ne-am născut. Unii ne dezvoltăm. Unele sunt temporare. Unii nu au nimic de-a face cu noi personal, ci sunt situaționali sau dependenți de hardware-ul pe care îl folosim, metodele de interacțiune pe care le avem la dispoziție sau chiar viteza la care putem accesa Internetul sau procesele de date.
Ce este designul web receptiv dacă nu este accesibil? Da, principiile sale fundamentale se referă la designul vizual, dar în ceea ce privește imaginea de ansamblu, ele vizează oferirea celei mai bune experiențe de citire.
În calitate de practicanți ai designului receptiv, înțelegem beneficiile adaptării interfețelor noastre. Înțelegem căderile. Înțelegem cum să proiectăm experiențe robuste care funcționează într-o mare varietate de condiții. În fiecare zi, extindem accesibilitatea produselor noastre.
Aceste abilități ne vor face inestimabile deoarece tehnologia continuă să ofere noi modalități de a consuma și de a interacționa cu site-urile noastre.
Tocmai începem să scăpăm, sau să mergem cu mâinile în lumea controlului gestual bazat pe mișcare. Desigur, le-am avut în două dimensiuni pe ecranele de atingere pentru o perioadă de timp acum, dar controalele bazate pe mișcare tridimensionale încep doar să apară. Puteți vedea o demonstrație a comenzilor gestuale în jurul valorii de marcaj de 41 de secunde în următorul videoclip:
Primul mare salt în această direcție a fost Kinect pe Xbox 360 (și mai târziu, Windows). Cu Kinect, interacționăm cu computerul folosind mișcări ale corpului, cum ar fi ridicarea unei mâini (ceea ce îi face Kinect să acorde atenție), împingând mâna înainte pentru a face clic / atingeți și apucând să trageți pânza într-o anumită direcție.
Kinect a inaugurat o revoluție majoră în ceea ce privește interfața cu computerele, dar din perspectivă de interacțiune prezintă provocări similare cu cele ale controlerului Wii și ale PlayStation Move de la Sony. Gesturi mari de corp cum ar fi ridicarea mâinii (sau a unui controler de bastoane) pot fi obositoare.
De asemenea, nu sunt foarte exacte. Dacă credeți că acuratețea ecranului tactil a fost o problemă, gesturile de mână, cum ar fi cele pentru Kinect sau LEAP Motion, reprezintă o provocare chiar mai mare.
Pentru a se potrivi interacțiunilor de acest gen (pe care în prezent nu avem nici o modalitate de detectare) trebuie să fim conștienți de cât de ușor este să faceți clic pe controalele interactive. Trebuie să determinăm dacă butoanele și legăturile noastre sunt suficient de mari și dacă există suficient spațiu între ele pentru a ne asigura că intenția utilizatorului este transmisă cu precizie în browser. Două specificații care pot ajuta la rezolvarea acestor probleme sunt Media Queries Level 4 și Evenimente Pointer.
În Media Queries Level 4, am reușit să aplicăm reguli de stil anumitor contexte de interacțiune. De exemplu, când avem un control foarte precis asupra cursorului (ca și în cazul unui stilou sau mouse) sau un control mai puțin precis (ca în cazul unui ecran tactil sau al unui gest fizic):
@media (pointer: fine) / * Link-uri mai mari și butoane sunt ok * / @media (pointer: gros)
Desigur, dorim să oferim o valoare implicită sensibilă în ceea ce privește mărimea și spațierea ca rezervă pentru browserele și dispozitivele mai vechi.
De asemenea, avem capacitatea de a determina dacă dispozitivul este capabil să se deplaseze peste un element și poate ajusta interfața în consecință.
@media (hover: hover) / * interacțiunile legate de hover sunt A-OK * / @media (hover: on-demand) / * interacțiunile legate de hover sunt potențial dificile. media (hover: none) / * Nu este posibilă hover :-( * /
Încă trebuie să ne dăm seama cât de bine toate aceste lucruri ajung să lucrăm la dispozitive multimodale, cum ar fi tableta Surface, totuși. Va schimba designul în timp ce utilizatorul comută între modurile de intrare? Ar trebui? În acest scop, spec orice-pointer și orice-hoverto, permițându-vă să interogați dacă orice Metoda acceptată de interacțiune îndeplinește cerințele dvs., dar iată un avertisment din spec:
Proiectarea unei pagini care se bazează pe orientarea cursivă sau precisă numai pentru că orice-Hover sau orice-pointerindică faptul că un mecanism de intrare cu aceste capacități este disponibil, este probabil să ducă la o experiență precară.
Aceste opțiuni de interogare media încep să se difuzeze în Chrome, Safari mobile și Microsoft Edge, deci merită să le aruncați o privire.
Pointer Events este un alt spec. Care începe să câștige ceva tracțiune. Acesta generalizează interacțiunea cu un eveniment unic, în loc să ne forțeze să experimentăm silo în mișcarea condusă de mouse, acționată prin atingere, acționată de un pen, (oftat), forțată și așa mai departe.
Putem detecta în mod discret suportul pentru Evenimente Pointer ...
Accentsconagua
dacă (window.PointerEvent) window.addEventListener ("pointerdown", detectType, false); ... și apoi să le gestionați pe toate în același mod sau să creați sucursale bazate pe pointerType:
funcția detectType (eveniment) comutator (event.pointerType) caz "mouse": / * intrarea mouse-ului detectată * / pauză; caz "pen": / * pen / stilul de intrare detectat * / break; caz "atingeți": / * intrarea atingere detectată * / pauză; implicit: / * pointerType este gol (nu a putut fi detectat) sau tipul personalizat UA specific * /
Desigur, pe lângă faptul că avem în vedere nivelul de precizie pe care îl au utilizatorii noștri în timp ce interacționează cu ecranele noastre, trebuie să luăm în considerare distanța potențial crescută la care utilizatorii noștri citesc conținutul nostru.
În acest scop, am experimentat unitatea de lățime a ferestrei de vedere (vw).
Pentru o lungă perioadă de timp, am folosit ems pentru lățimea maximă a layout-ului (deci lungimea liniei este proporțională cu dimensiunea fontului). De asemenea, folosesc dimensiuni relative ale caracterelor. Cu aceasta ca fundație, pot folosi o interogare media care se potrivește cu lățimea maximă și setează dimensiunea fontului de bază la echivalentul vw la lățimea maximă.
corp max-lățime: 64em; ecranul @media și (min-width: 64em) body font-size: 1.5625vw; / * (1em / 64em) * 100 * /
Apoi întregul design va mări pur și simplu aspectul atunci când este vizualizat dincolo de acea dimensiune.
Dacă nu doriți să transformați așa ceva în mod automat, puteți să-l activați să fie activat și dezactivat cu ajutorul JavaScript-ului.
Lucrurile devin chiar mai nebunești atunci când începeți să factorizați în dispozitive precum HoloLens. Și nu, nu am reușit să joc cu unul încă, dar puteți vedea un demo grozav la marca 1:27 pe acest videoclip:
Dar ideea de a putea renunța la un ecran virtual redimensionabil pe orice suprafață prezintă câteva posibilități interesante în calitate de utilizator și câteva provocări unice ca designer. HoloLens, desigur, aduce cu ea și controale de gest, astfel încât contabilitatea pentru o varietate de tipuri de intrări ar trebui să ne ajungă destul de departe.
Într-un mod similar, ar trebui să începem să ne gândim la experiențele care pot și ar trebui să pară atunci când navigăm numai cu privirea noastră. Gaze tracking își are originea în spațiul de accesibilitate ca mijloc de a asigura controlul interfeței pentru persoanele cu utilizare limitată sau fără mâini. În mod tradițional, hardware-ul de urmărire a privit a fost de câteva mii de dolari, punându-l la îndemâna multor oameni, dar care începe să se schimbe.
În ultimii ani, puterea computațională a dispozitivelor noastre a crescut, pe măsură ce costurile hardware asociate cu susținerea urmăririi gazelor au scăzut dramatic. Privind în jur, puteți vedea că urmărirea cu privirea începe să se miște în sfera publică: multe smartphone-uri și smartwatch-uri pot recunoaște când le privești (sau cel puțin uneori). Aceasta este doar o scurtă trecere de la cunoașterea ecranului pe care îl căutați. Aproape fiecare smartphone de ultimă generație este acum echipat cu o cameră frontală, ceea ce le face candidați perfecți pentru a oferi această metodă de interacțiune.
Puteți vedea o demonstrație minunată a tehnologiei de urmărire a aspectului telefonului Sesame Phone de la marca de 18 secunde din acest videoclip:
Telefonul Sesame a fost conceput pentru a permite oamenilor să utilizeze un smartphone fără a folosi mâinile. Utilizează urmărirea facială pentru a muta un cursor virtual în jurul ecranului, permițând utilizatorilor să interacționeze cu sistemul de operare subiacent, precum și cu aplicațiile individuale. Acesta susține robinetul, glisarea și alte gesturi (printr-un meniu contextual) și este destul de impresionant în experiența mea. O astfel de tehnologie permite persoanelor care suferă de MS, artritei, distrofiei musculare și mai mult să utilizeze un smartphone și, mai important pentru noi, să navigheze pe web.
Tribul Eye și Fixational lucrează în mod similar pentru a urmări ochii pe smartphone-uri și tablete. Urmărirea ochilor este similară cu urmărirea feței, dar cursorul urmează focalizarea. Micro gesturi - clipire, clipire etc. - vă permit să interacționați cu dispozitivul.
Chiar dacă majoritatea software-urilor de urmărire a imaginii imită un mouse și au o sensibilitate reglabilă, precizia acestuia ca dispozitiv de indicare nu este fantastică. Când am folosit telefonul Sesame, de exemplu, am avut un timp dificil de controlat poziția capului meu pentru a ține cursorul încă să stea și să faceți clic pe un buton. Sunt sigur că acest lucru s-ar îmbunătăți cu practica, dar este sigur să spunem că într-o interacțiune cu privirea, legăturile și butoanele mai mari, bine distanțate și mai ușor direcționate ar fi un dumnezeiesc.
Până în prezent, m-am concentrat asupra metodelor de interacțiune care facilitează navigarea și consumul de conținut. Dar despre completarea unui formular? Pot să vă spun că tastând o scrisoare de poștă electronică pe o tastatură virtuală, folosind fața ta, e de rahat ...
Din fericire, majoritatea acestor implementări gestuale sunt asociate cu o anumită formă de recunoaștere vocală. De exemplu, Kinect va accepta comenzi verbale pentru a naviga și a realiza sarcini cum ar fi completarea formularelor. Telefonul Sesame suportă, de asemenea, comenzi vocale pentru anumite acțiuni de bază, dictând e-mailuri și altele asemenea.
Cuplat cu voce, metodele alternative de interacțiune dintre Kinect și Sesame Phone funcționează foarte bine. Dar interacțiunea vocală poate sta și ea singură.
Cei mai mulți dintre noi sunt familiarizați cu Apple's Siri, Google Now și Microsoft Cortana. Acești asistenți digitali sunt excelenți în ceea ce privește recuperarea informațiilor din surse selectate și realizarea altor activități de asistent, cum ar fi calcularea unui sfat și setarea unui memento. În ceea ce privește interacțiunea cu webul, cu toate acestea, nu ... încă. Putem colabora cu ei, dar ei nu pot (neapărat) se angajeze cu o pagină web.
Expunerea informațiilor stocate pe paginile noastre prin intermediul HTML-ului semantic și a unor sintaxe structurate cum ar fi microformatele, microdatele și RDFa ar trebui să puneți în cele din urmă la dispoziția acestor asistenți conținutul nostru, dar nu știm cu adevărat. Diferitele lor producători nu ne-au oferit niciun indiciu despre cum să facem acest lucru și, așa cum se întâmplă acum, niciunul dintre ei nu poate căuta o pagină web și să-ți citească. Pentru aceasta, trebuie să invocați un cititor de ecran.
Fiecare companie oferă un cititor de ecran primar. Și toate sunt capabile să vă ajute să interacționați cu o pagină, inclusiv ajutându-vă să completați formulare, fără a fi nevoie să vedeți pagina. Și totuși, aceste tehnologii nu au fost asociate cu asistenții lor corespunzători. Probabil că nu va dura mult înainte să vedem că se întâmplă acest lucru.
Când începem să analizăm modul în care site-urile noastre vor fi experimentate într-un context vocal, lizibilitatea paginilor noastre web devine crucială. Ștergerea prozei bine scrise și ordinea sursă logică vor fi o necesitate absolută. Dacă paginile noastre nu au sens atunci când sunt citite, care este punctul?
Strategistul de conținut Steph Hay văd interfața ca o oportunitate de a avea o conversație cu utilizatorii noștri. Curând va fi literalmente.
Interesant este faptul că Microsoft ne-a dat o privire asupra a ceea ce ar fi fost să proiectăm comenzi vocale personalizate pentru site-urile noastre dincolo de ceea ce OS sprijină în mod nativ cu Cortana. Cu alte cuvinte, ne-au lăsat să-i învățăm pe asistentul lor.
În Windows 10, aplicațiile web instalabile pot include un fișier de definiție a comenzii vocale (VCD) în capul paginii pentru a permite comenzile personalizate:
Fișierul VCD menționat este pur și simplu un fișier XML care definește cuvântul cheie pentru aplicația web și comenzi care pot fi emise.
Folosind o sintaxă de bază, VCD identifică fragmente opționale dintr-o frază dată și variabilele pe care Cortana ar trebui să le extragă:
Mesaj de grup Mesaj grup Adaugă notă adăugați o notă message utilizând postarea de grup [vă rugăm] adăugați o notă [that] noteSubject adăugând noteSubject la postarea în grup
Această aplicație particulară transmite informațiile preluate către JavaScript pentru procesare. Așa este, Cortana are și un API JavaScript. Destul de curat.
Dar computerele tradiționale și dispozitivele mobile inteligente nu sunt singurul loc pe care începem să-l vedem pe experiențe bazate pe voce. De asemenea, am descoperit voci cum ar fi Echo-ul lui Amazon și Ubi, care sunt complet fără cap.
În acest moment, ambele par să se concentreze în mod clar pe a vă ajuta casa să devină "mai inteligentă" - muzică, să ajusteze termostatul etc. - dar nu este greu de imaginat că aceste dispozitive se cuplează cu abilitatea de a naviga și de a interacționa cu webul.
În viitorul apropiat, interacțiunile bazate pe voce cu webul vor fi pe deplin posibile. Probabil că vor suge puțin la început, dar se vor face mai bine.
Voi face o predicție oarecum îndrăzneață: în timp ce atingerea a fost revoluționară în multe privințe spre îmbunătățirea accesului digital, vocea va fi și mai semnificativă. Interfețele bazate pe interfețe vor crea noi oportunități pentru oameni de a interacționa și de a participa la lumea digitală.
Pentru că ne-am gândit cum experiențele pe care le creăm sunt consumabile într-o varietate de dispozitive, avem saltul pe alți oameni care lucrează pe web când vine vorba de voce. Vedem experiența ca un continuum, începând cu textul.
Pe măsură ce tehnologia vocii se maturizează, vom fi cei pe care oamenii le consideră a fi experți. Vom împuternici noua generație de site-uri web și aplicații să devină capabile să funcționeze cu voce și, astfel, vom îmbunătăți viața a miliarde. Deoarece "accesibilitatea" nu se referă la dizabilități, este vorba despre acces și este vorba despre oameni.
Sigur, vom face mai ușor să căutăm timpi de film și să achiziționăm bilete pentru a vedea cele mai recente Transformatoare dezastru, dar vom împuternici, de asemenea, aproape 900 de milioane de oameni la nivel global - peste 60% dintre care sunt femei - care sunt analfabeți. Și aceasta este o populație care a fost în mare măsură ignorată pe site-ul nostru textual dominant.
Vom crea noi oportunități pentru cei săraci și dezavantajați să participe la o lume care le-a exclus. Este posibil să nu fiți conștienți, dar 80% din companiile Fortune 500 - cred că Target, Walmart - acceptă doar cererile de locuri de muncă online sau prin intermediul calculatoarelor. Vom permite persoanelor care au cunoștințe limitate de calculator sau care se luptă cu lectura să se aplice pentru a lucra cu aceste companii.
Putem ajuta la reducerea decalajului digital și a diferenței de alfabetizare. Putem crea oportunități pentru ca oamenii să-și îmbunătățească viața și viața familiilor lor. Avem puterea de a crea mai multă echitate în această lume decât au visat majoritatea dintre noi.
Acesta este un moment incredibil de interesant, nu doar pentru comunitatea de design receptivă, nu doar pentru web, ci pentru lume! Viitorul vine și eu nu pot să aștept să văd cât de minunat ați reușit!
Ziua reactivă 3: Punctul Final Breakpoint a avut loc la Brighton, Marea Britanie, la 19 iunie 2015.
Acest articol face parte din seria de dezvoltări web de la evangheliștii tehnici Microsoft privind învățarea JavaScript practică, proiectele open source și cele mai bune practici de interoperabilitate, inclusiv browserul Microsoft Edge și noul motor de randare EdgeHTML.
Vă încurajăm să testați printre browsere și dispozitive, inclusiv Microsoft Edge - browserul implicit pentru Windows 10 - cu instrumente gratuite pe dev.modern.IE:
Învățarea tehnică în profunzime pe Microsoft Edge și Platforma Web de la inginerii și evangheliștii noștri:
