Mobil İlk Katılım | Uygulamalar için 40 İlham Verici Başlangıç ​​Ekranı

Yayınlanan: 2016-07-07

Günümüzde, kullanıcıların bir uygulamayı indirirken gördükleri ilk şey, mobil onboarding ekranıdır. Yerleştirme ekranı, bir uygulamanın ne yaptığını ve nasıl çalıştığını tanıtmayı amaçlayan bir adım adım izlenecek yol gibidir. Bu nedenle, uygulamanız için onboarding'in gerekli olup olmadığına karar vermek ve onu uygulamanın en iyi yolunu bulmak için zaman ayırmanız önemlidir.

İçindekiler gizle
Yerleşik Ekran Sembako
Çağrı Uygulaması
Seyahat Başlangıç ​​Ekranı
Uygulama İlk Katılım Modeli
Zing Play – Giriş Ekranı
Yerleşik ekran çizimleri – taşıma uygulaması
Kullanıcı Başlangıç ​​Ekranı
Mobil İlk Katılım Uygulaması Konsepti
Uygulama için Başlangıç ​​Ekranları
Space App için Katılım
İlk katılım ekranları
Ekran Sohbeti Uygulamasına Giriş
Teknede Bisiklet Etkinliği
Toplu iğne
Gezegen
Yerleşik Ekran Hizmetleri
Onboarding Screen Eco Uygulaması
iOS Uygulaması Çizimleri
İlk – Başlangıç ​​Ekranı
ModMom İlk Katılım Ekranları
Yerleşik Ekranlar
KptnCook Uygulaması Eğitim Ekranları
Yeni Weelio Uygulaması Giriş Ekranları
Uzay yolculuğu
İlk katılım animasyonları
interPhotos Uygulaması için işe alım ekranları
Şık İlk Katılım ekranları
Finans Uygulaması Giriş Ekranı
Mobil Seyahat Uygulamasına Giriş
İlk katılım önizlemesi
Tebrik Ekranı
E-ticaret giriş ekranları
Giriş Ekranı Kırmızı Uygulaması
Diaryibadah Kılavuz Ekranı
Başlangıç ​​Ekranı – Düz
Modspot Giriş Ekranı
Toplu iğne
Uygulamaya giriş ekranı
Eğitim ekranları
Dünya Yerleri
Alıştırma ekranları
İlk Katılım ve Eğitim

Bir onboarding ekranının en basit ve kullanıcı dostu şekilde tasarlanması gerekir. Boş durum sayfaları gibi bazı alıştırma ekranları, kullanıcıları bilgilendirmek ve disipline etmek için oluşturulmuştur. Ancak bu, kullanıcıları yeni uygulamanın nasıl çalıştığını kendi başlarına çözmek zorunda kalmaktan kurtarsa ​​da, her uygulamanın bir onboarding ekranına ihtiyacı yoktur.

Bu makalede, harika mobil başlangıç ​​ekranları oluşturmanıza ve uygulamanızın kullanıcıları için en iyi deneyimi sunmanıza yardımcı olacak bazı kaynakları sizinle paylaşacağız. İlham verici onboarding uygulama tasarımlarının bu 40 örneğine bir göz atalım. Onboarding ekranlarını beğenip beğenmediğinizi ve faydalı bulup bulmadığınızı aşağıdaki yorumlarda bize bildirin.

Yerleşik Ekran Sembako

Bir web tasarımcısı olarak, mesleğinizin en ileri noktasında kalmak için bir dizi trendi takip etmeniz gerekir. Moda gibi bu trendlerden bazıları stilistik ve geçicidir. Ancak diğerleri, teknolojideki derin bir değişimi yansıtıyor. Örneğin, işe alım ekranları trendini ele alalım. Bu, herhangi bir iyi uygulama tasarımının çok önemli bir parçası haline geldi. İşte harika bir örnek! Bu eğlenceli ekranlar Syafrizal Wardhana tarafından yaratılmıştır. Çizimler her iki ekrana da adım adım bağlanır.

5 Yerleşik Ekran Sembako 1 Toplu iğne

Çağrı Uygulaması

Bir katılım ekranı tasarlarken, öncelikle müşterilerin uygulamalarıyla neyi başarmayı umduğunu ve bu hedeflerle hangi verilerin alakalı olduğunu anlamanız gerekir. Bu alıştırma ekranları, deneysel bir uluslararası arama uygulaması için oluşturulmuştur. Bu uygulama için kullanılan yeşil renk şeması WhatsApp'a benziyor.

