Kimyasal & Malzeme Mühendisliği
Yeni Mühendislik Web Platformları için Kullanıcı Gemileri Tasarlamak
Table of Contents
Mühendislik Platformu'nun Kompleksi Anlamak
Mühendislik web platformları, tüketici uygulamalarından farklı olan zorluklarla eşsiz bir şekilde ortaya çıkıyor. Kullanıcılar genellikle belirli teknik hedeflerle geliyor - CI/CD boru hattına kayıt yaptırıyor, API erişimi yapılandırıyor veya özel panolar inşa edebilir - ancak platformun mimarisi ile aşina olmayabilir. Hızlı bir şekilde giriş yapan kullanıcılar, bu boşluğu ezici bir kullanıcı tarafından yaygın olarak ifade edilen bir çalışmaya göre tutmalı.0).Nickman, veya özel paniğe sahip olmak için ilk 24 saat – ancak "aha anı" ile ilgili olarak gelen kullanıcılar, bu kadar anlamlı bir testin başarıyla tamamlanması durumunda, bu kadar anlamlı bir ilk kez başarıyla bir şekilde bir şekilde bir araya geliyor.
Korumanın ötesinde, doğrudan destek yükünü azaltır. Kullanıcılar yönlendirilen öğretici öğretici öğreticiler ve bağlamsal belgeler aracılığıyla kendilerini güvende tutabilir, mühendislik takımları tekrar tekrarlanan soruları cevaplayabilir. Bu ücretsiz mühendislik kaynakları ürün gelişimi için. ancak, teknik olarak çeşitli bir kitle için tasarlayın - genç geliştiricilerden başlayarak, karmaşıklık ve karmaşıklık açıklamalarını sağlayın.
Kullanıcı Araştırması ile Derin Anlayış
Tek bir satır atlatma kodu yazmaktan önce, sistematik bir araştırmaya yatırım yapın. Hedef, ilk değere keşiften gelen tipik kullanıcı yolculuğunu haritalamaktır. veya 0:3|Döneticileri) mevcut platformunuzda: yeni kullanıcıların nereye düştüğünü tespit etmek için oturum açabilirler.
Sonraki, davranış:0)15-20 yapılandırılmış röportajlar[Döneticiler arası kullanıcılarla birlikte – bu platformu bir meslektaşınıza tavsiye eder misiniz? Bu konuşmalar, mevcut kimlik doğrulama sağlayıcılarıyla derin entegrasyonlar ve ilgili soruları sorar: “İlk önce aramanız gereken en zor kısım neydi?”
Son olarak, bir veritabanı şemasını kurmak ve iki saat içinde REST API'si ile ortaya çıkarmak için bir arka uç geliştirici, API'nin temel oluşturma ve örnekleme konusundaki kılavuzları ortaya çıkarmak için ihtiyaç duyar.
Etkili Bir Gemi Akışının Temel Bileşenleri
Clear Value Proposition in Context
Örneğin, "Bir arka uç kodu yazmadan önce veriye dayalı API'ler" için, platformuzdan alternatiflerden ayırarak kısa, bağlamsal bir değer ifadesi sunmamalıdır. Örneğin: "Bir tek bir satır yazmadan veriye dayalı API'ler oluşturun. Bu, platformunuzdan alternatifleri ayırt eder.
Progresif Disclosure ile yardımcı olur
Öğrenme sürecini küçük, uygulanabilir adımlarla parçalayın.UseETHFLT:0)tooltip tabanlı yürüyüşler[Döneticileri için 1 ), ancak kullanıcıların herhangi bir zamanda panel kullanmasına izin verin. Daha eleştirel, tasarım bağlamılayıcısı, sadece ilk kez bir özellikle karşılaştığında görünür.For a user ilk kez bir veri modeli açarken, küçük bir overlay açıklayabilir: "Ölü bir süre boyunca paneli kullanarak alanları kullanın.
İki gemide iki tane teklif etmeyi düşünün: aİLFLT:0)Hızlı bir şekilde takip etmek için , bağımsız olarak keşfetmeyi tercih eden deneyimli kullanıcılar için ve aENFLT:2 Bahsetmiş pist[DDDDDDDDDDDDD 3][/Döncük talimatları, ekran görüntüleri ve kontrol noktaları ile).
Etkileşimli Sandboxes ve Örnek Projeler
Hiçbir şey deney gibi öğrenmeyi hızlandırmıyor. Kullanıcının klonlayabileceği ve değiştirebileceği bir önceden yapılandırılmış bir örnek proje sağlayın.Bir mühendislik platformu için, bu, kullanıcıların gerçek görevleri, roller ve koleksiyonları gerçekleştirmesine izin veren bir demo API olabilir. Tüm değişiklikler ayrı ayrı ayrı ayrı ayrı ayrı ayrı ayrı ayrı ayrı ayrı ayrı ayrı ayrı ayrı ayrı ayrı olabilir ve bir tık ile yeniden sıfırlanabilir.
İlerleme Göstergeleri ve Milestone kutlamaları
Kullanıcılarına, üst düzey bir ilerleme çubuğu veya kontrol listesini kullanarak ilerlemelerini gösterin. Anahtar kilometrelik bir kuruluma ulaşmanın yerine "İlk API çağrısını başarılı" veya "Kullanıcı kimlik doğrulama yapılandırı" gibi - ince bir animasyon veya tebrik mesajı ile.Bu olumlu destek, kullanıcıların yapay hissetmelerini teşvik eder; bunun yerine, bir çalışma kurulumuna ulaşmanın gerçek memnuniyetine odaklanır.
Gömülü Destek ve Dokümantasyon
Her bir adım, belgenizin ilgili bölümüne doğrudan bir bağlantı içermelidir. Daha iyi bir şekilde, doğrudan kullanıcı arayüzünde eğitim almış bir AI asistanına yardım edin. Örneğin, bir alana sonraki küçük bir soru işareti , kullanıcı arayüzünde rol ve izinler gibi mükemmel bir örnektir.
Mühendislik için En İyi Uygulamalar
Basit ve Contextual
Her özelliği gemide açıklamak için bir uyarıya bırakın.ETHD:0), ancak gelişmiş bir seçenek olarak en az kullanılan araçları tanıtın.). Örneğin, platform hem REST hem de GraphQL API'leri sunarsa, kullanıcıyı REST'den önce (daha yaygın) yönlendirin ve GraphQL'dan daha sonra ileri bir seçenek olarak bahsedin.
Deneyimleri Kişiselleştirin
Kişiselleştirme isim ve rol sormanın ötesine geçer. İşaret sırasında, hedefli sorular sor: "İlk kullanım durumu nedir? (A) Bir içerik API'si oluşturun, (C) Bir farsız CMS oluşturun. ”Bu cevap, mühendislik takımları için, ayrıca teknoloji yığını (Node.js, Python, PHP, vs.) Bu nedenle, sonraki kod örnekleri dillerini karşılaştırmak için çerezler veya yerel depolamayı kullanın.
Başka bir güçlü teknik şu şekildedir:0) Serviste kullanılabilirlik[[Döneticileri değiştir] Kullanıcı davranışlarına dayanan kullanıcılar, bir kullanıcı bir öğretici adım atlarsa ve doğrudan arayüz keşfetmeye başlarsa, sistem kendi kendine yönlendirmeli öğrenme ve daha fazla yardımcı araç veya aramalı yardımlara hizmet etmelidir.
Görsel Cues Consistally
Görsel cues, kullanıcıların büyük metin blokları okumadan uzaklaşmalarına yardımcı olur.UseENFLT:0) Renkli renkler) her ekrandaki birincil aksiyon düğmesine dikkat çekmek için. Kullanıcının düzenlemesini bitirdikten sonra ince bir darbe cihazı kullanarak, bir alan onları bir sonraki adıma yönlendirebilir. Tooltips, tasarım diliyle ilgili olarak bayılışlar olarak görünür.
Gerçek verilere dayanarak
Ekran:0)analytics izleme[[Döneticileri izlemek için [Dönder. İzleme metrikleri: üst düzeye kadar, ilk anahtar aksiyon için ortalama zaman (örneğin, bir koleksiyon oluşturmak), her sürümde düşüş noktası ve destek hacmini farklı şekilde izlemek için. Örneğin, aynı adım için interaktif bir sandbox test edin.
İlk saat sonra veya ilk seansın sonundan sonra yapılan nitel geri bildirimler: "Başlangıç süreci hakkında en kafa karıştırıcı kısım neydi?" "Bu geri bildirimin iyileştirilmesine öncelik vermek için ne değişecekti. en iyi gemi akışları asla bitmemiş - platformun kendisi ile birlikte geliştiler.
Bina Onboarding Flows için araç ve teknolojiler
Modern mühendislik ekipleri, her şeyi sıfırdan inşa etmeden gemi akışlarını uygulamak için geniş bir dizi araç var. İşte belirli önerilerle kategoriler:
- [FONT:0)In-app guide platformları:[Dönetici:0)|Dönderlik platformları:[Dönderlik:0)[Dönderlikler ve davranışlara dayalı olarak, giriş yapmalarına izin verilir.
- [[Düzücüler:0)Müşteriler (Reaktörler için) veya Shepherd.js (işlemler için) gibi UI kütüphanelerinden önceden inşa edilmiş bir akış kullanır.The Directus itself uses a custom onboarding components from UI library like React Joyride (for Reakt apps) or Shepherd.js (work-agnostic.js (work-agnostic).This give full control over yerleştirme, fashion, and zamanlama. Directus itself uses a custom onboarding flow built with its own UI components, which can serve as a model for highly customize experience.
- [FONT=0)Analytics ve olay takip: Tools likeyuFLT:2).Amplitude) veya [[Döneticiler[Döneticiler)[Döneticiler ve olay izlemeler için belirli bir şekilde takip edebilir. Kullanıcılar nereye bırakıldığını görmek için eğlenceli analizler ayarlayabilir ve çalıştırılan kullanıcılar arasında tutma farklılıkları ölçmek için ortak analizler ayarlayabilir.
- [FONT=0]Belgeleme platformları:[Döneticileri:[Döneticileri)[Döneticileri)))[Döneticileri:))))))))))[Döneticileri test etmek istedikleri mühendislik platformlarında, özellikle de son noktaları test etmek isteyen interaktif API oyun alanı sunar.
- [FONT:0]Embedded video oyuncuları:) Wistia veya Loom gibi araçları kısa ( 2 dakika) anahtar görevleri gösteren videolar açıklayın.YouTube video oynatıcıları kullanın ve erişilebilirlik için transkript versiyonları sunar.
Ölçmek Başarıyı Değerlendirmek
Ölçme olmadan, odanızda etkili olup olmadığını bilmek imkansızdır. Üç anahtar ölçüm tanımlayın:
- [TTV:0) Değere Zaman (TTV): ), temel değeri gösteren bir görev tamamlamak için yeni bir kullanıcı için alınan zaman. Directus tarzı bir platform için, bu "bir koleksiyona sahip olabilir ve API aracılığıyla erişilebilir."
- [FONT=0)Aktifleme Puanı:[Dönetici:[Dönetici:0)[0]Aktiflik Puanı:[Dönetici:[Dönetici:0) Bir set dönemde tanımlanmış bir aktivasyon kilometreliğine ulaşan yeni kullanıcıların yüzdesi (örneğin, 7 gün) Etkinleştirme, “en azından bir API uç noktası ve başarılı bir yanıt alma gibi özel olmalıdır.
- [[Drop-off Adım başına Puan: Her adım atarak akışta, çıkış yapan kullanıcıların yüzdesini takip edin. Yukarıdaki% 20 düşüş puana sahip adımlar, ortak düşüş noktalarının, birçok gerekli alana yavaş olan hesap doğrulama e-postalarını içerir.
Kaloritli geri bildirimle sayısal veriler birleştirin.UseFLT:0)Net Promosyon Puanı (NPS)), yeni kullanıcılar arasında düşük bir NPS, ürün kalitesi yüksek olsa bile.
Mühendislik Platformunda Ortak Pitfalls
- [FONT:0) İlk ekranını yükleyen: İlk seansı çok fazla seçeneğe doldurmadan kaçının.Bir sonraki adıma kadar bir tane dahaki sefere.
- [FONT:0) Gelişmiş kullanıcıları görmezden gelmek:[Döneticiler bir el-çaklama deneyimi istemiyor. Her zaman bulmak kolay bir "Skip öğreticisi" düğmesine sahiptir.Kaynaklamanın daha sonra gözden geçirmediğini emin olun - bazı kullanıcılar ilk önce keşfetmeyi ve sadece ne zaman yardım aramayı tercih eder.
- [[Dönetici:0) Önceki bilgi varsayarsak:[Döneticileri bile platformunuzun terminolojisiyle yabancı olmayabilir. Örneğin, "taraf" terimini kullanıyorsanız, bir tık önce tanımlayabilirsiniz.Bir tıkış dahaki bir parlaklık, karışıklığı engelleyebilir.
- [FONT:0) Mobil veya düşük bant genişliği kullanıcılarının seçili:[Döneticileri bir tabletten veya yavaş VPN üzerinden platformlara bazen erişim sağlar.Daha önce, temel metin ve araçları kullanın.
- [FONT:0]Hiçbir geri bildirim döngüsü:[Dönetici inşa edildiğinde, takımlar genellikle üzerinde hareket eder. Her iki hafta içinde analiz etmek için tekrarlanan bir takvim hatırlatmasını yapın. Kullanıcı beklentilerini ve rakip teklifleriniz değişir; üst düzeye gelmeniz gerekir.
Sonuç: Empowermentment'a karşı iterate
Mühendislik platformları için bir onboarding akışı tasarlayın, sürekli olarak bir rafineri işlemi değil, bir kere projesini anlamaya başlayın. Kullanıcıların çeşitli teknik arka planlarınızı ve hedeflerini anlamanız için araştırmadan başlayın. İlk zorlayıcı göreve odaklanan en az uygulanabilir bir dizi oluşturun - aşırılıkta bir şekilde, etkileşimli kum kutuları kullanın ve her şeyi ezici bir şekilde yönlendirmek için her şeyi, zamankinden daha düşük maliyetli bir şekilde ifade etmek için değerden başlayın.