Condividi tramite


Il presente articolo è stato tradotto automaticamente.

Casella degli strumenti

Bozze UI, suggerimenti per l'esperienza utente, strumento di controllo di JavaScript e altro

Scott Mitchell

Crea rapidamente Mockups UI

Mockups interfaccia utente sono uno strumento importante nella progettazione del software.Durante la fase dei requisiti vengono utilizzati come prototipi sollecitare gli utenti finali e i cointeressati feedback, e sono parte integrante di qualsiasi specifica funzionale.

Ma Qual è il modo migliore per creare UI mockups?L'approccio più semplice consiste nell'utilizzare carta e penna.È facile e veloce, è necessario alcun software speciale e può essere eseguita da chiunque, indipendentemente dal loro grado di utilizzare tecnica.Ovviamente, tali prototipi sono più difficili da archiviare e sono più difficili da condividere con i cointeressati remoti.

In alternativa, è possibile utilizzare programmi quali Microsoft Visio o progettazione di Visual Studio per creare UI mockups che simulano strettamente aspetto prodotto finito.Sfortunatamente, la creazione di tali mockups richiede più tempo rispetto all'utilizzo di carta e penna.Inoltre, con un modello “ elegante ” cointeressati non tecnici può causare li si ritiene che il lavoro quasi viene eseguito.

Mockups Balsamiq per desktop (versione 1.6) è uno strumento del modello UI che combina la velocità, semplicità e low-tech aspetto della carta mockups con i vantaggi di archiviazione e condivisione inerenti mockups generati dal computer.E, a differenza di Visual Studio e Visio, ovvero programmi di grandi e complessi che svolgono funzioni diverse, ha un obiettivo mirato Balsamiq Mockups: creare creazione mockups UI di rapida e semplice possibile.

L'interfaccia utente Mockups For Desktop è incredibilmente semplice, ovvero è presente un'area di progettazione e un elenco di controlli dell'interfaccia utente comuni per aggiungere il modello, tra cui pulsanti, etichette, caselle di testo, caselle di controllo, le schede, caselle combinate, i collegamenti ipertestuali, le barre di scorrimento, finestre con separatore e altro ancora.Vengono inoltre predefiniti i controlli per finestre di dialogo, finestre del browser e lettori video.In totale, Balsamiq Mockups viene fornito con i controlli più di 75.È anche possibile importare qualsiasi file di immagine come un controllo o scaricare i controlli creati dall'utente dal sito Web di Balsamiq Studios LLC.

Aggiunta di un controllo per il modello è semplice come trascinare dall'elenco dei controlli e rilasciare sull'area di progettazione.Una volta nell'area di progettazione fare doppio clic sul controllo per modificarne il contenuto.Si posiziona il puntatore del mouse su un controllo viene visualizzato un pannello mobile con un'ampia gamma di opzioni di configurazione specifiche per quel controllo.Tutte le impostazioni sono presente a destra del Pannello mobile, ovvero non vi siano finestre delle proprietà occorre di risposta e peck tramite o dei menu.Tutte queste impostazioni a destra di avere a portata di mano appiattisce la curva di apprendimento e riduce notevolmente il tempo che necessario per creare mockups.

Estrarre il modello in Figura 1 , che è stata creata in tre minuti dall'inizio alla fine.Per simulazione dell'elenco dei messaggi di posta elettronica trascinato nella finestra di progettazione di un controllo griglia dei dati e quindi utilizzare il mouse per posizionare e ridimensionare tale.Successivamente, fatto doppio clic la griglia, ne visualizza il contenuto come testo delimitato da virgole.Il contenuto predefinito sostituito con testo per rappresentare le tre colonne e quattro righe visualizzate in Figura 1.Quindi hovered il mouse sulla griglia per visualizzare le relative proprietà in una finestra mobile.Da qui ho ticked una casella di controllo per aggiungere una barra di scorrimento, utilizzato un dispositivo di scorrimento per regolare l'altezza delle righe e ha scelto di visualizzare la seconda riga come selezionato.

Figura 1 un modello di UI Balsamiq veloce

image: A Quick Balsamiq UI Mockup

Una volta creato un modello, può essere salvato su disco, esportato come immagine PNG o esportato in un formato XML.In aggiunta alla versione normale, una versione semplificata di Mockups For Desktop è possibile utilizzare gratuitamente dal sito Web della società.E il funzionamento è una versione del software di collaborazione in linea.