6 İlk Katılım Toplu iğne

Seyahat Başlangıç ​​Ekranı

Bu, bir seyahat uygulaması için modern ve sevimli bir yerleşik ekran tasarımıdır. Arka plandaki su renkli bulutlar ve renkli noktalar çok dikkat çekici.

7 Seyahate Başlama ekranı Toplu iğne

Uygulama İlk Katılım Modeli

Bir onboarding ekranı tasarlarken, öncelikle sergilemek istediğiniz bilginin yapısını anlamanız gerekir. Bu, verilerin kaynağını ve uygulama aracılığıyla ne kadarının işlendiğini anlamayı içerecektir. Bu küçük çizimler çok eğlenceli! Her ekran, ayırt edici renkler ve kişi merkezli bir çizim ile vurgulanır.

8 Uygulama İlk Katılım Modeli Toplu iğne

Zing Play – Giriş Ekranı

Uygulamanın hedeflerini ve yöneteceği veri türünü anlayarak, en iyi işe alım tasarımını önerebilirsiniz. Bu onboarding ekranları inanılmaz derecede cesur ve renklidir. Kullanıcıların bu uygulama içinde oyun oynayabileceğini ve sohbet edebileceğini gösteriyorlar.

9 Zing Play - Başlangıç ​​Ekranı Toplu iğne

Yerleşik ekran çizimleri – taşıma uygulaması

Bu alıştırma ekranı çizimleri bir ulaşım uygulaması için yapılmıştır. Tasarım, bu nakliye şirketinin 7/24 ulaşılabilir olduğunu gösteriyor.

10 Onboarding ekran çizimleri Toplu iğne

Kullanıcı Başlangıç ​​Ekranı

Kullanıcının uygulamanızı kullanırken iyi bir deneyim yaşamasını istiyorsanız, kullanıcıyı büyük miktarda veriye boğmak yerine, onu yavaş yavaş uygulamaya tanıtın. Bunlar, bir seyahat uygulaması için bazı sevimli alıştırma illüstrasyonları. Bu temiz ekranın tasarımcısı Anggit Yuniar Pradito'dur.

37 Kullanıcı Başlangıç ​​Ekranı Toplu iğne

Mobil İlk Katılım Uygulaması Konsepti

Bu işe alım uygulaması konsepti, çalışanın işe alım sürecini çok daha kolay hale getirmeye yardımcı olur. Tasarım elbette tamamen mobil ve tasarım en iyisi olmasa da, yapması gerekeni yapıyor – kullanıcıyı uygulama boyunca yönlendiriyor.

38 Mobil İlk Katılım Uygulaması Konsepti Toplu iğne

Uygulama için Başlangıç ​​Ekranları

Bu onboarding ekranları, hoş bir kullanıcı arayüzü ve mobil veya duyarlı web sitesi için bir UI ekran şablonu ile birlikte gelir. Tasarım, uygulamanın markasıyla uyumludur ve uygulamanın neyle ilgili olduğunu anlamak çok kolaydır.

Uygulama için 39 Başlangıç ​​Ekranı Toplu iğne

Space App için Katılım

Bu temiz işe alım ekranı tasarımı Anton Chandra tarafından yapılmıştır. Uzay bu tasarımın ilham kaynağıydı. Temiz simge tasarımlarını, yazı tipi seçimini ve basit karşılama mesajlarını seviyoruz.

11 İlk Katılım Toplu iğne

İlk katılım ekranları

Metinler çok küçük ve okunması zor olsa da, bu çizimler hala çok eğlenceli. Bu tasarım, iyi yapılmış illüstrasyonların işe alım deneyiminde neden büyük bir rol oynadığını göstermek için mükemmel bir örnektir.

12 Başlangıç ​​ekranları Toplu iğne

Ekran Sohbeti Uygulamasına Giriş

Bu alıştırma ekranı, herhangi bir keşif uygulamasında bir animasyon olarak harika görünecek. Bu ayrıntılı çizimler Ghani Pradita tarafından yapılmıştır.

13 Başlangıç ​​Ekranı Toplu iğne

Teknede Bisiklet Etkinliği

Bu Murat Gürsoy'un zarif bir tasarımı. Bu tasarımdaki düzen, gradyan, çizimler ve renk şeması ilham vericidir. Turuncu CTA, koyu mavi arka planda çok iyi vurgulanmıştır.

