Clever Geek Handbook

So erstellen Sie eine Mini-Anwendung: Wissensdatenbank von VK Mini Apps

Nützliche Materialien für jede Phase des Lebenszyklus



Wir sprechen viel darüber, wie Gadgets erstellt und auf der VK Mini Apps-Plattform ausgeführt werden. Und wir sehen, wie viele coole Ideen die Entwickler haben - sowohl erfahrene als auch Anfänger. Ich möchte, dass jeder seine Idee in einem kompakten Service verwirklichen kann, der leicht in das Leben des Benutzers eintritt.



In diesem Artikel sammeln wir alle Materialien, Empfehlungen und nützlichen Links. Gruppieren wir sie nach den Phasen des Lebenszyklus des Gadgets: von der Idee über die Veröffentlichung bis hin zur Monetarisierung.



Entwickler in unserem VK Fresh Code-Programm werden noch mehr unterstützt : Dies sind Bildungskurse und ein Wettbewerb mit einem Gesamtpreisgeld von 15 Millionen Rubel. Begleiten Sie uns!


Bild



Eine Idee finden



Suchen Sie nach der Idee eines bequemen Service - nach Ihren eigenen und den Erfahrungen anderer, nach den Problemen der Menschen in jedem Lebensbereich. Brainstorming mit sich selbst, mit Familie oder Freunden - und jeden Gedanken festhalten. Diese Hinweise helfen Ihnen bei der Planung Ihrer Entwicklung, sodass Sie nicht zum Anfang zurückkehren und später eine fehlende Funktion hinzufügen müssen.



→ Was zu lesen:





Wir entwerfen und prototypisieren



Wenn die Idee vollständig artikuliert ist, beginnen Sie mit dem Entwerfen. Hier wird Kreativität durch routinemäßige, aber sehr wichtige Prozesse ersetzt - sie sparen Ihnen Nerven und Ressourcen in der Phase der Implementierung.



Ein gutes Beispiel für die Fehlerkosten in verschiedenen Entwicklungsstadien:



Bild



Stellen Sie sicher, dass die Idee realisierbar ist. Wenn Sie mit Ihrer Mini-App Geld verdienen möchten und Traffic benötigen, sollten Sie den potenziellen Markt untersuchen. Sammeln Sie Daten, kommunizieren Sie mit der Zielgruppe, untersuchen Sie deren Bedürfnisse und Schmerzen. Verfassen Sie zwei oder drei User Stories. Einstieg in das technische Design: Erstellen Sie eine Liste der Funktionen, die Sie im MVP und in der endgültigen Version sehen möchten.



Danach können Sie einen Prototyp Ihrer zukünftigen Anwendung erstellen.



→ Was zu sehen ist:





→ Was zu lesen:





Hast du den Prototyp fertiggestellt? Es ist Zeit darüber nachzudenken, wie Ihr Gadget aussehen wird.



Anpassen von UX / UI



In dieser Phase müssen Sie zwischen „Ich mache, was ich will“, „Ich mache, was ich kann“ und „Ich mache, was es für Benutzer bequem ist“ balancieren.



Dieses Gleichgewicht zu finden und aufrechtzuerhalten, ist selbst für erfahrene Designer und Entwickler schwierig. Die Anpassungsphase besteht also aus endlosen Experimenten, A / B-Tests und Hypothesentests. Diejenigen, die Gadgets erstellen, haben eine leistungsstarke Hilfe - VKUI. Dies ist eine Reihe von React-Komponenten, mit denen Sie Schnittstellen erstellen können, die äußerlich nicht von einer VK-Anwendung zu unterscheiden sind.



→ Was ist nützlich:



  • VKUI Styleguide - Alle verfügbaren Schnittstellenkomponenten, damit Ihr Widget wie ein nativer Client aussieht. Bonus: VKUI-Assets für Figma - sie sind kostenlos, aber nur in der kostenpflichtigen Version des Programms verfügbar.
  • React Tutorial - nützlich, wenn Sie noch nicht mit diesem Framework gearbeitet haben. Anschließend können Sie zu den VKUI-Komponenten zurückkehren.
  • VK-Symbole sind eine Reihe von SVG-Symbolen, die als Reaktionskomponenten dargestellt werden.
  • Happy Santa VK App UI Style Guide - nützliches Material für die Desktop-Implementierung von Mini-Anwendungen.


→ Was zu sehen ist:





→ Was zu lesen:





Wir entwickeln



Schließlich können Sie mit der Implementierung beginnen. Wir teilen alle Links, die Ihnen helfen werden.



→ Muss vor der Entwicklung gelesen werden:





→ Bereiten Sie den Start im Voraus vor:





→ VK API und Dokumentation:





→ Bereitstellen:





