Share
Terwijl ik omhoog kijk naar het scherm net boven mijn rechteroog, denk ik aan alle dingen die Google Glass is: de toekomst, een communicatieapparaat (en een geweldig apparaat), een gespreksonderwerp, een camera, informatie die letterlijk in beeld is voorkant van je gezicht en vanaf de laatste update een webbrowser.
Voor mij is de browser net zo interessant als onvermijdelijk. Er waren duidelijk enkele beperkingen waar het Glass-team over moest nadenken, evenals enkele geheel nieuwe problemen. En nu dat het uit is, gebruiken ongeveer 10.000 Glass Explorers het. Ik heb er vertrouwen in dat er binnenkort miljoenen zullen zijn. En kort daarna zeggen onze werkgevers, klanten en klanten: "Ik wil dat mijn website werkt op Glass."
Glass is het nieuwe (nog steeds bèta-) product van Google dat een klein scherm voor je ogen aanbrengt. U kunt dat apparaat dan gebruiken om foto's te maken, Google-zoekopdrachten, bellen, sms'en, videochatten en meer uit te voeren.
Het is momenteel niet beschikbaar voor consumentenaankopen - degenen die het bezitten, worden toegepast in het programma van Glass Explorer. Het gerucht gaat dat Glass ergens in 2014 beschikbaar zal zijn voor consumentenaankopen, mijn gok is in het tweede of derde kwartaal. Er is mij verteld dat er momenteel in totaal ongeveer 10.000 sets in het wild zijn.
In een recente update, XE7, heeft Google een webbrowser voor de headset uitgebracht.
Google is misschien de eerste die zoiets heeft aangekondigd en is absoluut het grootste bedrijf, maar dat betekent niet dat Google Glass het enige product in zijn soort is dat er is. Om te beginnen is er Glass Up die beweert hetzelfde te doen als Google Glass doet.
Toen schreef PCWorld over verschillende andere bedrijven die aan vergelijkbare technologie werkten.
Er zijn ook horloges, armbanden en andere draagbare technologie die populair wordt. Apple heeft de naam iWatch als handelsmerk, de Pebble Watch is ongelooflijk populair en items als de Jawbone UP en Fitbit zijn volledig op de markt. Samen met Google Glass zal er een hele reeks apparaten zijn die webbrowsers kunnen hebben en als webontwikkelaars moeten we voorbereid zijn!
Laten we eerst eens kijken hoe de browser van Glass werkt. Vanaf nu kun je niet echt rechtstreeks naar een website gaan. U voert een Google-zoekopdracht uit en kiest websites op basis van de resultaten.
Screenshot van mashable.com Selecteer een van de resultaatkaarten om de link te volgen en Glass brengt de website naar voren. Je kunt dan scrollen door met één vinger langs de aanraakstaaf te schuiven (die zich uitstrekt van rond je oor naar de voorkant van je slaap, of je kunt twee vingers op de aanraakbalk plaatsen en "rondkijken"). "op koppelingen door er op te centreren en op de aanraakbalk te tikken - je hebt een kleine cirkel op het scherm die als aanwijzer dient.Tenslotte kun je zoomen: twee vingers terug om in te zoomen, twee vingers naar voren om uit te zoomen.
Voor zover ik kan nagaan, zijn dit de enige interacties die je hebt; u kunt geen formulieren invullen, bijvoorbeeld. Eenvoudig bekijken en selecteren.
Notitie: Dit is nog steeds een bètaproduct, dus ik moet vermelden dat deze interacties kunnen veranderen tegen de tijd dat Glass wordt vrijgegeven aan consumenten.
Dit is de reden dat wij als webontwikkelaars zich bewust moeten zijn van hoe we onze websites ontwikkelen. Het blijkt dat de principes die ik ga bespreken niet zo nieuw zijn, maar suggereren een toekomstvriendelijke benadering van webdesign; belangrijk als apparaten zoals Glass (of zelfs Apple's fabelachtige iWatch) op de markt worden gebracht.
Uitgangspunten voor ontwikkeling voor Glass scharnieren nu op twee ongelooflijk veel voorkomende ideeën in webontwikkeling: Responsive Web Design (RWD) en een Mobile First-aanpak.
Desktop / niet-responsieve sites worden prima weergegeven in de browser van Glass, net als op Android- of iOS-apparaten. De tekst is echter ongelooflijk moeilijk om te lezen zonder te zoomen; hetzelfde geldt voor het selecteren van links. Er is een bepaald niveau van precisie dat je nodig hebt bij het selecteren van een link door ernaar te kijken. Op een desktopversie van een website is die precisie vaak niet aanwezig.
Notitie: Op het moment van schrijven schrijft scranton.edu om naar een mobiele site met de optie om de volledige site te openen. Begin augustus zullen ze overschakelen naar een responsieve website.
Een paar jaar geleden schreef Luke Wroblewski een fantastisch boek genaamd Mobile First. Hierin bespreekt hij een hele reeks onderwerpen, waaronder waarom het belangrijk is om eerst de mobiele ervaring te overwegen bij het ontwikkelen van een website en vervolgens vanaf daar te bouwen. Zoals Luke het zegt:
Als u eerst voor mobiel ontwerpt, kunt u vooraf [een] overeenkomst opstellen over wat het belangrijkst is. U kunt dan dezelfde redenering op de desktop toepassen ...
Kort gezegd, het doel van een mobiele eerste benadering is om de belangrijkste inhoud te bepalen en deze op een toegankelijke manier te presenteren. Naarmate u uitbreidt naar grotere schermen, zult u merken dat de meeste extra (of minder belangrijke) functies eigenlijk niet nodig zijn.
Wroblewski presenteert ook een andere theorie, die ik als een basis zou beschouwen voor de reden waarom een eerste mobiele benadering zo belangrijk is: bij mobiele gebruikers heb je slechts "één oog en één duim". Daarom moet uw interface gemakkelijk genoeg zijn om alleen met die interface te gebruiken.
Met Google Glass is dat op zijn minst half waar in letterlijke zin. Je hebt maar één oogbol. Wat betreft de duim, afhankelijk van hoe je ernaar kijkt, heb je ofwel een vinger of geen vingers. Zoals we eerder hebben ontdekt, kunt u niet meer contact opnemen met de website die u bekijkt. Je gebruikt je vingers alleen als hulpmiddel om te kijken waar je wilt.
U bent waarschijnlijk bekend met Responsive Web Design. Dit is het idee dat we onze websites moeten laten reageren op de schermen waarop ze worden bekeken. Met Google Glass betekent dit een kijkvenster van 427x240 px. Maar zoals je je wel kunt voorstellen, is het een beetje ingewikkelder dan dat.
Er zijn bepaalde dingen die we kunnen doen met behulp van mediaquery's om ervoor te zorgen dat onze websites goed werken op Glass, waar u weinig meer gebruikt dan uw oog om de website te beheren.
Eerst en vooral willen we dat onze websites gemakkelijk te lezen zijn, zelfs op glas. Dit is wat een inheemse kaart op Google Glass eruitziet:
Ik suggereer niet dat we onze ontwerpen tot zoiets moeten boren, maar we moeten niet vergeten dat het bekijken van het scherm is als het bekijken van een 25-inch HD-scherm van acht meter verderop. We willen niet dat onze gebruikers veel moeten inzoomen en dan hun hoofd rond moeten bewegen om de hele site te bekijken. We willen dat ze de informatie die ze op de website hebben gekregen snel en gemakkelijk kunnen verkrijgen. Tijdens het ontwerpen moeten we onthouden om:
Ankers moeten grote, gemakkelijke doelen zijn voor uw gebruikers. U wilt niet dat zij veel rond hun hoofd cirkelen om naar een andere pagina van uw site te kunnen gaan. Maak koppelingsblokken die opvallen en maak gebruikers bewust van het volledige klikbare gebied, zodat ze precies weten hoe precies ze moeten zijn.
Een link op mijn site selecteren (let op de cursor) Volledig op input gebaseerde websites zullen niet goed werken met de browser van Glass. Op dit moment hebben gebruikers uw site gevonden vanwege een Google-zoekopdracht die ze hebben uitgevoerd. Zorg ervoor dat u uw informatie op een eenvoudige manier presenteert en geef uw gebruikers actiegerichte items om te doen. "Bel hier", ?? of "E-mail ons op ..." Laat ze een adres zien dat ze kunnen aansluiten op Glass voor een routebeschrijving. Geef ze dingen die ze onafhankelijk van uw website kunnen doen.
Tip: Advertenties zijn de duivel. Ik ging naar een website met een pop-upadvertentie op Glass en het maakte de site volledig onbruikbaar omdat de "X" zich op een plek bevond waar ik er niet naar kon kijken. Misschien vergeet voor nu (of voor altijd) advertenties over Glass.Mijn website (casabona.org) functioneert verrassend goed op Glass, deels omdat ik per ongeluk de bovengenoemde conventies volgde. Ik wil misschien de lettertypegrootte een beetje opvoeren, zodat het gemakkelijker te lezen is, maar navigeren levert momenteel geen problemen op.
RWD en Mobile First zijn twee zeer sterke pijlers waarop we moeten vertrouwen. Ik heb mijn site lang vóór Google Glass opnieuw ontworpen vanwege wat ik heb geleerd van het lezen van deze onderwerpen en het blijkt dat ze me daar het meeste hebben geholpen. Het feit is dat we niet weten wat er in de buurt van het internet aan de hand is.
Van Brad Frost's Dit is het web De overgrote meerderheid van de mensen heeft momenteel geen Google Glass en daarom kan testen moeilijk zijn. Er zijn een paar testmethoden, waaronder Google's Mirror API, verschillende oplossingen van derden en een niet-officiële emulator. Alles of geen van deze oplossingen kan zelfs werken; op het moment dat dit werd geschreven, zijn de meeste niet bijgewerkt met de nieuwe browser.
Op dezelfde manier lijken er niet veel voorbeelden te zijn van mensen die speciaal voor Glass ontwerpen, of voorbeelden van hoe websites eruitzien op Glass ... dat is misschien iets om over na te denken :)
Als u geïnteresseerd bent in het ontwikkelen van native Google Glass-apps, kunt u doorgaan naar Google Mirror API voor een aantal geweldige zelfstudies!
In afwachting wil ik je vertellen wat de ontwikkelaars bij Google I / O dit jaar zeiden: houd het simpel. Het werken met Glass moet gemakkelijk en licht zijn.
Ik ben hier nog maar net aan de oppervlakte gekomen. De browser van Glass is nog relatief nieuw en er is een beetje te ontdekken. In mijn aankomende ebook, ook getiteld, De Web Designer-handleiding voor Google Glass, Ik ga dieper ingaan op de mogelijkheden van Glass 'browser, wat te onthouden voor toekomstige builds van Glass (XE8 en verder), en bekijk een paar case studies voor wat er al is.
Terwijl Glass opstijgt, vermoed ik dat we eerst ontwikkelaars aparte sites zullen zien maken die geoptimaliseerd zijn voor glas, bijvoorbeeld glass.website.com. We moeten echter proberen vast te houden aan de principes die zijn uiteengezet door Luke W en Ethan Marcotte om geweldige webervaringen te creëren die agnostisch zijn voor het apparaat. Glas is misschien wel de eerste in zijn soort, maar het zal zeker niet de laatste zijn.
Dus wat denk je ervan? Zullen websites op Glass (of zelfs Glass in het algemeen) een hit worden? Zou een zelfstudie over het optimaliseren van een site voor Google Glass de moeite waard zijn? Ik zie uit naar uw mening in de reacties!
Accentsconagua