211service.com
Hulpmiddelen voor beter webdesign
Als u het ontwerp van deze of een willekeurige webpagina leuk vindt (of niet), kunt u de broncode bekijken en zien hoe onze ontwerpers deze hebben gemaakt - de optie bevindt zich onder het menu Extra van veel browsers. Deze openheid is een van de beste dingen van het web, zegt Scott Klemmer , een professor aan de Stanford University die de Human Computer Interaction-groep leidt. Maar hij voegt eraan toe dat, tenzij je een ervaren webdesigner of codeur bent, het moeilijk is om erachter te komen welk deel van de code wat doet. Het laboratorium van Klemmer maakt tools waarmee zowel beginnende als ervaren ontwerpers kunnen profiteren van dergelijke bestaande webinhoud om hun ontwerpen sneller te verbeteren en aan te passen.
De beste manier om een gebruiksvriendelijk ontwerp te ontwikkelen dat codeur, ontwerper en klant bevalt, is door veel prototypes te bedenken, waarvan de meeste zullen worden weggegooid. Maar een ontwerp met vallen en opstaan opnieuw ontwerpen, duurt lang, dus Klemmer probeert het proces te automatiseren. Veel van zijn tools kunnen gratis worden gedownload van zijn lab of van partners, waaronder Adobe. Duizenden mensen hebben een tool gedownload genaamd blauwdruk , die nu beschikbaar is als plug-in voor Adobe's Flash- en Flex Builder-tools. Via Blueprint kunnen ontwerpers die een pagina coderen zoeken naar voorbeelden van code zonder door pagina's met resultaten te hoeven klikken die door conventionele zoekmachines zijn gegenereerd. Experimenten door de groep van Klemmer toonden aan dat professionele programmeurs die Blueprint gebruikten taken 28 procent sneller voltooiden en hoger gewaardeerde code schreven dan degenen die traditionele webzoekmachines gebruikten.
Een ander hulpmiddel, Bricolage, dat Klemmer en zijn student Ranjitha Kumar een paar maanden geleden ontwikkelden, kan elke webpagina nemen en deze opnieuw weergeven in de stijl van een andere, dankzij een algoritme dat de inhoud van een pagina scheidt van de stilistische sjablonen. Het idee is niet om mensen in staat te stellen ontwerpen in het groot te kopiëren, maar om brainstormen te vergemakkelijken. In plaats van uren bezig te zijn met het maken van elke nieuwe mock-up van een pagina, kun je zien of een bepaalde richting interessant is, zegt hij. Bricolage kan ook worden gebruikt om een pagina snel opnieuw te ontwerpen voor weergave op verschillende apparaten, zoals een desktopcomputer, een Android-telefoon of een iPad.
Bij design zijn er zoveel belanghebbenden - de techneuten, de klant, de ontwerpers - en ontwerpen zijn moeilijk in woorden te omschrijven, zegt hij. Als u voorbeelden bij de hand heeft, versnelt u het proces: bij creatief werk leidt en bouwt u expertise af door naar een enorm corpus aan voorbeelden te kijken. Klemmer merkt op dat kunststudenten leren wat een goed schilderij is, niet door lijsten met criteria te bestuderen, maar door voorbeeld na voorbeeld te bekijken, goede schilderijen en slechte. Wat een goed ontwerp maakt, kan net zo moeilijk te verwoorden zijn als wat een goed schilderij maakt, vooral wanneer mensen met verschillende vocabulaires - webontwerpers, programmeurs en klanten - proberen te communiceren.
Klemmer, die 33 is, was aanvankelijk van plan kunstenaar en grafisch ontwerper te worden. Toen hij zijn bachelorwerk aan de Brown University deed, zegt hij, werd hij geïnspireerd door hoeveel computers konden doen om creatief werk te vergemakkelijken. Een stage bij Paul Allens denktank Interval Research, medeoprichter van Microsoft, bevestigde zijn ambitie om softwaretools voor ontwerpers te maken. Klemmer zegt dat een van de doelen van Interval was om de generatie van gebruikersinterfacetools te ontwikkelen die na de grafische gebruikersinterface zouden komen.
Een vergelijkbare ambitie ligt ten grondslag aan het werk van Klemmer vandaag: hij wil het web toegankelijker maken. De internetgebruiker van tegenwoordig zit waarschijnlijk op een mobiel apparaat en naarmate de bevolking ouder wordt, zullen meer internetgebruikers een beperkt gezichtsvermogen of beperkte motorische vaardigheden hebben. Maar een nieuwe versie van een site maken voor elk type gebruiker of apparaat is ongelooflijk tijdrovend. Met de tools die hij ontwikkelt, kan een ontwerper één canonieke versie van een website maken en vervolgens software ontwikkelen die de conversie van dit ontwerp naar versies automatiseert die werken voor de steeds grotere verscheidenheid aan mensen die deze website bekijken.