34 Teknede Bisiklet Etkinliği Toplu iğne

Gezegen

Anton Chandra tarafından oluşturulan bu işe alım ekranları, Star Wars'tan ilham aldı. Bu çizimlerde, gezegenler bir makyaj alıyor. Oyun uygulamaları için de mükemmel olacak ve oyunun / öğreticinin hızlı bir turu olarak kullanılan tasarımı seviyoruz.

35 Gezegen Toplu iğne

Yerleşik Ekran Hizmetleri

Bu işe alım ekranları, teslimat hizmetleri sağlayan bir uygulama için oluşturulmuştur. Bu komik ekranlar, teslimatları yapan astronotları ve sıcak hava balonlarını gösteriyor.

36 Başlangıç ​​Ekranı Toplu iğne

Onboarding Screen Eco Uygulaması

Bunlar, yeşil-eko temalı bazı modern işe alım ekranlarıdır. Tasarımcı Martin Strba, kullanıcı dostu olması için düğmeleri ekranın altına yerleştirdi.

14 Başlangıç ​​Ekranı Toplu iğne

iOS Uygulaması Çizimleri

Bu eğlenceli küçük insan simgeleri, uygulamanın yeteneklerini ve özelliklerini göstermek için tasarlandı. Tüm çizimler harika görünüyor ve kullanıcının bu uygulamanın neyle ilgili olduğunu anlamasını çok kolaylaştırıyor.

15 iOS Uygulaması Çizimi Toplu iğne

İlk – Başlangıç ​​Ekranı

Alışma ekranı size bu seyahat uygulamasını nasıl kullanabileceğinizi sadece birkaç taslak çizimle gösterir. İki seçeneğiniz var: ekranları kaydırabilir veya X ile kapatabilirsiniz.

16 İlk Çıkış - Başlangıç ​​Ekranı Toplu iğne

ModMom İlk Katılım Ekranları

Bunlar, ModMom uygulaması için bazı eğlenceli, renkli ekranlardır. Bu alıştırma ekranları bazı komik arka plan çizimleriyle birlikte gelir. tasarım temiz, minimaldir ve bilgileri açık ve anlaşılır bir şekilde sunar.

1 Mod Anne Toplu iğne


Yerleşik Ekranlar

Carlos Ramos tarafından oluşturulan bu işe alım ekranı, zaman zaman talimatların iletilmesinde illüstrasyonların ikincil bir rol oynayabileceğine iyi bir örnektir. Çizimler daha küçük ama yine de kesin.

2 Yerleşik Ekranlar Toplu iğne

KptnCook Uygulaması Eğitim Ekranları

Uygulamayı indirdikten sonra, bu ekranlar ilk küçük öğretici olarak görünür. Alıştırma tasarımları Eva Hoefer tarafından yaratılmıştır ve çok yaratıcı bir şekilde tasarlanmıştır! Kullanıcıya uygulamayı eğlenceli ve etkileşimli bir şekilde nasıl kullanacağı öğretilir!

3 KptnCook Uygulaması Eğitim Ekranı Toplu iğne

Yeni Weelio Uygulaması Giriş Ekranları

Bu anahat düğmeleri Wenhui Yu tarafından oluşturuldu. Bu ekranların tasarımları, genel olarak canlı renklerin kullanılmasına rağmen hafif ve temizdir.

4 Yeni Weelio Uygulaması Giriş Ekranı Toplu iğne

Uzay yolculuğu

Uzaydan ilham alan bu yerleşik ekran, Sasha Gorosh tarafından tasarlanmıştır. Bu, basit çizimlerle canlı ve eğlenceli bir alıştırma ekranıdır.

17 Uzaya biniş Toplu iğne

İlk katılım animasyonları

Bunlar, Virgil Pana tarafından tasarlanan bazı temiz çizimler ve hareketli işe alım ekranlarıdır. Tasarımcı, bu alıştırma animasyonlarını oluşturmak için şu araçları kullandı: kurşun kalem, kağıt, Illustrator, Photoshop ve After Effects.

18-Onboarding-animasyonları Toplu iğne

interPhotos Uygulaması için işe alım ekranları

Bu, bilgisayarınızda ve telefonunuzda aynı fotoğrafları bulan ve silen bir uygulama için çok kullanışlı bir ekrandır. Bu ekranlar Tetiana Zahorska tarafından oluşturulmuştur.

