Dieser Artikel wurde maschinell übersetzt.

Windows Phone 7

Entwerfen Sie Ihre Windows Phone Apps zu verkaufen

Mark Hopkins

Gutes Design ist mehr als nur schöne Bilder zu Ihrer Anwendung hinzufügen, nachdem Sie alle Funktionen implementiert haben.Es ist der Prozess der Entscheidung, wie Benutzer mit Ihrer Anwendung, sowie interagieren und wie es aussehen und funktionieren wird.Benutzererfahrung spielt eine große Rolle bei der Bestimmung wie glücklich Menschen werden mit Ihrer Anwendung, so dass Sie in diesem Schritt geizen sollte nicht.Design sollte kein nachträglicher Einfall.

Ich könnte zeigen, mein Alter, aber ich erinnere mich fast jeder Computer Science-Klasse habe ich beginnen mit einem Vortrag über die Bedeutung der Planung Ihrer Programme vor Beginn an Code.Wir verwendeten Tools wie z. B. Flussdiagramme auf Papier gezeichnet, mit einem echten Stift (und in der Regel eine große Radiergummi in der Nähe).Dies war, weil Computerzeit auf dieser alte Hardware teuer war.Sie wollte sicher sein, dass Sie das Beste aus der Zeit, die Sie hatten.Computer-Zeit ist heutzutage ziemlich billig und es gibt erstaunlich Tools wie Visual Studio und Expression Blend, die es sehr einfach zu etwas, das aussieht ziemlich gut auf und läuft sehr schnell.Folglich gibt es eine Tendenz, sich hinzusetzen und einfach Programmieren beginnen.In diesem Artikel werde ich sprechen über Zeit verarbeiten und ernten Belohnungen auf dem Windows Phone Markt nach vorne beim Entwurf einer Anwendung, so können Sie Zeit sparen, in der Kodierung (windowsphone.com/marketplace).

Ich werde erläutern, was es bedeutet, absichtlich entwerfen Ihre Windows Phone app, Brainstorming, Informations-Architektur, Prototyping, Benutzer Forschung und Iteration, umfasst alle bevor Sie eine einzige Zeile Code zu schreiben.Ich werde einige der Tools für diese Aktivitäten auch beachten.

Warum Design?

Blick durch die Bewertungen und Berichte auf dem Windows Phone Marktplatz.Eine der konsistenten Beschwerden ich in Bewertungen Finde ist, wenn eine Anwendung nicht tut, was Benutzer erwarten.Ich habe gesehen abweisende zwei-Wort Bewertungen wie "Funktioniert", oder, oft noch viel schlimmer.Einige dieser Beschwerden sind gültig und einige sind nicht.Es könnte sein, dass der Prüfer nicht versteht, wie eine Anwendung arbeiten soll.Ist, dass des Benutzers Fehler oder die Anwendung?Hier ist eine Überprüfung direkt aus dem Markt:

"Die Benutzeroberfläche ist schrecklich und es läuft sehr langsam.Es ist unbrauchbar.

Diese Überprüfung möglicherweise mehrdeutig, aber ich denke, dass es die Tatsache widerspiegelt, dass Menschen sind nicht bereit, viel Aufwand in lernen komplizierte Anwendungen auf ein Mobiltelefon.Noch sind sie bereit zu verbringen viel Zeit geben detaillierte Rückmeldungen.Wer kann es ihnen verdenken?Eine Telefon ist ein Freizeit-Nutzung.Ihre Anwendung muss klar und einfach zu bedienen.Mit Zehntausenden von Anwendungen zur Verfügung werden Benutzer voraussichtlich viel Zeit miteinander verbringen, die ihnen nicht die Auszahlung, die sie suchen, die geben, ob die Lösung ist, ein Problem oder zu unterhalten, während sie in der Schlange vor der Bank warten.

Da gibt es nicht viel Raum für Benutzeroberflächenelemente auf einem Bildschirm des Telefons dargestellt, müssen Sie wirklich durchdenken, wie Benutzer mit Ihrer Anwendung interagieren.Eine gut durchdachte, vollständige und leicht zu bedienende Anwendung generiert Umsatz.Wie Menschen herunterladen und überprüfen Sie Ihre Anwendung auf dem Windows Phone Markt, werden die sehr gute Kritiken weitere Downloads Kraftstoffpumpe.

