10 webudviklingskoncepter, designere bør kende

I over 10 år har jeg arbejdet som webudvikler, det meste af den tid har min virksomhed arbejdet som underentreprenørudviklingsteam og arbejdet sammen med webdesignere på websteder og applikationer. Derudover har vi udviklet vores eget lille CMS-produkt, Aborre , som bruges af mange webdesignere til at levere enkel indholdsstyring til deres websteder. I løbet af at støtte Aborre får jeg se, hvordan folk arbejder, og de begreber, de kæmper med.

En designer, der freelancer eller driver sit eget bureau, kan finde ud af, at de har brug for med tillid til at forklare tekniske begreber for klienter. Slutklienten er ofte uvidende om de forskellige specialiteter bag lanceringen af ​​et nyt websted og stoler på deres webdesigner for at guide dem gennem processen. Derfor, selvom du har tendens til at outsource udviklingsarbejde, kan det at have en forståelse for udvikling betale udbytte, så du kan diskutere de tekniske dele af jobbet med dine kunder. Derudover, når du arbejder med udviklere, hjælper din viden med at fremskynde kommunikationen og forhindre misforståelser.



Denne artikel indeholder nogle små tip og links til yderligere læsning om emner, som jeg har fundet ud af, at jeg forklarer, når jeg arbejder med webdesignere om projekter og når jeg støtter Perch.



1. Skriv brugercentrerede funktionelle specifikationer

Funktionelle specifikationer eller trusser til udviklingsarbejde er en del af agenturets liv. De får lidt af en dårlig presse, da de kan bruges til at slå klienten over hovedet med og for at forhindre, at der foretages ændringer, der forbedrer webstedet til det bedre. Men hvis du har brug for at citere tid og omkostninger, har du brug for noget at basere dette skøn på, og hvis du udliciterer udviklingsarbejde, skal du sørge for, at udviklerne er klare over, hvad de har brug for at bygge.

Udviklingsspecifikationer skal klart beskrive din applikation med fokus på, hvad brugeren kan gøre. Koncentrer dig om de opgaver, som brugere - både besøgende og administratorer - har brug for at udføre, og du vil gå langt med at skabe en specifikation, der kan citeres pålideligt, og som hjælper med at forhindre funktion kryb .



2. Overvej programmeringskonstruktioner, når du planlægger

Når udviklere overvejer et sæt krav, har vi tendens til at tænke i form af programmeringskonstruktioner. En forståelse af disse konstruktioner kan virkelig hjælpe, når man udvikler specifikationer og designer grænseflader.

Betinget logik - hvis ... så ... ellers ...

Et eksempel på betinget logik kan være følgende krav. Hvis en bruger er logget ind, så vis dem et link til 'Min konto', ellers vis linkene til login og oprettelse af konto. Det er let at glemme det andet, når du designer et flow. Overvej altid hvad der sker, hvis din tilstand ikke er opfyldt.

Sløjfer

En masse udvikling består i at gentage klumper af information. Måske har du produkter gemt i en database og vil vise dem som en liste og gentage den samme blok af markering igen og igen, indtil du når slutningen.



canon eos 5d mark iv bedste pris

Hvad sker der, hvis du har for mange ting til at kunne vises pænt på en side? Du skal bruge en slags personsøgning - forrige og næste - eller en anden måde at kun vise en del af dataene på. Kan folk sortere disse data på nogen måde? Er der specielle tilfælde, der skal vises på en anden måde? Disse regler skal forklares i specifikationen, da enhver filtrering sandsynligvis vil kræve, at yderligere information gemmes mod produktet i databasen.

Denne artikel fra dev.opera forklarer det grundlæggende ved programmering i enkle vendinger for ikke-programmør.

3. Ved design - glem ikke fejltilstandene

Når du tænker på at udvikle en brief til udvikling eller oprette dine indledende designs, så glem ikke fejltilstandene og validering af formularer. Hvis du overlader disse ting til dine udviklere, vil du ende med fejlmeddelelser designet af programmører.

hvordan man inverterer markering på Photoshop

Beskyt dit design fra programmører! Især hvis du er i en situation, hvor du overdrager design til en udvikler for at opbygge webstedet og måske ikke har meget input efter dette punkt. Tænk gennem de forskellige steder, hvor brugerne har brug for at udfylde formularer eller på anden måde interagere med webstedet. Beskyt dit design ved at give klare instruktioner til udviklerne om, hvordan beskederne vises, og hvad brugeroplevelsen skal være.

4. Lær det grundlæggende i databasedesign og hvordan data lagres

