Fra tid til anden oplever en industri grundlæggende ændringer, der radikalt ændrer det. Sammen med dette kommer en eksplosion af mulighed: Mulighed for enkeltpersoner at skille sig ud, for at nye produkter kommer frem og for forankrede virksomheder skal udskiftes. Nu er sådan en tid i websamfundet.
Så længe jeg kan huske, har det primære fokus i webudvikling været at sikre, at websites gør det samme på tværs af alle browsere. Vi gjorde en stor indsats for at sikre, at en kundes hjemmeside så nøjagtig det samme i alt fra gamle versioner af Internet Explorer til den nyeste Firefox, alt sammen.
I de seneste år har vi oplevet voksende interesse for det såkaldte progressive enhancement, som er teknikken til at betjene avancerede funktioner og stilarter til moderne browsere, men ikke til ældre ikke understøttede browsere.
Denne tilnærmelse syntes aldrig at komme sig over hele linjen. De fleste agenturer forsøger stadig at gøre deres hjemmesider universelle. Og progressiv forbedring blev ofte betragtet som en undskyldning for at ignorere irriterende problemer. Som det viser sig, er webfolk temmelig kloge og har skabt værktøjer, der overvinder utallige browserproblemer.
Nogle af disse udviklinger har ført til begrebet "lydhurtigt webdesign." Hvis du ikke er bekendt med begrebet, skal du sørge for at tjekke endelig indledning til det på en liste fra hinanden .
For at opsummere det hurtigt, er det vigtigt, at du tilpasser en sides gengivelse, der passer til brugerens enhed. I et stykke tid var det nemt at gøre: Hvis brugeren var på en mobil enhed, blev de omdirigeret til et separat minipage. Men med smartphones og især tabletter er linjen sløret.
Responsive design er hurtigt blevet anerkendt som en utrolig smart måde at opbygge hjemmesider på. Hvor langt du tager det er op til dig. Men én ting er sikkert: det ændrer industrien radikalt og påvirker utallige metoder og værktøjer, som vi har brugt i årevis. Lad os overveje virkningen af denne nye tilgang på nogle af de grundlæggende værktøjer, vi er kommet til at stole på og på webdesign generelt.
Næsten alle, der arbejder på internettet, har på et eller andet tidspunkt været udsat for en person, der mener, at deres vennes teenager kunne håndtere deres projekt. Dette perspektiv har altid været irriterende, men der er noget lys ved enden af tunnelen. Med lydhør design blev det bare meget mere kompliceret. Der er nu en enorm mulighed for web fagfolk at skille sig ud fra besætningen.
Der er tusindvis af webdesignere og udviklere rundt om i verden, og vi er alle forbundet med det magiske medium, vi arbejder i. Dette er både stort og problematisk. I betragtning af antallet af personer, der er til rådighed for arbejde, kan det være svært at stå ud.
Der er faktisk en fantastisk mulighed her. Hvis du er aggressiv nok, kan du skille sig ud ved at arbejde med din hale for hurtigt at forstå lydhør design og udvikling. Grav ind og lær det, opdater din personlige hjemmeside og tal om dine resultater. Jeg garanterer, at hvis du opretter en frisk portefølje, der viser denne færdighed, vil folk være interesserede i at arbejde med dig. Men vinduet til dette er temmelig kort, afhængigt af hvor hurtigt andre designere kommer om bord.
Budgetter udgør en betydelig hindring ved denne tilgang. Med lydhør design skal vi oprette så mange som fire variationer for hvert layout, til målretning af smartphones, tablets, netbooks og desktops. Overvej en grundlæggende hjemmeside med kun to sider: en startside og en indre side. Disse to layouter bliver otte variationer, når du implementerer dem til fire enhedsstørrelser.
Betyr det, at vi skal opkræve fire gange så meget for arbejdet? Det synes næppe sandsynligt. Selvfølgelig vil omkostningerne være inkrementale, men den tid der er nødvendig for at forberede layouterne og kode dem til at fungere ordentligt vil helt sikkert stige.
Kundeuddannelse vil spille en stor rolle. Vi er nødt til at hjælpe vores kunder med at forstå, at mens iPads og iPhones er kølige, driver disse enheder omkostningerne ved kvalitetsudvikling. At få kunderne til at forstå vores omkostninger er hårdt nok, som det er.
Hvis du vil lave et stænk i fællesskabet, skal du oprette et værktøj, der adresserer budgetproblemer. Mange har allerede gjort det med værktøjer som 320 og op og Mindre ramme . Begge disse reducerer den tid, det tager at opbygge produkter, og de hjælper udviklere med at afskære tiden fra budgetter. 320 og op i særdeleshed er et perfekt eksempel på, hvordan man kan udnytte denne mulighed.
Med marken bred åben nu, vil det være meget lettere at indføre værktøjer til markedspladsen, der strømliner udviklingsprocessen til støtte for et responsivt design. Vi kunne endda oprette værktøjer, der replikerer eksisterende, men der er orienteret omkring lydhørt design.
Et af de mange områder, der kunne blive vendt på hovedet, er markedet for plug-ins, der arbejder med populære rammer som jQuery. Markedet er fyldt med smukke plug-ins, der gør en lang række ting i browseren: diasshow, fotogallerier, formularer, pop-ups, listen fortsætter.
Muligheden her er sindssyg. Tag en almindelig plug-in, som det glatte diasshowværktøj Nivo Slider . Dette fantastiske værktøj findes i utallige udvikleres værktøjsbælter. Markedet er moden til nogen til at skabe et lignende værktøj, som selvjusterer sig til at fungere glat på tværs af enheder ved hjælp af en lydhør tilgang.
Det samme gælder for næsten enhver plug-in. Hvis du leder efter et projekt, der stort set garanterer succes, skal du vælge en hot plug-in og oprette en lydhør version, der tilpasser sig til at fungere korrekt på forskellige enheder.
Mens denne artikel handler mere om udviklingsprocessen, lad os overveje browserprøvning. Dette er en grundlæggende del af opbygningen af hjemmesider. Enhver, der er knædyb i at bygge en hjemmeside, kan sandsynligvis teste ting i flere browsere, når de går. Og på et tidspunkt gennemgår de fleste hjemmesider en dybtgående test i mange browsere.
Men hvordan håndterer vi dette gennem et responsivt design? Skal holdet have alle de mest populære enheder? Sikker på, der er emulatorer, men de fleste er smertefuldt at installere og arbejde med. Og intet slår test med den rigtige ting.
Opsætning af software på computere til at tage skærmbilleder på en række browsere og platforme er lidt hårdt. Men det er virkelig svært at opsætte systemer til automatisk at tage skærmbilleder fra det stadigt stigende antal enheder. De løsninger, der eksisterer, er dyre, og jeg har endnu ikke fundet en god service til dette.
Dette er en af de situationer hvor kompleksitet er en fordel. Hvis nogen klarer at hælde denne kat, ville det være ret svært for andre at følge. Der er mange løsninger til at tage automatiserede skærmbilleder i flere browsere, men den første person, der tilbyder screenshots til enheder, vil have noget helt unikt at sælge. Og samfundet vil reagere på en stor måde.
Markedet for klare temaer er stort, men lydhørt design er også en apsnøgle. Skabelonudbydere vil sandsynligvis ikke eftermontere deres designs for at imødekomme disse nye krav. I stedet vil de sandsynligvis føje responsive funktioner til fremtidige udgivelser. Og der ligger muligheden.
Gamle skabeloner er ikke blevet gjort ubrugelige; de mangler bare en vigtig komponent. Dette niveauer spiller i et stykke tid. Hvis du har overvejet at springe på din egen temaforretning, er det en god tid at gøre det. Etablerede virksomheder bliver nødt til at støtte deres gamle skabeloner, og mens de nyder nogle fordele, er adgangsbarrieren på markedet lige lidt lavere.
Fællesskabet er kommet til at stole på softwaretjenester til ting som wireframing og brugervenlighedstest. Men hvordan håndterer disse værktøjer flere enheder? Mange værktøjer adresserer, siger, brugervenlighedstest, og nogle nye adresserer endda mobil testning (f.eks YouEye Mobile ), men de løser kun en del af problemet.
I wireframing niche er der en fælles måde at håndtere forskellige sidelayouter på, men jeg har endnu ikke fundet en løsning, der håndterer et enkelt sidelayout til forskellige enheder. Behovet er så simpelt, men mange systemer slår simpelthen ned. Skal vi oprette en ny wireframe til hver enhed? Svaret er ikke klart.
Markedet er modent til værktøjer, der understøtter folks nuværende tilgange til at arbejde online, samtidig med at det omfatter et lydhørt design. Du kan muligvis lokke kunder væk fra konkurrenter ved at tilbyde funktioner, der omfatter disse moderne teknikker.
Ændring kan være unnerving, endda overvældende. Ligegyldigt hvor meget du lærer, har du altid lyst til, at du ligger bagud. Men alle er i samme båd. I tider med stor forandring kan du maksimere mulighederne ved at dykke i og køre på den første bølge.
Ser du andre muligheder for at udnytte bevægelsen hen imod lydhørt design?