Prezzo: 79 dollari per licenza utente
balsamiq.com

Blog di rilievo

L'esperienza dell'utente (UX) è uno degli aspetti più importanti di un'applicazione software.Gli utenti decidere se l'applicazione ha esito positivo o non e non interessano tale algoritmo super-clever speso perfecting una settimana o architettura dell'applicazione.Sfortunatamente, la maggior parte degli sviluppatori di software, Me incluso, ovvero competizione con Progettazione UX.È molto facile ottenere immersed i dettagli di basso livello dell'applicazione e lasciare UX progettazione come un progetto.

Per restare reminded dell'importanza della progettazione UX e prelevati alcuni fornire suggerimenti per migliorare utente le applicazioni ’ esperienze, estrarre UX stand Blog , che include gli invii da diversi autori progettazione UX annotati, istruttori e consulenti.Miei preferiti post sono quelle che offrono suggerimenti specifici per il miglioramento UX di uno scenario comune.Creazione di un modulo dei contatti nel proprio sito Web?Assicurarsi di leggere “ creazione utilizzabile Contact modulo, ” dove autore Matthew Kammerer condivide consigli su quali informazioni da visualizzare come layout sullo schermo e le operazioni da eseguire dopo i commenti e suggerimenti sono stato inviato.E assicurarsi di estrarre post di John Hyde, “ Handling User Error con servizio, ” nella quale egli condivide le procedure consigliate su dove visualizzare i messaggi di errore e come li di word.

Altri interventi evidenziare come migliorare l'esperienza dell'utente in modo meno diretti.Uno registra viene descritto come migliorare le prestazioni di un sito Web mediante la creazione delle immagini ottimizzate.Un'altra voce condivide gli strumenti per migliorare accesso facilitato di un'applicazione.Troverete inoltre post più generale, tra cui recensioni, analisi di utilizzabilità dalle trincee e i colloqui con esperti di usabilità.

Il Blog UX stand

image: The UX Booth Blog

uxbooth.com/blog

Verificare di JavaScript

JavaScript è un linguaggio interessante.Per gran parte la cronologia è stato considerato JavaScript leggermente linguaggio giocattolo, utilizzato principalmente per l'esecuzione di operazioni semplici in pagine Web.Ma JavaScript è un linguaggio affidabile e potente e attualmente viene utilizzato per creare applicazioni Web complete e interattive.

Sfortunatamente, il linguaggio JavaScript dispone di un numero di decisioni di progettazione che consentono di scarsa pratiche di programmazione e, se utilizzato in modo improprio, può portare a bug e codice gestibile minore.In C#, ad esempio, ogni riga deve terminare con un punto e virgola.In JavaScript, la maggior parte delle istruzioni può terminare con un punto e virgola o un ritorno, può creare confusione.Analogamente, in C# ogni variabile deve essere dichiarato prima di poter essere utilizzato.Non è così in JavaScript.

JSLint è uno strumento di qualità dei codice JavaScript gratuito creato da Douglas Crockford esecuzione di una serie di controlli di analisi statica in un blocco di codice JavaScript.Per impostazione predefinita, JSLint Visualizza avvisi quando si verificano le variabili globali, le istruzioni non terminano con un punto e virgola; if, while, do e per le istruzioni di non seguite da un blocco di istruzioni e codice non eseguibile tra altre condizioni.Ulteriori controlli sono configurabili attraverso le opzioni del JSLint.Ad esempio, è possibile indicare JSLint per non consentire le variabili non definite, per non consentire l'incremento unario e diminuire gli operatori ++ e--e se consentire l'utilizzo di eval funzione .

Per utilizzare JSLint, visitare JSLint.com, incollare il codice JavaScript nella casella di testo, selezionare le opzioni e fare clic sul pulsante “ JSLint ”.JSLint verrà quindi analizzare il codice e visualizzare un elenco di errori, come illustrato in Figura 2.E poiché JSLint è scritto in JavaScript, viene eseguita interamente sul browser, vale a dire che il codice non viene inviato tramite Internet.Facoltativamente è possibile scaricare il codice sorgente JSLint dal sito Web per l'esecuzione in ambiente locale, se si preferisce.