Metro Design-Prinzipien

Metro ist der Name der Design-Philosophie, die in Windows Phone und in Windows 8 geht.Über Metro ist viel geschrieben worden, aber ich möchte kurz über die Metro Design-Prinzipien zu gehen, bevor ich in den tatsächlichen Prozess des Entwerfens einer Anwendung zu erhalten.

• Sauber, leicht, öffnen und schnell Anwendungen sollte leicht zu verstehen, auf einen Blick.Sie sollte hoch auf Benutzereingaben reagieren.Sie sollten einen sauberen, offenen Look mit viel Leerraum haben.
• Feiern Typografie Worte sind häufig über alle UI-Designs, und macht einen Unterschied, wie sie angezeigt werden.Typ ist schön.Nicht nur ist es angenehm für die Augen, aber es kann auch funktionell sein.Das richtige Gleichgewicht zwischen Gewicht und Positionierung kann eine visuelle Hierarchie erstellen.Darüber hinaus kann gut platzierte Typ Benutzer an mehr Inhalt verweisen.
• Lebt in Bewegung Bewegung ist Leben und Bewegung Windows Phone zum Leben erweckt.Live Fliesen, Übergänge und als Reaktion auf Benutzereingaben binden Sie alles zusammen.Übergänge sind ein wichtiger Teil des User Experience Design.Ein guter Übergang gibt die Benutzer-Hinweise über Kontext in der Anwendung.
• Inhalt, nicht Chrome Benutzer Inhalt interessiert sind.Inhalt sollte erhöht und alles, was sonst minimiert werden.Durch die Beseitigung so viel Chrom wie möglich, bringen Sie die Inhalte in den Mittelpunkt.Dies ist besonders wichtig, auf einem kleinen Bildschirm.Der Inhalt ist die Benutzeroberfläche und der Benutzer sollte in der Lage, direkt mit ihr zu interagieren.Die Möglichkeit zum Ändern der Größe eines Bildes mit eine Prise Geste ist ein Beispiel für diese direkte Interaktion.
• Authentisch digitale Design explizit für Handheld-Geräte, die Note, einen hochauflösenden Bildschirm und vereinfachte Formen der Interaktion verwenden.Mit anderen Worten, werden Sie "authentisch Digitalisierung. Versuchen Sie nicht, analoge Steuerelemente wie Knöpfe zu simulieren.

Der Design-Prozess

Wenn Sie Glück, in einem Unternehmen arbeiten, das eine Design-Abteilung hat, engagieren Sie Designer am Anfang.Ihre Anwendungen werden die Vorteile der Arbeit mit Menschen, die User Experience Design verstehen.Viele von Ihnen wahrscheinlich Arbeit in kleinen Unternehmen, obwohl, oder sogar Telefon-Anwendungen als eine Seite Besetzung auf eigene Faust, so müssen Sie behandeln das Design selbst entwickeln.Sprechen wir über den Design-Prozess, so dass Sie diese Praktiken einschließen können, wie Sie Ihre Windows Phone Meisterwerk zu schaffen.

Brainstorm kreativ zu sein.Möglicherweise haben Sie bereits eine Idee über eine Anwendung, dass Sie bauen oder möglicherweise versuchen Sie zu kommen mit ein.In beiden Fällen kann Brainstorming Ideen zu erforschen, die Sie nicht betrachtet haben könnte.Und es macht Spaß!

Versuchen Sie, wenn möglich mit anderen, Brainstorming.Wenn Sie eine einsame Entwickler erstellen von apps selbst Fragen Sie, Ihre Familie oder eine Gruppe von Freunden, dies mit Ihnen zu tun.Aber denken Sie an rechtlichen Probleme, die entstehen können, wenn Sie jemand anderes Idee verwenden.Das Brainstorming ist um so viele Ideen wie möglich zu generieren.

Ich werde davon ausgehen, dass Sie mit den Mechanikern der Brainstorming vertraut sind.Aber nur um zu überprüfen, hier sind einige Richtlinien für den Prozess:

• Notieren Sie alles.
• Keine Idee ist zu diesem Zeitpunkt zu empörend.
• Legen Sie ein Zeitlimit, Dinge in Bewegung zu halten.
• Tieftauchen auf alles, was noch nicht.

