Dieser Artikel wurde maschinell übersetzt.

Toolbox

Benutzeroberflächenmodelle, Tipps zur Benutzerfreundlichkeit, JavaScript-Prüfung und mehr

Scott Mitchell

Erstellen Sie schnell UI-Modelle

Benutzer Schnittstelle Modelle sind ein wichtiges Tool in der Softwareentwicklung. Während der Anforderungsphase Sie dienen als Prototypen, die Feedback von den Beteiligten und Endbenutzern zu entlocken, und Sie sind ein wesentlicher Bestandteil einer funktionalen Spezifikation.

Aber was ist die beste Möglichkeit zum Erstellen von UI-Modelle? Der einfachste Ansatz ist die Verwendung von Stift und Papier. Es ist schnell und einfach, erfordert keine speziellen Software und kann von allen Benutzern zur Verfügung, unabhängig von deren technische bewanderten durchgeführt werden. Natürlich solche Prototypen sind schwieriger zu archivieren und schwieriger zu remote beteiligten freigeben.

Alternativ können Sie Programme wie Microsoft Visio oder Visual Studio-Designer um UI-Modelle zu erstellen, die genau nachbilden, wie das fertige Produkt aussehen wird. Leider solche Modelle erstellen erheblich länger dauert als die Verwendung von Stift und Papier. Darüber hinaus kann nicht technischen Prozessbeteiligten “ professionelles ” Nachbildung anzeigen führen Sie glauben, dass die Arbeit fast fertig.

Balsamiq-Modelle für Desktop (Version 1.6) ist ein Tool der UI-Modell, die die Geschwindigkeit, Einfachheit und low-tech Aussehen und Verhalten des Papiers Modelle mit der Schlüsselarchivierung und Freigeben von Vorteile in Modelle computergenerierte inhärente kombiniert. Und im Gegensatz zu Visual Studio und Visio, die umfangreichen und komplexen Programmen, die viele Funktionen dienen sind, Balsamiq Modelle fokussierte Ziel hat: Erstellen von UI-Modelle so schnell und einfach wie möglich zu machen.

Die Modelle für Desktop-Benutzeroberfläche ist unglaublich einfach – es wird eine Entwurfsoberfläche und eine Liste mit allgemeinen UI-Steuerelemente die Nachbildung, z. B. Schaltflächen, Bezeichnungen, Textfelder, Kontrollkästchen, Registerkarten, Kombinationsfelder, Hyperlinks, Bildlaufleisten, Bereichen und mehr hinzu. Es sind auch Steuerelemente für das Browserfenster, Dialogfelder und Videoplayern vorgefertigten. Insgesamt wird Balsamiq Modelle mit mehr als 75 Steuerelementen ausgeliefert. Auch können eine beliebige Bilddatei als Steuerelement importieren oder für benutzerdefinierte Steuerelemente von der Balsamiq Studios LLC-Website downloaden.

Hinzufügen eines Steuerelements zu Ihrem Modell ist so einfach wie Sie es aus der Liste der Steuerelemente ziehen und Ablegen auf der Entwurfsoberfläche. Doppelklicken Sie einmal auf der Entwurfsoberfläche auf das Steuerelement, dessen Inhalt zu bearbeiten. Bewegt die Maus über einem Steuerelement zeigt einen unverankerten Bereich mit einer Auswahl von spezifischen Konfigurationsoptionen auf dieses Steuerelement. Jede Einstellung ist direkt in den frei verschiebbaren Panels – es sind keine Menüs oder Eigenschaftenfenstern müssen Sie Sammelanschlüsse und peck durch. Alle diese Einstellungen nach rechts zu Füßen vereinfacht die Lernkurve des Quelldokuments und erheblich reduziert den Zeitaufwand für die um Modelle zu erstellen.

Überprüfen Sie die Nachbildung in Abbildung 1 , die ich von Anfang bis Ende in drei Minuten erstellt. Um die Liste der e-Mail-Nachrichten zu simulieren ich ein Datenblatt-Steuerelement auf den Designer gezogen und anschließend der Maus zu positionieren und seine Größe zu ändern, werden. Als Nächstes doppelgeklickt ich das Gitternetz, das seinen Inhalt als durch Trennzeichen getrennter Text anzeigt. Ich ersetzt den Standardinhalt mit Text, drei Spalten und vier Zeilen, die in Abbildung 1 gezeigt darstellen. Dann geklickt ich meine Maus über das Raster, um seine Eigenschaften in einem unverankerten Fenster anzuzeigen. Von dort I aktiviert ein Kontrollkästchen, um eine Bildlaufleiste hinzuzufügen, einen Schieberegler verwendet, um die Zeilenhöhe anpassen und eingerichtet haben, dass die zweite Zeile als ausgewählt angezeigt werden.

Abbildung 1 A direkt Balsamiq Benutzeroberfläche Modell fertiggestellt

Sobald ein Modell erstellt wurde, werden auf dem Datenträger gespeichert, als PNG-Bild exportiert bzw. in ein XML-Format exportiert. Zusätzlich zu der regulären Version kann eine schlankere Modelle für Desktop-Version kostenlos von der Website des Unternehmens verwendet werden. Und eine für die Zusammenarbeit, online-Version der Software in der funktioniert.