Inoltre estrarre JSLint.VS , un libero aggiuntivo di Visual Studio Aggiungi creato da Tomasevic Predrag che consente di eseguire JSLint su un file o un blocco di codice selezionati direttamente dall'IDE di Visual Studio.Gli errori identificati da JSLint vengono visualizzati nella finestra Elenco attività.È anche possibile configurare JSLint.VS eseguire su cartelle o i file selezionati ogni volta che viene generato il progetto.

Nella figura 2 lo strumento di qualità del codice JSLint JavaScript

image: The JSLint JavaScript Code Quality Tool

JSLint: JSLint.com **JSLint.VS: **JSLint.CodePlex.com

Bookshelf

Attraverso dieci anni passati, la memorizzazione di informazioni strutturate è diventato un compito.Con i database attuali e Framework di accesso ai dati, la raccolta dei dati implica un sprinkle di trascinamento e rilascio con un solo trattino di codice.Associata alla riduzione dei costi di archiviazione e la sempre maggiore competitività che tali informazioni possono tenere, le aziende sono non differite catalogare tutti i punti dati possibili.

Ovviamente, tali dati sono inutili, a meno che i dipendenti possono accedere e valutare i dati in modo significativo.Microsoft SQL Server Reporting Services (SSRS) è una piattaforma reporting aziendale basata su server che consente agli utenti di creare, esplorare 
and visualizzare report.

Come con qualsiasi piattaforma aziendale SSRS è estesi con le funzionalità e i casi di utilizzo.Recentemente ha contribuito a un client a valutare e controllabili avviato con SSRS e trovare “ Microsoft SQL Server 2008 Reporting Services Unleashed ” (Sams, 2009) è una Guida preziosa per apprendere informazioni dettagliate.

Il libro è suddiviso in cinque parti.La prima parte viene fornita una panoramica chiara di SSRS, evidenzia gli scenari utente comuni, viene introdotta l'architettura SSRS e Confronta e vengono messi a confronto gli scenari di distribuzione di report diverso.È inoltre disponibile un breve capitolo sull'installazione di SSRS, con istruzioni dettagliate e numerose schermate.

Lo scopo principale di SSRS è presentare i dati tramite i report e per consentire agli utenti di creare, analizzare e utilizzare questi report.Seconda parte del libro illustra come creare report e vengono esaminati argomenti quali le espressioni, parametri, formattazione, spostamento, aggregazione e report ad hoc approfondite.Durante il progetto regolarmente aumentare in ostacoli durante la progettazione di report.È necessario ottenere stumped si tenta di formattare i dati di un determinato modo o rimanere bloccati quando determinate informazioni che devono, ovvero la data e ora è stato generato il report, ad esempio, per visualizzare nel report.La maggior parte di questi ostacoli erano eseguito lato utilizzando indice del libro e thumbing capitoli di questa sezione.

Dopo la creazione di report, il libro esamina gestione SSRS.SSRS è una tecnologia basata su server, i report (e dati) risiedono su server e sono accessibili dai client in vari modi.Report può essere generato su richiesta oppure su pianificazione e i client possono 
subscribe a report e sono di che essi recapitati attraverso un file condividere o di posta elettronica.Di seguito sono trattate queste diverse opzioni, insieme alle altre 
tasks di amministrazione.

Ultime due sezioni del libro illustrato come personalizzare ed estendere le funzionalità di SSRS, insieme ai metodi per integrare SharePoint e SSRS.

“ Microsoft SQL Server 2008 Reporting Services Unleashed ” è un'eccellente introduzione alla SSRS per gli amministratori, gli amministratori di database e gli utenti.La profondità del materiale è una piccola luce in alcune aree, ma in questo manuale è un processo eccellente trasmissione aspetti più importanti ed esplorare l'ampia gamma di caratteristiche e funzionalità disponibili in SSRS.

Microsoft SQL Server 2008 Reporting Services Unleashed

image: Microsoft SQL Server 2008 Reporting Services Unleashed

Prezzo: $49.99
InformIT.com/Sams

Scott Mitchell*, autore di numerosi libri e fondatore di 4GuysFromRolla.com è un MVP che lavorano con tecnologie Web di Microsoft dal 1998.Mitchell è un consulente indipendente, istruttore e autore.Contattarlo in Mitchell@4guysfromrolla.com o sul suo blog all'indirizzo ScottOnWriting.net.*