Medmindre du har et helt statisk sted - i hvilket tilfælde dine data er gemt som HTML - gemmer du data på en eller anden måde. At have en forståelse af, hvordan data lagres, vil gøre dit liv lettere som webdesigner. Det hjælper dig med at forstå de beslutninger, en udvikler skal tage for at gemme data godt til brug på webstedet, og hvorfor tilsyneladende små ændringer i designet kan gøre en masse arbejde.

5. Lær at elske versionskontrol

Kilde- eller versionskontrol kan især virke unødvendig for den enlige designer, men versionskontrol kan hjælpe med at forhindre tab af data ved at give en sikkerhedskopi af dit arbejde. Brug af et fjernstyret versionskontrolsystem kan også gøre det lettere at arbejde forskellige steder. Jeg tjekker mit arbejde i vores system hver aften, og hvis jeg har brug for at arbejde hjemmefra af en eller anden grund den næste dag, kan jeg tjekke mine fremskridt og fortsætte nøjagtigt, hvor jeg slap.

Der er en række fremragende hostede versionskontroludbydere i disse dage - for eksempel GitHub og Bønnestængel . Beanstalk har også en strålende guide til versionskontrol til dem, der bruger det for første gang.

6. Opret et professionelt udviklingsmiljø

Støtte til Aborre har givet os et fantastisk indblik i de måder, som folk arbejder på. Nogle af de skræmmende ting, vi ser folk lave, inkluderer følgende:

Udvikler direkte på live-siden

Jeg er altid forbløffet over antallet af mennesker, jeg ser foretage ændringer direkte i filer på et live-websted. Dette er en forfærdelig måde at arbejde på, og ikke kun fordi du sandsynligvis bryder noget på live-siden. Hvis du udvikler direkte på filer på en server, er det meget muligt, at dette er den eneste kopi af de opdaterede tilgængelige filer. Hvis der er noget problem med serveren, kan du finde ud af, at hele dit websted er tabt.

Udvikling i en undermappe på live-siden

Den anden ting, vi ser folk lave, er at udvikle sig på live-webstedet, men at gøre det i en undermappe. Selvom dette betyder, at du ikke foretager ændringer direkte på det levende websted, har du stadig problemet med, at din eneste kopi af webstedet findes i en undermappe på live-serveren.

Der er et andet problem med at udvikle sig i en undermappe - det være sig på live-webstedet eller på din lokale server - ved at ved at gøre det vil alle dine stier fra root være forkert, når du flytter webstedet op et niveau. Nogle scripts har brug for at kende stierne fra rod, så du kan finde ud af, at ændringen i miljøet giver dig et problem, når du går live. Drew McLellan forklarer, hvorfor du skal standse byggepladser i undermapper .

Udvikling lokalt uden en webserver

Hvis du ikke laver nogen serversideudvikling, kan du bare arbejde lokalt, forhåndsvise filer fra filsystemet i browseren eller bruge Dreamweaver eller en anden editor til at forhåndsvise i browseren. Endnu en gang ved at gøre dette ser du ikke dine sider som en del af hjemmesiden, hvilket kan skabe problemer med stier, når du går live.

Udviklere ved, at du altid skal spejle dit levende miljø så tæt som muligt, dette forhindrer mange af de problemer, du ellers ville have, når du flyttede et sted live.

hvad betyder tromp lvЂ ™ oeil arch?

Jeg vil foreslå, at alle kører deres egen lokale webserver. Hvis dine sider generelt kun er HTML og CSS, eller hvis du bruger PHP, så MAMP på Mac, EasyPHP eller XAMPP på Windows klarer sig fint. Opret virtuelle værter for hvert websted, så filerne kan leve i roden af ​​webstedet.

7. Genbrug kode og andre aktiver

Udviklere kan lide at genbruge kode, hvor det er muligt, i stedet for at skrive ting fra bunden, genbrug sparer tid, men kan også spare dig for at lave de samme fejl igen og igen.

Genbrug af kode betyder ikke nødvendigvis at bruge en CSS-ramme eller den samme kedelplade til hvert websted. Du kan bare vedligeholde et bibliotek med nyttige uddrag.

Mange kodeditorer giver dig mulighed for at gemme kode som uddrag eller klip, der er også enkeltstående værktøjer og webapplikationer designet til dette formål.

Genbrug behøver ikke kun at handle om kode, du kan gemme almindelige interfaceelementer for at falde ind i design i Photoshop. En måde, jeg sparer tid på, er at gemme en mappe med testuploadfiler på skrivebordet. Da meget af det, jeg gør, er at udvikle og teste indholdsstyringssystemer, skal jeg ofte teste upload af billeder og filer. Ved at opbevare nogle testfiler ender jeg ikke med at uploade nogle vigtige PDF-filer fra kontiene til en klients testserver!