Ihre Anwendung könnte helfen Menschen, eine Aufgabe auszuführen, oder seinen Zweck möglicherweise um sie zu unterhalten.In jedem Fall sind Sie der Erzähler.Betrachten Sie diese Fragen, um Samen zu helfen Ihre Brainstorming:

• Was wird Ihrer Anwendung?
• Wer ist für Ihre Anwendung?
• Wie passt Ihre Anwendung in den Markt?
• Wo und wann wird Ihrer Anwendung werden verwendet?
• Welche Art von Inhalt wird angezeigt?
• Wie kann die Anwendung die Hardware nutzen?
• Wie vergleicht Ihre app Idee mit ähnlich apps auf dem Windows Phone Markt und anderen Smartphone-Anwendung speichern?

Nachdem Sie sich mit einer großen Liste von Ideen gekommen sind, Filtern sie durch eine Liste mit Einschränkungen, helfen Sie ihnen auf etwas eingrenzen, die Sie tatsächlich schaffen werden.Ihre Fragen zählen unter anderem:

• Muss ich, oder kann ich erhalten, die Fähigkeit, diese app zu ermöglichen?
• Kann ich diese app in einem angemessenen Zeitrahmen entwickeln?
• Kann ich mir leisten, diese app zu entwickeln?
• Kann ich zusätzliche Vermögenswerte wie online-Dienste nutzen?
• Kann ich partner mit jemand diese app noch besser zu machen?
• Gibt es eine Menge von erforderliche Infrastruktur für diese app?Zum Beispiel möglicherweise ein streaming Media-Service eine wunderbare Idee, aber kann ich mir leisten die Server-Ressourcen erforderlich, um einen solchen Dienst aus dem Boden?

Wenn Sie einen guten Job auf Brainstorming getan haben, haben Sie eine große Liste von Ideen, so dass Sie wahrscheinlich wirst sein sehr kritisch zu die Liste nach unten zu zwei oder drei Ideen, die Sie möchten wirklich vorankommen auf.

Skizze und Drahtmodell entwerfen ein Prototyp umfasst Ihre Brainstorming Ideen an einem Strang.Sie können starten Sie durch Auswerten einige ähnlichen Anwendungen, die bereits auf dem Markt sind.Sie werden wahrscheinlich sowohl gute als auch schlechte Entwürfe entdecken.Jeder bietet gute Möglichkeiten für das Lernen.

Verwenden Sie ein Whiteboard oder Papier und Bleistift zu schnell bewegen.Das Layout der Navigation-Architektur für Ihre Anwendung.Designer nennen dies die Informations-Architektur, obwohl das bedeutet etwas ganz anderes für diejenigen von uns in der Content publishing-Welt.Egal, was Sie es nennen kann dieser Schritt Inkonsistenzen in Ihrem Entwurf aufdecken.Sie können auch Ideen für die einfachere Verwendung Ihrer Anwendung inspirieren.Ich habe eine schnelle Übung mit einigen Haftnotizen und meine Whiteboard (finden Sie unter Abbildung 1).In diesem Beispiel ist wirklich einfach, aber es zeigt, wie dies aussehen könnte.Jede Haftnotiz stellt eine Seite in ein online-Warenkorb-Anwendung dar.

Abbildung 1 Informationsarchitektur planen

Das Detail hier ist nicht wichtig; Ich zog sich jede dieser Seiten in weniger als einer Minute.Der Punkt ist wirklich über den Fluss und die Navigation Ihrer APP denken.Haftnotizen sind großartige Hilfsmittel um schnell die Seiten einer Anwendung zu verhöhnen.Und weil sie ein tatsächliches Telefon-Bildschirm in der Größe ähnlich sind, können sie vermitteln das Gefühl einer tatsächlichen app.

Mit einem Whiteboard um zu legen, die Navigation erleichtert es zu Seiten bewegen und Zeichnen von Verbindungen ohne zu viel Zeit investieren.In dieser Übung schnell und natürlich zeigt, wo es gibt Löcher in Ihre geplanten Schnittstelle.Es hilft auch Sie wie viel Arbeit am Code schätzen Sie Unternehmen sein werde, um Ihre Vision zu implementieren.

