ragnatela

Progettazione di sistemi di interfaccia utente modulari tramite lo sviluppo guidato da una guida di stile

L'uso di una guida di stile per guidare lo sviluppo è una pratica che sta guadagnando molta trazione nello sviluppo del front-end, e per una buona ragione. **Gli sviluppatori inizieranno nella guida di stile** aggiungendo nuovo codice o aggiornando il codice esistente, contribuendo così a un sistema di interfaccia utente modulare che verrà successivamente integrato nell'applicazione. Ma per implementare un sistema di interfaccia utente modulare, dobbiamo avvicinarci alla progettazione in modo modulare. Il design modulare ci incoraggia a pensare e progettare un'interfaccia utente e un'esperienza utente in modelli. Ad esempio, invece di progettare una serie di pagine o viste per consentire a un utente di svolgere un'attività, inizieremmo il processo di progettazione comprendendo come è strutturato il sistema dell'interfaccia utente e come i suoi componenti possono essere utilizzati per creare il flusso utente.

Design della mappa: ridisegno della mappa della metropolitana di Ekaterinburg

Una grande rete metropolitana metropolitana potrebbe anche essere un dispositivo di teletrasporto: alla gente non importa come li porta da A a B, solo che lo fa. A Londra, Parigi e Mosca, la mappa della metropolitana non mostra la geografia della superficie, perché sul foglio non c'è molto spazio vuoto. Progettare la mappa della metropolitana di una città è un compito piuttosto impegnativo, anche quando c'è solo una linea. L'anno scorso, il mio collega Pasha Omelekhin ed io eravamo entusiasti di lavorare alla riprogettazione della mappa della metropolitana di Ekaterinburg, in Russia. Ci siamo divertiti (lui ha disegnato, io ho diretto). In questo articolo, tratteremo il nostro processo di progettazione. Sarà dettagliato, quindi, a seconda dei tuoi interessi, potrebbe essere molto noioso o molto eccitante. Eppure, abbiamo lasciato fuori così tanto. Speriamo che questo ti aiuti nel caso in cui devi lavorare su un progetto simile.

Un framework per prodotti di brainstorming

Il brainstorming è noto per essere non strutturato e spesso non attuabile. Le persone entrano in una stanza con alcuni post-it e lavagne bianche e si aspettano che le grandi idee accadano. Il problema è che, anche se ci sono grandi idee nella stanza, spesso non c'è un modo chiaro per decidere su quali idee agire. Circa un anno fa, io e il mio collega Michael (socio fondatore di AJ&Smart) stavamo partecipando a una masterclass tenuta dal fantastico Adrian Howard sul tema della definizione delle priorità delle funzionalità nello sviluppo agile. Più specificamente, ci chiedevamo come potremmo decidere quale funzione verrà dopo e quando dovrebbe essere rilasciata.

Come implementare nuove funzionalità senza danneggiare gli utenti fedeli

_“Sii agile; rilascio anticipato; rilascia spesso”._ Conosciamo il trapano. Ma è strategicamente saggio continuare a implementare spesso le funzionalità? Soprattutto una volta che un prodotto che stai creando raggiunge una certa dimensione, probabilmente non vuoi rischiare l'integrità della tua applicazione con ogni nuova versione minore.

Elenco di lettura dello sviluppo Web n. 141: jQuery 3, Chillout.js e come la tecnologia modella la società

Ci sono settimane in cui non trovo articoli per la sezione "Going Beyond" dell'elenco di lettura dello sviluppo Web. E poi ci sono settimane come questa, in cui compaiono due pezzi brillanti che rivelano così tanto su **come conviviamo con la nuova tecnologia** e su come questa modella la nostra società. Insieme a un sacco di buoni articoli tecnologici, un ottimo modo per lasciarti per le prossime due settimane. Tieni presente che sarò in vacanza la prossima settimana, quindi non ci sarà un riepilogo venerdì prossimo.

Trova un amico, potenzia la tua creatività e realizza il tuo sogno digitale

Sei appassionato di qualcosa? Hai un progetto segreto? Non qualcosa che cambierà il mondo (anche se chissà?), ma sicuramente _cambierà te_? Hai un amico che integra le tue capacità? Qualcuno di recente ti ha chiesto aiuto per il suo progetto? Hai solo un sogno digitale o c'è anche un piano per realizzarlo? Ogni professionista ha qualcosa in comune. Si chiama zona di comfort. Il primo segno che ci sei dentro è quando non vedi nessuna sfida all'orizzonte. Sai praticamente tutto ciò di cui hai bisogno per esibirti bene e se ti capita qualcosa di non familiare, può essere risolto abbastanza rapidamente. Può volerci un po' di tempo per rendersi conto che hai smesso di muoverti e lavorare su progetti freelance sembra l'unico modo per tenere occupato il tuo cervello.

Uno sguardo al moderno stack di server WordPress

**Nota del redattore**: _Oggi segna un giorno speciale per WordPress. Alimentando molti siti Web (e sì, Smashing Magazine è uno di questi), festeggia oggi il suo 13° compleanno. Buon compleanno, caro WordPress! Ecco a molti altri!_ Ti ricordi quando potevi eseguire un sito Web WordPress "veloce" solo con un server Apache e PHP? Sì, quelli erano i giorni! Le cose erano molto meno complicate allora. Ora, tutto deve caricarsi alla velocità della luce! I visitatori non hanno le stesse aspettative sui tempi di caricamento di una volta. Un sito web lento può avere serie implicazioni per te o per il tuo cliente.

Resa dei conti delle prestazioni degli effetti delle immagini Web

Poiché i browser migliorano costantemente le loro capacità di rendering grafico, la capacità di progettare veramente al loro interno sta diventando sempre più una realtà. Alcune righe di codice ora possono avere un impatto visivo rapido e drammatico e **consentire la coerenza senza troppi sforzi**. E come con la maggior parte delle cose nello sviluppo web, ci sono spesso molti modi per ottenere lo stesso effetto. In questo post, daremo un'occhiata a uno degli effetti immagine più popolari, la scala di grigi, e valuteremo sia la facilità di implementazione che le implicazioni sulle prestazioni della tela HTML, dei filtri SVG, CSS e delle modalità di fusione CSS. _Chi vincerà?_

6 semplici passaggi per migliorare il design delle icone

Ogni set di icone inviato a Iconfinder viene esaminato e valutato per il potenziale appeal per gli utenti del nostro sito Web e per il potenziale valore commerciale come icone premium. Quando esaminiamo i set di icone inviati al sito Web, abbiamo la responsabilità nei confronti dei nostri designer e dei nostri clienti di assicurarci che tutte le icone premium sul sito Web siano della massima qualità possibile.

Content-First Prototyping

Il contenuto è la merce principale dell'economia digitale. È l'oro che trasformiamo in un'esperienza di lusso, il diamante che racchiudiamo nei programmi fedeltà e negli upsell. Eppure, come designer, spesso lo colleghiamo dopo il fatto. Prototipiamo la nostra interazione e il design visivo fino all'esaurimento, ma accettiamo che le "parole reali" possano essere inserite in un secondo momento. C'è un modo migliore. Sempre di più, i beni digitali che creiamo operano all'interno di un sistema dinamico di contenuti, funzionalità, codice e intenti. I nostri prodotti e servizi vanno alla deriva e si riversano nei siti Web dei partner, nei feed dei social media e in una miriade di aggregatori elettronici, tutti cercando di plasmare il comportamento e la comprensione dei visitatori. **I sistemi si basano sui sistemi** e, in breve tempo, abbiamo messo insieme un colosso la cui ampiezza manda le menti sbalorditive.