8. Ved, når det er en god idé at skifte ansvar til en tredjepart

Det er fristende at ønske at gøre det hele og holde alt på dit eget sted. Imidlertid er den mest ansvarlige ting til at foreslå din klient undertiden at bruge en tredjepart til nogle funktioner. Gode ​​eksempler på dette er, når det drejer sig om at tage betaling og sende e-mail.

Betalingssider

Hvis dit websted har brug for at tage betalinger online, vil mange betalingstjenesteudbydere tilbyde muligheden for fuld API-integration eller tage betalingen på en sikker side på deres websted. Medmindre du er meget sikker på sikkerheden og forstår, hvordan PCI DSS-kravene derefter vil påvirke dig, er det ofte en bedre beslutning at overlade indsamlingen af ​​kortoplysninger til PSP, så har du og din klient intet krav om at bekymre sig om sikkerheden ved kortoplysninger.

Afsendelse af e-mail

At sende e-mail er en vanskelig forretning. Det kan være svært at få e-mail til at fungere godt på tværs af mailklienter og komme forbi spamfiltre. Du skal også administrere anmodninger om afmelding og se, hvor mange af dine beskeder der faktisk kommer igennem. Tredjeparts tjenester såsom Kampagnemonitor og MailChimp til afsendelse til lister, og Poststempel for at sende mail fra din ansøgning kan skifte ansvar for e-mail til en tredjepart, der er ekspert i at håndtere den.

9. Indse, at billig hosting er dyrt

Hvis du betaler mindre for din hosting hver måned, end du betaler for din kaffe hver morgen, så er der noget galt. Hosting af dårlig kvalitet koster dig langt mere i tide, end du sparer i penge.

Værter tilbyder billig hosting ved at tilbyde meget lidt med hensyn til support og ved at indlæse et stort antal websteder på hver fysiske server. Jo flere sider der findes på en delt server, jo færre ressourcer har hvert enkelt websted - og dit websted vil sandsynligvis køre langsomt, og i tilfælde af databasedrevne websteder kan du muligvis se forbindelsesfejl med databaseserveren, da det har for meget trafik at håndtere.

hvordan man opretter et magasinlayout i Photoshop

Hvis du vil have dit websted til at indlæse hurtigt, og din vært skal hjælpe dig, hvis du har problemer, vil det betale sig at betale lidt mere for din hosting. Mere om vælge webhosting .

10. Bliv fortrolig med sikkerhed

Med et par grundlæggende forholdsregler kan du minimere din risiko for at få et websted hacket eller ødelagt. De fleste angreb er ikke noget personligt, men er i stedet rettet mod almindeligt installeret software. Det Stop Badware websted forklarer nogle af de almindelige ting, du kan finde på et hacket websted.

Opgraderinger til tredjepartssoftware skal være en del af specifikationen

At lade en klient med tredjepartssoftware installeret på deres server uden mulighed for at opgradere det er uansvarligt. Hvis du distribuerer et websted til nogen, der bruger en tredjepartskode - det være sig blogsoftware, et CMS, et forum eller andet - skal du enten have en aftale med klienten om, at du opdaterer softwaren, når det kræves, eller videregiver oplysningerne, så de selv kan gøre det.

Vær meget mistænksom over plugins

Forudsat at du har den kernesoftware, du bruger - såsom WordPress - opdateret, er en hacker langt mere tilbøjelig til at få adgang til serveren via et plugin, der enten har dårlig sikkerhed eller endda er vært for selve malware. Foretag din undersøgelse, før du tilføjer nogen kode til dit websted, og kontroller at folk ikke rapporterer problemer efter at have brugt det.

Hvis dit websted er kompromitteret, skal du kontrollere, om andre mennesker på din vært har det samme problem

Det er muligvis ikke noget, du har installeret, der har forårsaget et sikkerhedsbrud. Hvis dit websted er hacket, skal du kontrollere, om andre mennesker på samme vært også har problemet. Problemet kan stamme fra dårlig sikkerhed hos hostingfirmaet eller et kompromis baseret på deres kontrolpanelsoftware. Hvis de ikke tager dette meget alvorligt, er det tid til at skifte vært!

Uanset om du er involveret i internettet som designer, udvikler, tekstforfatter, projektleder eller enhver anden rolle, føler jeg, at jo mere du forstår om hele stakken, jo bedre. Vi arbejder mere effektivt sammen, når vi sætter pris på og kan lære af hinandens roller - og der er ofte tip, der kan hjælpe os i vores eget arbejde, når vi ser på, hvad andre mennesker laver. Du kan tilføje dine egne forslag til tip i kommentarerne.