Preis: 79 € pro Benutzer-Lizenz
balsamiq.com

Wichtige Blogs

Die Benutzerfunktionalität (UX) ist eine der wichtigsten Aspekte einer Softwareanwendung. Die Benutzer entscheiden, ob Ihre Anwendung ein Erfolg oder nicht, und Sie nicht über die Architektur Ihrer Anwendung oder super-clever Sie eine Woche perfecting verbracht Algorithmus sorgt. Leider die meisten Softwareentwickler – selbst enthalten – anstrengend mit UX-Entwurf. Es ist alles leicht in Low-Level-Details der Anwendung immersed abgerufen und überlassen Sie den Entwurf der Benutzerfunktionalität Nachhinein.

Um die Bedeutung der UX-Entwurf reminded bleiben und einige wertvolle Tipps zum Verbessern Ihrer Anwendungen Benutzer abzuholen auftritt, checken Sie die UX Booth Blog , die Übermittlungen vom mehrere notierten UX-Entwurf Autoren, Schulungsleiter und Berater umfasst. Meine bevorzugte Beiträge sind diejenigen, die bestimmte Tipps zum Verbessern der Benutzerfunktionalität ein häufiges Szenario bieten. Erstellen Sie ein Kontaktformular in Ihrer Website? Stellen Sie sicher, dass “ erstellen ein Formular verwendbar Contact ” lesen, in dem Autor Matthew Kammerer teilt Ratschläge, auf welche Informationen angezeigt, wie es auf dem Bildschirm anordnen und welche Aktionen vorgenommen werden, sobald die Rückmeldung übermittelt wurde. Und stellen Sie sicher, dass zum Buchen von John Hyde, “ Handling User-Fehler mit Care, ” Auschecken in dem er Empfehlungen auf Fehlermeldungen anzuzeigen, wo und wie Sie word nutzt.

Andere Blogeinträge markieren Sie zum Verbessern der Benutzerfunktionalität weniger direkte Weise. Ein Beitrag wird beschrieben, wie zur Verbesserung der Leistung einer Website durch optimierte Bilder erstellen. Einen weiteren Eintrag teilt Tools zum Verbessern der Eingabehilfen einer Anwendung. Außerdem finden Sie weitere allgemeine Bereitstellungen, einschließlich Buch Überprüfungen Erfahrungsberichte aus dem Gräben und Interviews mit Experten für Benutzerfreundlichkeit Verwendbarkeit.

Der Blog UX Booth

uxbooth.com/Blog

Überprüfen Sie Ihre JavaScript

JavaScript ist eine interessante Sprache. Für einen Großteil seiner Verlauf war etwas der elementarste-Sprache, die hauptsächlich für einfache Aufgaben in Webseiten verwendet JavaScript betrachtet werden. Aber JavaScript ist eine stabile und leistungsfähige Sprache, und ist heute zum Erstellen von umfassender, interaktiver Webanwendungen verwendet.

Leider hat die JavaScript-Sprache eine Reihe von Entwurfsentscheidungen, die für eine schlechte Programmiertechniken zulassen und wenn missbraucht, zu Fehlern und weniger verwaltbarer Code führen kann. In c# muss beispielsweise jede Zeile mit einem Semikolon enden. In JavaScript können die meisten Anweisungen end, mit einem Semikolon oder ein Wagenrücklauf, der was verwirrend sein kann. Ebenso muss in c# jeder Variablen deklariert werden, bevor Sie verwendet werden kann. In JavaScript nicht so.

JSLint ist eine kostenlose JavaScript Code Quality-Tool erstellt, indem Douglas Crockford , der eine Vielzahl von Schecks für statische Analyse für einen Block von JavaScript-Code ausgeführt wird. Standardmäßig zeigt JSLint Warnungen beim Auftreten von globaler Variablen; Anweisungen nicht beendet mit einem Semikolon; If beimfür -Anweisungen gefolgt von einem Anweisungsblock; werden nicht und unerreichbaren Code zwischen den anderen Bedingungen. Zusätzliche Prüfungen, die durch das JSLint Optionen können konfiguriert werden. Sie können z. B. JSLint nicht zulassen nicht definierte Variablen, nicht zulassen die Schrittweite für die unären und-Dekrementoperatoren anweisen ++ und--, und ob für die Verwendung von eval -Funktion.

JSLint verwenden möchten, finden Sie auf JSLint.com, fügen Sie den JavaScript-Code in das Textfeld, wählen Sie die gewünschten Optionen ein, und klicken Sie auf die Schaltfläche “ JSLint ”. JSLint anschließend Code analysieren und anzeigen eine Liste von Fehlern, wie Abbildung 2 zeigt. Und da JSLint in JavaScript geschrieben wurde, vollständig auf Ihren Browser, d. h., dass Ihr Code nicht über das Internet gesendet wird. Wenn Sie lieber, können Sie optional den JSLint-Quellcode von der Website auf der lokalen Umgebung ausführen downloaden.

