Web
Proiectarea sistemelor UI modulare prin dezvoltare bazată pe ghiduri de stil
Utilizarea unui ghid de stil pentru a stimula dezvoltarea este o practică care câștigă multă tracțiune în dezvoltarea front-end - și din motive întemeiate. **Dezvoltatorii vor începe cu ghidul de stil** prin adăugarea de cod nou sau actualizarea codului existent, contribuind astfel la un sistem UI modular care este ulterior integrat în aplicație. Dar pentru a implementa un sistem UI modular, trebuie să abordăm designul într-un mod modular. Designul modular ne încurajează să gândim și să proiectăm un UI și UX în modele. De exemplu, în loc să proiectăm o serie de pagini sau vizualizări pentru a permite unui utilizator să îndeplinească o sarcină, am începe procesul de proiectare prin înțelegerea modului în care este structurat sistemul UI și a modului în care componentele sale pot fi utilizate pentru a crea fluxul de utilizator.
Citeste mai multDesignul hărții: reproiectarea hărții de metrou din Ekaterinburg
O mare rețea metropolitană de trenuri subterane ar putea fi la fel de bine un dispozitiv de teleportare: oamenilor nu le pasă cum îi duce de la A la B, doar că o face. În Londra, Paris și Moscova, harta metroului nu arată geografia suprafeței, pentru că nu există prea mult spațiu liber pe foaie. Proiectarea hărții de metrou a unui oraș este o sarcină destul de dificilă, chiar și atunci când există o singură linie. Anul trecut, eu și colegul meu Pașa Omelekhin am fost încântați să lucrăm la reproiectarea hărții de metrou pentru Ekaterinburg, Rusia. Ne-am distrat (el a proiectat, eu am regizat). În acest articol, vom acoperi procesul nostru de proiectare. Va fi detaliat, așa că, în funcție de interesele dvs., acest lucru ar putea fi foarte plictisitor sau foarte interesant. Totuși, am omis atât de multe. Sperăm că acest lucru vă va ajuta în cazul în care trebuie să lucrați la un proiect similar.
Citeste mai multUn cadru pentru produse de brainstorming
Brainstormingul este renumit pentru că este nestructurat și adesea inacționabil. Oamenii intră într-o cameră cu niște post-it-uri și table albe și se așteaptă ca ideile grozave să se întâmple. Problema este că, chiar dacă există idei grozave în cameră, adesea nu există o modalitate clară de a decide asupra ideilor asupra cărora să acţioneze. Acum aproximativ un an, eu și colegul meu Michael (partener fondator la AJ&Smart) am participat la un masterclass condus de fantasticul Adrian Howard pe tema prioritizării caracteristicilor în dezvoltarea agile. Mai precis, ne întrebam cum am putea decide ce caracteristică urmează și când ar trebui să fie lansată.
Citeste mai multCum să lansați funcții noi fără a răni utilizatorii fideli
_„Fii agil; eliberare devreme; eliberați des.”_ Cunoaștem burghiul. Dar este înțelept din punct de vedere strategic să continuați să lansați funcții des? Mai ales odată ce un produs pe care îl construiți atinge o anumită dimensiune, probabil că nu doriți să riscați integritatea aplicației dvs. cu fiecare nouă lansare minoră.
Citeste mai multLista de citire pentru dezvoltare web nr. 141: jQuery 3, Chillout.js și cum tehnologia modelează societatea
Sunt săptămâni în care nu găsesc deloc articole pentru secțiunea „Dincolo” din Lista de lectură pentru dezvoltare web. Și apoi sunt săptămâni ca aceasta, în care apar două piese geniale care dezvăluie atât de multe despre **cum trăim împreună cu noua tehnologie** și despre modul în care aceasta ne modelează societatea. Împreună cu o grămadă de articole tehnice bune, o modalitate excelentă de a te părăsi pentru următoarele două săptămâni. Vă rugăm să rețineți că voi pleca în vacanță săptămâna viitoare, așa că nu va fi un rezumat vinerea viitoare.
Citeste mai multGăsește-ți un prieten, sporește-ți creativitatea și fă-ți visul digital realitate
Ești pasionat de ceva? Ai un proiect secret? Nu ceva care va schimba lumea (deși cine știe?), dar cu siguranță _te va schimba_? Ai un prieten care îți completează abilitățile? Ți-a cerut cineva recent ajutor pentru proiectul său? Ai doar un vis digital sau există și un plan pentru a-l îndeplini? Fiecare profesionist are ceva în comun. Se numește zona de confort. Primul semn că ești în ea este atunci când nu vezi nicio provocare la orizont. Știi aproape tot ce ai nevoie pentru a performa bine și, dacă îți vine ceva necunoscut, poate fi rezolvat destul de repede. Poate dura ceva timp până să realizezi că ai încetat să te miști, iar lucrul la proiecte independente pare a fi singura modalitate de a-ți menține creierul ocupat.
Citeste mai multO privire asupra stivei moderne de servere WordPress
**Nota editorului**: _Astăzi marchează o zi specială pentru WordPress. Având multe site-uri web (și da, Smashing Magazine este unul dintre ele), își sărbătorește astăzi cea de-a 13-a aniversare. La mulți ani, dragă WordPress! Iată multe altele!_ Vă amintiți când ați putea rula un site web WordPress „rapid” doar cu un server Apache și PHP? Da, acelea erau zilele! Lucrurile erau mult mai puțin complicate pe atunci. Acum, totul trebuie să se încarce fulgerător! Vizitatorii nu au aceleași așteptări cu privire la timpii de încărcare ca înainte. Un site web lent poate avea implicații grave pentru dvs. sau clientul dvs.
Citeste mai multConfruntarea performanței efectelor imaginii web
Pe măsură ce browserele își îmbunătățesc în mod constant abilitățile de redare grafică, capacitatea de a proiecta cu adevărat în interiorul lor devine din ce în ce mai mult o realitate. Câteva linii de cod pot avea acum un impact vizual rapid și dramatic și **permite coerență fără prea mult efort**. Și ca și în majoritatea lucrurilor în dezvoltarea web, există adesea multe modalități de a obține același efect. În această postare, vom arunca o privire la unul dintre cele mai populare efecte de imagine, în tonuri de gri, și vom evalua atât ușurința implementării, cât și implicațiile de performanță ale pânzei HTML, SVG, filtrelor CSS și modurilor de amestec CSS. _Care va câștiga?_
Citeste mai mult6 pași simpli pentru un design mai bun al pictogramelor
Fiecare set de pictograme trimis la Iconfinder este revizuit și evaluat pentru potențialul atracție pentru utilizatorii site-ului nostru web și pentru valoarea comercială potențială ca pictograme premium. Când examinăm seturile de pictograme trimise pe site, avem responsabilitatea față de designeri și clienții noștri de a ne asigura că toate pictogramele premium de pe site sunt de cea mai înaltă calitate posibilă.
Citeste mai multConținut-primul prototip
Conținutul este marfa de bază a economiei digitale. Este aurul pe care îl transformăm în experiență de lux, diamantul pe care îl includem în programele de loialitate și vânzări suplimentare. Cu toate acestea, în calitate de designeri, adesea îl conectăm după fapt. Ne prototipăm până la epuizare interacțiunea și designul vizual, dar acceptăm că „cuvintele adevărate” pot fi introduse mai târziu. Există o cale mai bună. Din ce în ce mai mult, bunurile digitale pe care le creăm operează într-un sistem dinamic de conținut, funcționalitate, cod și intenție. Produsele și serviciile noastre se răspândesc și se răspândesc în site-urile web partenere, fluxurile de rețele sociale și nenumăratele agregatoare electronice, toate încercând să modeleze comportamentul și înțelegerea vizitatorilor. **Sistemele se bazează pe sisteme** și, în scurt timp, am adunat un colos a cărui amploare dă mințile uluitor.
Citeste mai mult