Anasayfa » Web Tasarımı » Aslında Kullanıcıların Öğrenmelerine Yardımcı Olan Yerinde Bir İşlemi Tasarlama

    Aslında Kullanıcıların Öğrenmelerine Yardımcı Olan Yerinde Bir İşlemi Tasarlama

    Yeni bir uygulamaya atlamak, genellikle nasıl çalıştığını öğrenme mücadelesiyle birlikte gelir. Bunu çabucak halledebilirsin, ama her zaman bir öğrenme süreci vardır. Amacı onboarding etmektir yeni kullanıcılar tanıtmak bir web sitesine, programa veya uygulamaya. Gemide, sen hakkında öğretmelisin bireysel özellikler, nasıl çalıştıkları, ve Uygulamanın nasıl değer sunacağı kullanıcıya.

    Son bir yayında biz kapsadık mobil başlatma ekranları odaklanmak tasarımlar ve içerik stilleri. Bu yazımda, kullanıcı deneyimi ve pazarlama süreci için ipuçları paylaşmak istiyorum. bir kullanıcıya başlangıç ​​süreci boyunca rehberlik etmek.

    Görüntüleri ve şemaları kullan

    Grafikler ve görsel öğeler Bir kullanıcı deneyimini kelimelerden daha iyi açıklayabilir. Yardım için görsellere güvenin kullanıcıları süreç boyunca yönlendirir ihyaç olduğu gibi. Bu değerli bir stratejidir, çünkü işe başlama sürecine dikkat çeker ve amacı netleştirir. Görsellerle amacınız anlatmak yerine göster.

    Bunu birçok farklı yolla yapabilirsiniz. tam ekran görüntüleri, küçük simgeler veya çizimler / vektör grafikleri tasarım iş akışına uygun. Örnek olarak, tasarımcı Salman Shah'ın bu onboarding ekranını alın..

    Vektör ikonlarını kullanıyor Her slaytı görsel olarak işaretleyin. Simgeler iş her nokta için metafor olarak, ve yardım özellikleri sat kullanıcıya.

    Simgeleri sıfırdan tasarlama beceriniz yoksa, her zaman kullanabilirsiniz. ücretsiz simge paketleri Avantajınız için. Birçok tasarımcı çalışmalarını ücretsiz olarak yayınlar ve siz de kolayca bu simgeleri yerleşik ekranlara dahil edin.

    Statik simgeleri ötesine taşıyabilirsiniz. animasyonu dahil et yanı sıra. Örneğin, İaroslav Zhmak'ın yarattığı finans temelli onboarding sürecini ele alalım.

    O kullanır simge bol Ayrıca Her bölüme animasyon yerleştirir. Uygulamanın görsel ipuçlarıyla ne yaptığını öğreniyorsunuz dikkatinizi çekmek için canlandırın.

    Her onboarding slaytın dikkat edin metin açıklaması da var. Bu mesajın asıl etidir, çünkü kullanıcılara ne yapabileceklerini söyler aslında uygulama ile yapmak. Bazen yalnızca metin içeren bir sayfa olabilir Havasız bir kolej ders kitabı gibi hissediyorum gerçi. Başlatma işleminin her bir bölümünü renklendirmek için görseller ve animasyonlar kullanın.

    Özellikleri gösterme aşamasında

    Dene bariz özellikleri belirtmekten kaçının veya kullanıcıları uygulamanın tüm bölümlerini ezberlemeye zorlamak. Ayrıca deneyin temel ifadelerden kaçının Bu uygulama gibi kullanıcılara rehberlik eden “bu ana menü, bu arkadaşlar ekranı”, vb. Bunun yerine bu şeylere odaklanmaya çalışın. yapabilir, ve nasıl kullanıcı bu alanlarla etkileşime girebilir.

    Bu strateji eski pazarlama yaklaşımını andırıyor “biftek satma, cızırtı satma”. Uygulamayı satmak istiyorsun kullanıcıya sağladığı faydalar sayesinde, keyfi özellikler ve menü öğeleri aracılığıyla değil.

    Örneğin, Prakhar Sharma tarafından oluşturulan bu tasarım, banka hesabınızda tam bir çalışma sürecinde size yol gösterir..

    Dizayn doğal bir akış sunar başlamanıza yardımcı olmak ve yolun her adımında size rehberlik etmek için. Bu işe alım süreci kullanıcıları zorlar harekete geç sonuçta asıl amaç budur.

    Ya yapabilirsiniz özellikleri çalışırken göster Bir demo aracılığıyla veya kullanıcılara yardımcı olabilirsiniz. Başlatma işleminde harekete geçmek. Her iki yöntem tüketim üzerindeki aksiyonu teşvik eder Bu genellikle daha fazla meşgul kullanıcılara yol açar..

    Riko Sapto Dimo ​​tarafından oluşturulan, YouTube tarzı bir uygulama açılış ekranına güzel bir örnek daha buldum. Bir mesajı iletmek için görseller ve simgeler kullanır, aynı zamanda kullanıcıya yardımcı olur Uygulamaya dalmadan önce harekete geçin.

    Sonra “Nasıl çalışır” Seçebileceğiniz ekran bildirimleri ayarla bir düğmeye tıklayarak. Bu bir harika strateji çünkü birçok kullanıcı uygulamayı tamamen unutur, ancak açılan bildirimler acaklar sonunda tekrar kullan (veya bildirimleri devre dışı bırak).

    Ayrıca ekleyebilirsiniz özellikleri etkinleştirmek veya devre dışı bırakmak için düğmeler başlama işleminin herhangi bir noktasında. Bu özellikler, haber bültenlerine, diğer hesapların ardından veya hatta güncellemelere abone ol. Sadece kullanıcıları meşgul etmek, ve onlara yardım et harekete geçmeye başla. Oradan, kolaylaşır onları bağlı tutmak.

    Bir seferde bir özellik göster

    Yerleşik ekranların çoğu, bazı özellikleri gösterir ve sizi bir süreç içinde baştan sona kadar oynatır. Kullanıcıları acele etmeyin, ve kesinlikle bir sürü bilgiyi kıpırdatma aynı anda ekrana.

    Yeni kullanıcıları ilgilendiren ve heyecanlandırmanın anahtarı odağı koru ve bir seferde bir özellik vitrinde. Ekrana çok fazla sürüklediyseniz, kullanıcılar Bunalmış hissetmek. Eğer işe başlama süreci çok sıkıcıysa insanlar sıkılacak ve istifa edeceklerdir..

    Her ekran en az olmalıdır yeni bir bilgi parçası Bu kullanıcı için değerlidir. Bunu bir de Web’de yapabilirsiniz. kalıcı pencere / iletişim kutusu yaklaşımı. Ancak yine de saklamalısın her seferinde bir konuya odaklanın ait olduğu yere dikkat çekmek.

    Dropbox ekibi yeni bir masaüstü uygulamasını planlıyor ve Wes O'Haire bu örneği Dribbble hesabında paylaştı..

    Bu açılış ekranı hakkında herşey çok doğal geliyor. Belirten mavi bir çubuğunuz var Başlama sürecinin ne kadarında gittin Öyleyse, yol tarifleriniz de açık adım adım ilerleyin süreç boyunca. Bir de var geri butonu Kullanıcının önceki adımları unutması veya yalnızca bir özetleme istemesi durumunda.

    odak Oyunun adı ve bu tasarım kullanıcıları tutar eylemlere odaklanmış. Bu işe alım sürecinin sonunda, yeni kullanıcılar, rahat kullanım Masaüstündeki Dropbox uygulaması, ihtiyaç duydukları diğer eylemleri yüklemek, indirmek ve gerçekleştirmek için kullanılır..

    Ve bunu unutma faydalar özelliklerden daha iyi satıyor. Açıklamak kullanıcı uygulamadan ne alır ne kadar hızlı çalıştığını veya kaç profile sahip olabileceğinizi değil.

    Yukarıdaki örnekte, Qikwell adlı bir sağlık / doktor randevu uygulamasından bir çift ekran bulunmaktadır. Her slaytta bir ana özellik gösteriliyor kullanıcının yararına yönelik (randevu alınabilirliği ve sıradaki toplam numara).

    Son slayt da küçük bir “Başlamak” bağlamak kullanıcıları bir sonraki adım hakkında yönlendirin. Nişanlanmayı teşvik etmek için bu bağlantının görünürlüğünü artıracaktı, ancak sadece bunun olması harika bir fikir.

    Her şeyi saklamayı unutma basit ve anlaşılır. Sürecin her adımı bir hedefi olmalı Kullanıcıya öğretmek veya uygulamaya daha fazla ilerlemelerini sağlamak için.

    Bir eylemle tamamla

    Yerleştirme sürecinin sonunda, bilen kullanıcılara sahip olmalısınız Uygulamanın sundukları, yapabilecekleri, ve neden kullanmalılar. Yine de yapabilirler itmeye ihtiyacım var aslında harekete geçmek ve bir şeyler yapmak.

    Yerleştirmeye her zaman bir tür bağlantı veya düğmeyle son verin kullanıcıyı bir yerden başlatmaya zorlar. Bu, bir ayarlar sayfası, bir profil sayfası, bir kullanıcı akış ekranı veya benzeri bir şey olabilir..

    En iyisi önerilen eylemler değişecektir Uygulamanızın hedeflerine göre. Bir beslenme uygulaması, yeni kullanıcıları gün boyunca yiyeceklerini kaydetmeye başlamaya teşvik edebilir, ancak bir sosyal ağ uygulaması kullanıcıları bir profil ekranına veya bir önerilen kullanıcı listesi takip etmek.

    Oktafian Nugraha'nın bu uygulama tasarımında büyük bir portakal göreceksiniz “Hadi başlayalım!” Son slaydın altındaki düğme. Bu süper parlak ve kaçırmak oldukça zor.

    Bu son işlem düğmesi, istediğiniz sürece herhangi bir yere götürebilir son hedef kullanıcı tutmadır. Bu düğmeyi başlama işleminize yapıştırın ve görünür olduğundan emin ol. Kullanıcılar işe başlama işlemini tamamlar ve kaydırmak için bir düğme görmezlerse kapana kısılmış hissetmek ve sadece bırak.

    Bunu karıştırmak oldukça zor, o yüzden sadece Tipik bir kullanıcı akışını planlamak, ve emin olun uygun bir sayfaya bağlantı Başlama işleminin sonunda. Eğer uçakta görevini yaptıysa, yeni kullanıcılar zaten almalıydı. Oradan ne yapılacağını bilmek.

    Son Bir Bakış

    Her yeni projede, yeni kullanıcılar için bir tür yardım kılavuzu veya işe alım süreci bulunmalıdır. Bu en hızlı yol yeni kullanıcılara rehberlik etmek, ve için daha fazla insanı meşgul et mobil uygulamanız, web siteniz veya masaüstü programınızla.

    Tasarım estetiği önemlidir ancak kullanıcı deneyimi her şeyi koyar. Doğru yapıldığında, onboarding işlemi olmalıdır eğitici ve umarım biraz eğlenceli!