Versuchen Sie, andere Menschen bringen und erhalten ihr Feedback auf Ihre Informations-Architektur, vielleicht Kollegen oder Freunde und Familienmitglieder, wenn Sie Ihre eigenen arbeiten.Gehen sie durch die Gestaltung, aber versuchen Sie nicht, overexplain.Den Zweck und die Navigation Ihrer Anwendung sollte offensichtlich sein; Verfeinern Sie halten Sie, bis es ist.

Prototyping und Benutzer Forschung einmal Sie mit den Seiten und die Navigation Ihres Designs zufrieden sind, ist es Zeit, erstellen Sie einen Prototyp und holen Feedback von Benutzern.

Der Prototyp muss eine funktionierende Anwendung sein.Papierprototypen eignen sich hervorragend zum schnellen Erstellen das Erscheinungsbild Ihrer Anwendung, Benutzer für Usability-Tests zu präsentieren (finden Sie unter Abbildung2).Natürlich, wenn Sie Papier verwenden, müssen Sie helfen dem Anwender verstehen, wie die Anwendung funktioniert.YouTube suchen Sie nach "Papier Prototyp" und finden Sie viele Videos zeigen dabei.

Abbildung 2 Papier Prototyp

Sobald Sie ein paar Prototypen haben, laden Sie Benutzer in, sie auszuprobieren.Fordern Sie Benutzer ihre Ziele innerhalb einer Anwendung erklären, anstatt bestimmte Vorschläge über die Benutzeroberfläche oder Interaktion zu machen.

Versuchen Sie, über die funktionale Elemente Ihrer Anwendung die folgenden Fragen beantworten:

• Ist es klar, was Ihre Anwendung tut?
• Ist klar, wie sie laufen zu lassen?
• Sind Aufgaben intuitiv in Zweck und Betrieb?

Dies ist ein unglaublich mächtig und lohnenden Prozess.Ich testen nach einem Design-Team schnell erstellen Sie neue Designs im laufenden Betrieb, sah vor der nächsten Gruppe von Usability Themen sogar auftauchte.Sie können aus verschiedenen Designs an einem einzigen Tag testen.Sprechen Sie über sehr schnell!

Durchlaufen und verfeinern weiter optimieren, Ihre Prototypen auf der Grundlage von Nutzer-Feedbacks.Achten Sie darauf, in Benutzeranforderungen für mehr und mehr Features verfangen.Während einige Benutzer-Feedback Sie auf Benutzeroberfläche Probleme hinweisen könnten, sollten die meisten ganzheitlich aufgenommen werden.Halten Sie Ihre Anwendung, fokussierte und minimal.

Nachdem Sie Ihr Design etwas verfeinert haben möchten Sie diesen­Ment, verschieben auf den Computer.Verwenden Sie ein Prototyping Tool z. B. SketchFlow (microsoft.com/expression/products/Sketchflow_Overview) zum Erstellen von Prototypen der eigentlichen Seitendesigns.Sind detailliert genug, so dass Sie während der Codierung über Entscheidungen müssen:

• Visuelle Elemente: Sind Typografie und Inhalt lesbar, klar und prägnant?Ist die Anzeige optisch ansprechend?Thema Ressourcen für Windows Phone (msdn.microsoft.com/­library/ff769552(VS.92)) machen es einfacher an Metro Design-Prinzipien, sowie Benutzereinstellungen, durch die Bereitstellung von vordefinierten Werte für Eigenschaften wie z. B. Pinsel, Farben und Schriftarten zu halten.
• Bedienelemente: Sind Steuerelemente Größe und Abstand für einfache Touch-Bedienung?Beachten Sie, dass in Visual Studio die Tools in der Toolbox bereits Metro-Themen sind.
• Brandingelemente: Haben Sie genau reproduziert Farben und Logos?Ist alle Kunst kompatibel mit Copyrights?

Stellen Sie sicher, dass Sie implementieren alle Elemente erforderlich, die Interaktionen neu zu erstellen, die Sie während der Prototypen vorgezeichnet.Bestätigen Sie, dass die Aufgaben und Operationen look und flow korrekt auf der Grundlage Ihrer früheren Benutzerfreundlichkeitstests.

Das Diagramm einfacher Workflow in Abbildung 3 visuell darstellt den Design-Prozess, die ich beschrieben habe.

Abbildung 3 des Design-Prozess

