Inhalt
- De statesche Komp ass e schlecht liwwerbare
- D'Virdeeler vum Browser
- Reaktiounsfäeger als Standard
- Plangt als Prototyp
- Resumé
Design um Internet ännert. An enger Welt vu ville Geräter a Fäegkeeten hu mir vill nei, spannend Erausfuerderungen. Ech hunn d'Design am Browser als hëllefräich Approche fonnt fir e puer vun dësen Designprobleemer ze léisen.
Als éischt emol e puer Opklärungen. Entwerfen am Browser heescht net datt Dir Photoshop deinstalléiert, de Lizenzschlëssel verbrennt an en Eed geschwuer ni méi en Pixel ze drécken. Design op egal wéi eng Manéier fir Iech funktionnéiert. Loosst Iech am Park oder mat enger Sharpie inspiréieren. Denkt duerch Probleemer am Wee wéi Dir et genéisst. Ni soll iergendeen Iech soen wéi Dir kreativ sollt sinn.
An deem wat folgend géif ech hoffen Iech ze iwwerzeegen datt:
- Mir sollten Design Zäit verbréngen am Medium HTML, CSS a JS ze schaffen.
- Clienten sollten HTML an CSS Mockups ugewisen anstatt statesch Biller als final Design liwwerbar wou et méiglech ass.
De statesche Komp ass e schlecht liwwerbare
Traditionell huet de leschte statesche Comp zwee verschidden Zwecker gedéngt: Client Ofmeldung ze kréien an als Plang fir en Entwéckler ze ginn fir de leschte Site ze bauen. Et ass e béise Liwwerung a béide Fäll.
Fir Clienten setzt et falsch Erwaardungen, betount déi falsch Saachen a representéiert de Web net gutt fir Ufänger. Als Designer kommunizéieren mir ëmmer. Sief et de Clienten ze lauschteren, duerch Approchen ze schwätzen, mat Feedback ze schaffen oder Leit ze iwwerzeegen op d'mannst d'Halschent vun der Aarbecht vum Design kommunizéiert. Statesch Comps verwiesselen dës Kommunikatioun. Si betounen Uewerfläch Andréck wa mir och iwwer d'Gefill vum Surfen an d'Erfahrung vum Interagéiere musse schwätzen. Kritt "Design Sign-Off" als Biller vu Säiten, mir léieren se u Säiten a Saache Säiten ze denken anstatt Komponenten. Comps ginn e falschen Androck vum Web als eppes wat weder ofgëtt oder fléisst awer stur statesch bleift.
Fir Entwéckler gi statesch Comps eng konfus, onkomplett an dacks frustréierend Blueprint. Et ass schwéier en Iwwerbléck iwwer e Site ze kréien aus Biller vun engem Ënnergrupp vu senge Säiten. E statesche Comp beschreift net den Zweck an d'potenziell Wiederverwendbarkeet vu sengem Inhalt. Et gëtt dacks Duercherneen iwwer wat Saache solle maachen a wou se weiderbenotzt ginn. Entwéckler kënnen och frustréiert ginn iwwer d'Annahmen aus dem Comp. De perfekte Inhalt vum Komp gëtt de Wee fir d'Realitéit déi an der Datebank lauert. Déi onverännerlech Perfektioun vu statesche Biller ka schwéier an al Browser passen. Comps kënne Sink Lächer vun der Entwécklerzäit ginn, déi zu bréchelen, Buggy Code an Zäit falsch verbraucht ginn op Elementer vun zweifelhafter Bedeitung.
D'Virdeeler vum Browser
Et ass einfach ze kritiséieren a Lächer ze pochen. Ech wëll net méi Zäit negativ ausginn. All Approche hunn Réckzuch. Ech gleewen net datt d'Design am Browser einfach déi mannst schlëmmst Approche ass. Ech gleewen datt déi iwwerzeegend Grënn fir ze designen am Browser seng Tugende sinn anstatt wéi aner Approche Feeler.
Reaktiounsfäeger als Standard
De Web ass standard reagéiert. Mir sinn all begeeschtert iwwer reaktiounsfäeger Design. Richteg Genie schaffen u richteg Genie Saachen. Mir experimentéieren all a probéieren nei Saachen. Loosst eis awer net vergiessen datt de Web als Standard reagéiert. D'Grondlage vum Web sinn HTML Dokumenter ze kreéieren an se bal iwwerall op bal alles ze gesinn. Par défaut huet de Web keng optimal Breet, optimal Héicht, optimal Schrëftgréissten oder optimal eppes wierklech. Designen am Browser gëtt eis Reaktiounsfäegkeet gratis. Et zentréiert och, grad sou wichteg, eis Designdenken ronderëm d'Flëssegkeet vum Internet.
Designen am Browser gëtt praktesch Virdeeler. Mir hunn Tools (wéi Shadow a LiveReload) fir iwwer verschidde Geräter gläichzäiteg ze designen. Mir kënne mat eisem Design experimentéieren an d'Ännerunge reflektéieren direkt iwwer Desktops, Pëllen, Telefonen a Landschaft an Telefonen am Portrait. Dëst ass Sci-Fi Saachen! Genau sou wichteg ännere mir de Wee wéi mir iwwer Design vu Websäiten denken. Mir designen mat der Diversitéit vum Internet am Kapp. Tatsächlech, méi wéi dat, mir designen mat d'Varietéit vum Webfront an Zentrum. D'Varietéit vum Web gëtt Deel vun eisem Canvas.
Plangt als Prototyp
Als Designer um Internet si mir glécklech. Eist Medium ass weder deier nach onpraktesch ze gestalten. Architekten kënnen hir Iddien net einfach an Zille testen. Puer aner Medium erlaabt eis sou schnell tëscht Plang a Prototyp ze bewegen. Loosst eis dat schätzen. Loosst eis Zäit mat eisen Designs verbréngen als praktesch anstatt theoretesch Saachen.
Entwerfen am Medium wir anzebauen erlaabt eis eis Designentscheedungen ze testen géint eppes no beim Schlussprodukt. Mir kënnen op eng méi informéiert Manéier decidéieren. Mir kréie méi wéi nëmmen d'Uewerfläch Erscheinung vun eise Motiver ze testen. Mir kréien se metaphoresch an eisen Hänn ze halen, hiert Gewiicht ze moossen an hir Balance ze testen.
Dëst ass net ze soen datt mir nëmmen am Browser designen. Experimentéiert a probéiert Saachen eraus a wéi engem Wee Dir Iech bequem sidd. Lauschtert ni engem deen e Rezept fir Kreativitéit huet. Awer probéiert Äert Design net zweeter ze roden. Maacht definitiv Entscheedungen op Basis vun Ärem Androck dovun am Browser.
Resumé
Designen am Browser ass net eng sëlwer Kugel. Ech gleewen awer datt et staark Virdeeler iwwer traditionell Approche gëtt, besonnesch wann Dir den neien Design Erausfuerderunge konfrontéiert hutt wann Dir iwwer verschidde Geräter designt.
Et ass sou vill e Mentalitéitswiessel wéi eng Ännerung vun Tools. Entwerfen am Browser kritt Clienten, Designer, UX Leit an Entwéckler fokusséiert op d'Produkt anstatt e liwwerbar. Et erënnert eis un wat a firwat mir bauen. Probéiert et aus, kuckt wéi et fillt, loosst mech wëssen wéi Dir weidergeet.