Auch checken Sie aus JSLint.VS , eine kostenlose Visual Studio Add-in erstellt, indem der Predrag-Tomasevic, die Sie JSLint für eine Datei oder einen ausgewählten Codeblock direkt aus der Visual Studio-IDE ausführen können. Die Fehler, die durch das JSLint identifiziert werden im Fenster Aufgabenliste angezeigt. Sie können auch konfigurieren, dass JSLint.VS für ausgewählte Dateien oder Ordner ausgeführt werden, wenn das Projekt erstellt wird.

Abbildung 2 das JSLint-JavaScript-Code Quality Tool

JSLint: JSLint.com **JSLint.VS: **JSLint.codeplex.com

Das Bücherregal

Über das vergangene Jahrzehnt Speichern von strukturierten Informationen eine einfache Aufgabe geworden. Moderne Datenbanken und Datenzugriff Frameworks, Sammeln von Daten umfasst eine Nutzung ziehen und legen Sie mit nur einem Gedankenstrich des Codes. Gekoppelt mit Verringern der Speicherkosten und der zunehmenden Wettbewerbsvorteil kann solche Informationen zum Herkunftsbeleg, sind Unternehmen für jeden möglichen Datenpunkt katalogisieren möchten.

Solche Daten ist natürlich nicht verwendbar, es sei denn, die Mitarbeiter können Sie die Zugriffs- und bewerten die Daten in einer aussagekräftigen Darstellung. Microsoft SQL Server Reporting Services (SSRS) ist eine serverbasierte, unternehmensweite Berichterstellungsplattform, mit dem Mitarbeiter zu erstellen, 
and Anzeigen von Berichten durchsuchen kann.

Wie ist mit einer beliebigen Plattform unternehmensweite SSRS umfangreichen in seine Features und Anwendungsfälle. Ich erhalten kürzlich geholfen, einen Client, der ausgewertet und gestartet mit SSRS und “ Microsoft SQL Server 2008 Reporting Services Unleashed ” (Sams, 2009) eine äußerst nützliche Anleitung werden zum Erlernen der Wissenswertes gefunden.

Das Buch ist in fünf Teile gegliedert. Der erste Teil eine helle Übersicht über SSRS, gängige Benutzerszenarien hervorhebt, führt die SSRS-Architektur und vergleicht und steht im Gegensatz zu anderen Bericht Bereitstellung Szenarios. Es gibt auch einen kurzen Kapitel zum Installieren von SSRS, mit Schritt-für-Schritt-Anweisungen und eine Menge von Screenshots.

Der Hauptzweck von SSRS ist zum Darstellen von Daten mithilfe von Berichten und damit die Mitarbeiter zu erstellen, analysieren und nutzen Sie diese Berichte. Zweiten Teil des Buchs wird untersucht, wie Berichte erstellen und Themen wie Ausdrücke, Parameter, Formatierung, Navigation, Aggregation und ad-hoc-Berichte, die ausführlich untersucht. Während des Projekts deaktivieren ich routinemäßig in Hindernissen beim Entwerfen von Berichten. Ich würde versuchen, Daten einer bestimmten Weise formatieren, oder hängen erhalten, wenn bestimmte Informationen benötigen stumped zu erhalten – wie Datum und Uhrzeit, die der Bericht erstellt wurde, auf den Bericht anzeigen. Die meisten diese Hindernisse wurden durch Verwenden der Buchindex und thumbing über die Kapitel in diesem Abschnitt Seite geführt.

Nach der Berichterstellung untersucht das Buch SSRS verwalten. SSRS handelt es sich um eine serverbasierte Technologie, die Berichte (Daten) befinden sich auf Servern und von Clients in einer Vielzahl von Möglichkeiten zugegriffen werden können. Berichte kann generierten bei Bedarf oder auf Zeitplan und Clients können 
subscribe auf Berichte und veranlassen Sie, dass Sie über eine Datei übermittelt freigeben oder per e-mail. Diese verschiedenen Optionen zusammen mit anderen 
tasks Verwaltung werden hier behandelt.

Letzten beiden Abschnitten des Buchs betrachten Sie zum Anpassen und Erweitern von SSRS, zusammen mit Möglichkeiten zur Integration von SSRS und SharePoint.

“ Microsoft SQL Server 2008 Reporting Services Unleashed ” ist eine hervorragende Einführung zu SSRS für Administratoren, DBAs und Benutzer. Die Tiefe des Materials ist ein bisschen Licht in einigen Bereichen, aber dieses Buch ist eine hervorragende Auftrag der wichtigsten Aspekte vermittelt und das Spektrum von Features und Funktionen von SSRS erforschen.

Microsoft SQL Server 2008 Reporting Services Unleashed

Preis: $49.99
informit.com/Sams

Scott Mitchell*, Autor zahlreicher Bücher und Gründer von 4GuysFromRolla.com wird als MVP seit 1998 mit Microsoft-Webtechnologien. Mitchell ist unabhängiger Berater, Schulungsleiter und Autor. Erreichen Sie ihn unter mitchell@4guysfromrolla.com oder über seinen Blog unter ScottOnWriting.net .*