19 interPhotos uygulaması için başlangıç ​​ekranı Toplu iğne

Şık İlk Katılım ekranları

Bu, işe alım/karşılama illüstrasyonlarından oluşan şık bir pakettir. Bu ekranlar eğlenceli ve ilgi çekici.

24 Başlangıç ​​ekranları Toplu iğne

Finans Uygulaması Giriş Ekranı

Bu işe alım tasarımlarının ana renk teması gridir. George Gao, bu mobil onboarding ekranlarının tasarımcısıdır.

25 Finans UYGULAMASI Giriş Ekranı Toplu iğne

Mobil Seyahat Uygulamasına Giriş

Bu, bir kilit ekranı için uygun olan ancak aynı zamanda bir hava durumu veya seyahat uygulaması için de çalışan yerleşik bir tasarımdır. Bu tasarım Xiu Yuan tarafından yaratılmıştır.

26 Mobil cihaza giriş Toplu iğne

İlk katılım önizlemesi

Bu işe alım ekranları, bütçeye uygun otel uygulamaları için mükemmeldir. Mavi ve beyaz arka plan, bu tür uygulamalar için güvenli ancak yine de uygun bir renk kombinasyonudur.

27 İlk katılım önizlemesi Toplu iğne

Tebrik Ekranı

Bu, Anggit Yuniar Pradito tarafından tasarlanan basit ve temiz bir tebrik ekranıdır. Bu ekran, başarılı bir rezervasyon uygulaması sistemini gösterir.

28 E-ticaret başlangıç ​​ekranı Toplu iğne

E-ticaret giriş ekranları

Bunlar, e-Ticaret için çok kullanışlı bazı yerleşik ekran tasarımlarıdır. Bunlar, alışveriş sürecine yardımcı olmak için Katya Dihich tarafından oluşturuldu.

29 Başlangıç ​​Ekranı Toplu iğne

Giriş Ekranı Kırmızı Uygulaması

Bu güzel onboarding ekranları Wayne Baryshev tarafından tasarlandı. Minimalist ve kullanıcı dostu görünüyorlar.

30 Başlangıç ​​Ekranı Toplu iğne

Diaryibadah Kılavuz Ekranı

Bu çizimler, Ghani Pradita'nın yörüngesel stillerine benzer, ancak tüm yerleşik tasarımlarda benimsenmiştir. Bu çizimler Faiz Al-Qurni tarafından tasarlanmıştır.

31 Diaryibadah Kılavuz ekranı Toplu iğne

Başlangıç ​​Ekranı – Düz

Melvin Johnson bu eğlenceli insan illüstrasyonlarını yarattı. Her illüstrasyon farklı bir arka plan rengiyle gelir.

20 Başlangıç ​​Ekranı Toplu iğne

Modspot Giriş Ekranı

Bunlar, gençlere yönelik bir moda uygulaması için bazı sevimli giriş ekranları. Bu ekran için illüstrasyonlar yerine fotoğraflar kullanıldı.

21 Modspot Giriş Ekranı Toplu iğne

Uygulamaya giriş ekranı

Bu ekran Jinyi Fu'nun devam eden bir çalışmasıdır. Ekran, renklerin ve güçlü çizimlerin nasıl eşleştirileceğini gösterir.

22 uygulama başlangıç ​​ekranı Toplu iğne

Eğitim ekranları

Bu eğitim ekranları Anandu Sivan tarafından çizilmiş ve tasarlanmıştır. Bu ekranlar bazı eğlenceli ve yaratıcı çizimlerle birlikte sunulmaktadır.

23 Eğitim ekranları Toplu iğne

Dünya Yerleri

Bu ekran, bir seyahat rehberi uygulaması için işe alım konseptine benziyor. Resimler, dünya çapında ziyaret edilecek çeşitli yerleri gösterir.

32 Dünya Yeri Toplu iğne

Alıştırma ekranları

Bunlar bazı net ve şık izlenecek ekranlardır. Gri renkli kısımlara sahip çizimlerdeki yeşil vurgular çarpıcı görünüyor.

33 Yerleştirme adım adım ekranları Toplu iğne

İlk Katılım ve Eğitim

Bu, işe alım için kullanışlı bir tasarım setidir. Buna mobil cihazlar için kayıt ve eğitim ekranları da dahildir.

Toplu iğne