→ Lehrmaterialien und andere nützliche Dinge:



  • Web Skills ist eine Roadmap für den aufstrebenden Webentwickler. Überblick über Wissensbereiche und Konzepte mit Links zu Lernmaterialien (in englischer Sprache).
  • Workshop des Entwicklers von Gadgets aus dem VK-Team , Teil 1 - Gleb Vorontsov zeigt den technischen Teil der Entwicklung: das Administrationspanel, Tools und vieles mehr.
  • Mini-App-Entwicklungsworkshop , Teil 2 - Home Stretch: VKUI, VK Bridge und visuelle Codierung.
  • Navigation und Farbschema - Ein ausführlicher Artikel zum Erstellen der Navigation in einer Mini-App für iOS- und Android-Plattformen, einschließlich Wischen und Hardwaretasten.
  • Poo-Mini-App - Github-Repository mit einem Beispiel für die Implementierung einer Mini-App.
  • VK Bridge Sandbox ist eine Sandbox zum Testen von VK Bridge.


Tests sollten das Ergebnis der Entwicklung sein. Ist immer.



Wir bestehen Moderation und Tests



Als das letzte Update in Produktion ging, sind Sie mehr oder weniger von der Qualität der Mini-Anwendung überzeugt und bereit zum Testen - es ist Zeit, Ihr Projekt zur Moderation einzureichen.



Die Moderatoren prüfen, ob die Regeln für die Platzierung von Diensten auf der VK Mini Apps-Plattform eingehalten werden und ob die Platzierungskriterien berücksichtigt werden . Sie können auch darauf hinweisen, wo UX und UI verbessert werden können. Die Kommentare der Moderatoren helfen dabei, die Anwendung zu verbessern und während der abschließenden Überprüfung auch Schwachstellen zu beseitigen, die Benutzerdaten bedrohen.



→ Was zu sehen ist:





Der nächste Schritt ist der Betatest im Testpool-System . Hier wird die Anwendung von den Jungs von VK Testers geprüft .



Damit der Dienst sie am nächsten Donnerstag erreicht (relevant für jede Woche), müssen Sie dem Moderator schreiben, dass Sie am Montag vor 18:00 Uhr Moskauer Zeit zum Testen bereit sind.



Im Durchschnitt dauert der Betatest etwa zwei volle Wochen. Es ist sinnvoll, so früh wie möglich darauf einzugehen - insbesondere, wenn Sie einen Zuschuss von VK Fresh Code beantragen. Die Teilnehmer stellen die fertige Mini-Bewerbung vor dem angekündigten Termin in den Katalog. Für die aktuelle vierte Welle des Programms ist dies der 21. Oktober 2020.



Letzte Moderation: Gehen Sie in das Verzeichnis



Alle Berichte sind geschlossen und Ihre Mini-App wurde fast perfekt getestet. Es ist Zeit, den Moderator erneut an sich selbst zu erinnern - auf demselben Ticket, auf dem Sie zuvor kommuniziert haben.



Alles, was bleibt, ist, die netten kleinen Dinge zu tun: Symbole und Cover hochladen, die im Katalog und auf Snippets angezeigt werden sollen. Danach wird Ihr Projekt im offiziellen Katalog der VK Mini Apps-Plattform veröffentlicht.



Nach der Veröffentlichung: Förderung und Monetarisierung



Das aktive Publikum wächst, die Anzahl der Anzeigenimpressionen steigt, das Monetarisierungssystem funktioniert. Was weiter?



Die Hauptsache ist, sich nicht mit dem bereits Erreichten zufrieden zu geben und über eine hochwertige Werbekampagne für das Gadget nachzudenken.



Promotion



→ Was zu lesen:





→ Was zu sehen ist:





Was wir getan haben, um Mini-Anwendungen gewinnbringend zu fördern:



  • Es gibt eine separate Auktion für Werbung für Mini-Apps, was bedeutet, dass es keinen Wettbewerb mit Angeboten für Einnahmen und Aufzeichnungen auf Nägeln gibt. Die Kosten für Impressionen und Klicks sind zwei- bis dreimal günstiger als für normale Anzeigen.
  • entwickelte viele native Werbemethoden und -werkzeuge zur Feinabstimmung des Publikums;
  • Wir veranstalten regelmäßig Werbeaktionen für Entwickler von Gadgets - manchmal müssen Sie kein Geld für Werbung selbst ausgeben.


Monetarisierung



VK verfügt derzeit über zwei Modelle zur Monetarisierung von Gadgets: In-App-Käufe und Werbung. Sie können einzeln oder zusammen verwendet werden.



→ Was zu lesen:







VK Mini Apps — . VK Fresh Code: , . - 300 , — .


More articles:


All Articles