Design-Tools

Es sollte jetzt offensichtlich sein, dass Sie nicht brauchen, in viele teure Tools zu tun, einen guten Job entwerfen Ihre app zu investieren.Die Chancen stehen, dass Sie jetzt einige dieser Tools zur Verfügung haben.

• Papier und Bleistift: Das ursprüngliche Design-Tools noch mächtig.
• Klebrige Anmerkungen: Dies sind die großen "Leinwand" für Telefon Seitendesigns.
• Videokamera: Für die Erfassung Usability-Tests und Erstellung von Stop-Motion-Animationen Ihre Designs, mit Kollegen, Freunden, Familie zu teilen.
• Windows Phone SDK 7.1: Kostenloser Download (bit.ly/snlph6), die enthält Visual Studio 2010 Express für Windows Phone, die Windows Phone Emulator und Expression Blend für Windows Phone.
• SketchFlow: Können Sie schnell auf funktionale Entwürfe in Expression Blend zu skizzieren.

Resources

Es gibt viele online-Ressourcen, die helfen können, wie Sie Ihre Windows Phone Anwendungen entwerfen.Die folgende Dokumentation Ressourcen Tauchen Sie ein in die Themen hier viel ausführlicher diskutiert:

• Benutzer Erfahrung Design Richtlinien für Windows Phone (wpdev.ms/wpuxguide)
• Entwerfen Sie Ressourcen für Windows Phone (wpdev.ms/dsnrsrcs)
• Microsoft .toolbox (wpdev.ms/designtb)
• Alfred Astort Blog-Posts (wpdev.ms/alfreddesign)
• PhotoShop Design-Vorlagen für Windows Phone (wpdev.ms/dsntemplates)

Man weiß nie, wo Inspiration kommen könnte, so Eingabe ist wichtig.Die folgenden Benutzer Twitter tweet oft über nützliche und interessante Design und Benutzer Forschungsthemen:

• @ WPDesignTeam
• @ corrinab
• @ SusanToddUX
• @ mkruzeniski
• @ arturot
• @ augustdlr

Nachbereitung

Sobald Ihr Design fertig ist, ist es Zeit, zu codieren.Da alle Design-Arbeit durchgeführt wurde bis vor, Sie werden frei, konzentrieren sich auf die Logik erforderlich, um die Funktionalität zu implementieren, Sie bereits durch Benutzerfreundlichkeitstests überprüft haben.Dabei sparen Sie Zeit, da Sie sich nicht um Ihre app in der Mitte der Umsetzung umzustrukturieren.Und da Sie bereits Ihre Anwendung mit tatsächlichen Benutzern getestet haben werde, werden Sie wahrscheinlich am Ende mit guten Bewertungen auf dem Windows Phone Markt.

Das Windows Phone SDK versucht, setzen Sie sich für den Erfolg mit versehene Steuerelemente und Visual Studio-Vorlagen, die Kopfzeilen, Designressourcen und so weiter.Sie noch tun müssen, die geistige Arbeit nach vorne, aber die Werkzeuge helfen Ihnen eine nette app Metro erstellen, sobald Sie in der Implementierungsphase verschieben.

Dieser Artikel ist nur die Spitze des Eisbergs, wenn es um design geht.Ich hoffe, ich habe Ihr Interesse geweckt und dazu beigetragen, Sie prüfen, wie dieser Prozess die Qualität Ihrer nächsten Windows Phone Anwendung auslösen kann.Eine gut entworfene Anwendung erstellt eine Feedback-Schleife auf dem Windows Phone Markt, die zu mehr Downloads und mehr Umsatz führt.Investieren Sie mehr Gedanken bei der Gestaltung Ihrer Anwendungen und können sie Wild erfolgreich sein.

Mark Hopkins ist ein leitender Programmier Autor im Windows Phone Developer Documentation Team. Er ist seit 1992 arbeiten Entwickler Produkte einschließlich Entwickler zu unterstützen, Visual C++, MFC, Windows Platform SDK, Internet Explorer SDK, Tablet PC SDK, Oberfläche SDK und Windows Phone SDK bei Microsoft beschäftigt.

Dank der folgenden technischen Experten für die Überprüfung dieses Artikels: Robert Lyon, Cheryl Simmons und Matt Stroshane