Hey! Uzun zaman oldu. HackerNoon'un Kullanıcı Deneyimi hakkındaki üniversite raporumla hâlâ benim.
Önceki bölümde şunları ele aldık:
HackerNoon nedir?
HackerNoon'un ve kişilerin potansiyel kullanıcıları.
Erişilebilirlik , Uluslararasılaşma ve Bilişsel ve Algısal zorluklar açısından HackerNoon'un analizi.
Sorumluluk reddi beyanı (tekrar): Bu, HackerNoon'un kullanıcılar arasında nasıl kullanıldığının bir temsili değildir; yalnızca sitenin genel kullanımı ve estetiği hakkında genel bir analitik spekülasyondur. Bu, yeni kullanıcılara HackerNoon'un ne olduğu ve sitenin temel düzeyde nasıl kullanılacağı konusunda bir referans olarak kullanılabilir.
Bu ikinci bölümde şunları inceleyeceğiz:
Sitenin en temel işlevleri Okuma ve Yazmadır. Siteye nasıl göz atılır ve HackerNoon makalelerinizi nasıl yazıp gönderirsiniz?
HackerNoon'un web tasarımı ve estetiğine ilişkin bazı genel anlayış ve analizler de verilecektir.
Görev Analizi
HackerNoon'a göz atıyorsunuz
HackerNoon'da Yazmak
Kullanıcı arayüzü tasarımı
Etkileşim stilleri
Estetik
Ana hedef: Teknolojiyle ilgili ilgi duyulan herhangi bir konuyu okumak ve öğrenmek.
Bilişsel izlenecek yol/Hedefe ulaşmak için adımlar:
Seçenek 1:
A. Adım 1: Hackernoon.com web sitesine gidin
B. Adım 2: Dikkatinizi çeken bir makale bulana kadar web'e göz atın ve ilerleyin.
Seçenek 2:
Adım 1: Hackernoon.com web sitesine gidin
Adım 2: İlgilendiğiniz konuyu arama çubuğuna yazın ve web sitesinde takip edilecek ve okunacak hikayeler, etiketler ve kişiler listesinde gezinin.
Adım 1: hackernoon.com'a gidin
Adım 2: Farenizi gezinme çubuğunun üzerine getirin ve hakkında daha fazla bilgi edinmek istediğiniz konuyu seçin.
Seçenek 4: Bu seçenek genellikle alana genel olarak aşina olan düzenli okuyucular tarafından gerçekleştirilir.
Adım 1: hackernoon.com'a gidin
Adım 2: Arama çubuğuna şunu yazın: hackernoon.com/u/learn. Bu sizi HackerNoon çalışanları tarafından oluşturulan ve yönetilen, her bir konu için mutlaka okunması gereken hikayelerden oluşan bir koleksiyon görevi gören bir hesaba yönlendirecektir.
Görevin karmaşıklığı ve çeşitliliği üzerine tartışma: Bir okuyucunun HackerNoon'da ilgi alanlarına uygun makaleleri veya konuları bulmak için kullanabileceği olası yolların bilişsel olarak gözden geçirilmesi yoluyla, alanın okuyucuların düşük karmaşıklıkta kolayca gezinmesi için tasarlandığı sonucuna varılabilir. düzeyinde, okuyucuların okuyacakları belirli bir konuyu bulmalarının genellikle 2 adımdan fazla sürmemesi gerçeğinin kanıtı, böylece yeni bir okuyucu sitenin nasıl kullanılacağına ilişkin temel bilgileri kolayca kavrayabilir.
Ancak yukarıda da belirtildiği gibi okuyucuların okuyabileceği veya ilgilendikleri konuları bulabilmesi için birden fazla yol bulunduğundan sitenin çeşitlilik düzeyi nispeten yüksektir.
Ana hedef: Makalelerinin yayınlanmasını sağlamak.
Bilişsel izlenecek yol/Hedefe ulaşmak için adımlar:
Adım 1 : Giriş yapın veya bir HackerNoon hesabı oluşturun.
Adım 2: HackerNoon ana sayfasında “Yaz”a tıklayın; kendinizi yazarların sayfasında bulacaksınız. Burada yazma şablonlarına göz atabilir veya taslağınızı hemen başlatmak için “Taslağı Başlat”/”Yazmaya Başla”ya tıklayabilirsiniz.
Adım 3: Yazmaya başlayın.
3.1. Makale için iyi bir başlık bulun. İyi bir başlık, kişinin yazısına uzun bir yol gösterebilir. Ayrıca yazının HackerNoon'da taslak olarak kaydedilebilmesi için başlığının olması gerekmektedir.
3.2. Makaleyi yazın. Yazarlar, sade bir makale yazmanın yanı sıra, yazılarını özelleştirme, başlıklar, alıntılar, kapak fotoğrafı ekleme ve kelimeleri veya cümleleri kalın veya italik olarak yazma seçeneklerine sahip olabilir.
3.3. Yazarlar makalelerini daha çekici hale getirmek için öğeler ekleyebilirler. Bu, bağlantı, resim gibi yeni bir öğe eklemek veya hatta bir video yerleştirmek istedikleri yere '/' yazarak başarılabilir.
3.4. Yazarlar makalelerini düzeltmeli, dil bilgisi hatalarını kontrol etmeli, makalenin HackerNoon'un Yapılması ve YAPILMAMASI GEREKENLER'e uygun olduğundan emin olmalı ve son olarak HackerNoon intihal içerik yayınlamadığı için potansiyel intihal olup olmadığını kontrol etmelidir.
İntihal olup olmadığını kontrol etmek için profil resminin altındaki gezinme çubuğundaki “Hikaye Ayarları”na tıklayın, ardından intihal verileri oluşturmak için düğmeye tıklayın.
Adım 4: Yazıyı bitirme.
4.1. Makale için Öne Çıkan Bir Görsel seçin. "Öykü Ayarları"nda, "Öne Çıkan Görseli yüklemek için tıklayın"ı seçin; bir pencere açılacak ve yazarlara, öne çıkan görseller için kendi kendine yüklemeden, çevrimiçi veritabanlarından bir tane seçmeye veya yapay zeka tarafından oluşturulmuş bir tane oluşturmaya kadar çeşitli seçenekler sunacaktır.
4.2. Kategorize edilmesi ve makalenin sitede daha kolay bulunması için hikayeye etiketler ekleyin.
4.3. Hikayeye bir açıklama ekleyin.
4.4. Makale için bir TL;DR oluşturun. Yazarlar bunu kendileri yazabilir veya yapay zeka tarafından oluşturulabilir.
Görevin karmaşıklığı ve çeşitliliği üzerine tartışma: Bir yazarın HackerNoon'da yayın yapması için gereken temel adımların bilişsel olarak gözden geçirilmesi yoluyla, okuyucuların yukarıdaki görev analiziyle karşılaştırıldığında karmaşıklık düzeyinin önemli ölçüde arttığı görülebilir.
Yazarların tam bir makale oluşturması için gereken birçok adımın yanı sıra alt adımlar da vardır ve bundan sonra bile hikayenin yayınlanmadan önce kalite kontrol katmanlarından geçmesi gerekir.
Çeşitliliğe gelince, yazarların HackerNoon'da yayınlanma hedefine ulaşmanın tek yolu bir hikaye yazmaktır.
HackerNoon, okuyucuların Voice Over desteğiyle makaleleri okuyabilmesi ve yazarların Dikte yardımıyla yazı yazabilmesi nedeniyle cihazların erişilebilirlik destek özellikleriyle uyumlu olacak şekilde tasarlanmıştır.
Ek olarak, alanın kendisi göz önüne alındığında, HackerNoon'daki her makalenin yapay zeka tarafından okunan kendi sesi vardır.
Çevrimiçi okuma ve yazma 21. yüzyılda gerçekliğin bir parçası olduğundan HackerNoon da olabildiğince "gerçek". Çevrimiçi bir yayın olarak okuma ve yazma gibi aktiviteler gerçek zamanlı olarak gerçekleşir, hikayeler her saat başı sunulur ve yayınlandıktan sonra her gerçek insanın erişebileceği gerçek bilgi parçaları haline gelirler.
Ek olarak, kullanıcıların birbirlerinin hikayeleri hakkında yorum yapmasına ve gerçek hayattan sohbetler oluşturmasına izin veriliyor. Üstelik yazarlar, editör incelemesine bir makale gönderirken doğrudan “Hikaye Ayarları” penceresinden editörlere mesaj gönderebilirler.
Doğrudan Manipülasyon/Pencere tarzı etkileşim: Karmaşık, yoğun bir şekilde tasarlanmış bir web sitesi olarak, ayrıca çevrimiçi bir yayıncı olma amacına hizmet eden HackerNoon, kullanıcıların siteyle çoğunlukla kaydırarak ve görevleri tek bir sitede gerçekleştirerek etkileşimde bulunması nedeniyle esas olarak pencere tarzı etkileşimi kullanır. ve/veya birden fazla açılır pencere.
Ek olarak, yazarlar yazarken makale düzenlerini kendi istek ve ihtiyaçlarına göre doğrudan değiştirme seçeneklerine sahip olabilirler.
Bununla birlikte, özellikle diğer etkileşim tarzlarının da küçük bir entegrasyonunun olduğu görülebilir:
Form Doldurma: Bu tür etkileşim stili, makale yazarken ve bir hikayeye ek bilgi (TL;DR, özet) eklerken kullanılır; ayrıca sitedeki arama çubuğunda ve giriş veya kayıt bilgilerinin doldurulmasında da kullanılır. Ayrıca yazarlar profillerindeki bilgileri güncellemek veya doldurmak istediklerinde de kullanılır.
Menü Seçimi: Bu tür etkileşim stili gezinme çubuğunda görülür, özellikle kullanıcıların gezinebileceği ve uygun şekilde seçim yapabileceği bir açılır menüdür.
Logo ve tasarım: Bir teknoloji yayını olarak web sitesinin tasarımı ve genel estetiği, kendine özgü yeşil monokrom ekranıyla retro, 8 bitlik BBC Micro'yu andırıyor. Sitenin tasarımı aynı zamanda tarama tüpü efektleri ve pikselli simgelerle aynı retro, eski teknoloji estetiğini takip ediyor.
Ek olarak, düzen tasarımı da kasıtlı olarak bir bilgisayar korsanının televizyonda gösterilen bilgisayar ekranının bir temsili gibi görünecek şekilde yapılmıştır; bu, sitenin adıyla bağlantılı olarak - HackerNoon.
Yazı Tipi: Sitede kullanılan yazı tipi sert ve hantal olup, bir teknoloji yayınının teknoloji estetiğine uygundur. Ayrıca HackerNoon, tasarımları için benzersiz HackerNoon yazı tipini de kullanıyor. Kodlar gibi pikselli görünecek, ancak kenarlarda pürüzsüz olacak şekilde tasarlanmıştır. Bana göre yazı tipi, retro teknoloji ile modernitenin iyi bir entegrasyonu.
Tartışma: Markanın hedeflediği estetik göz önüne alındığında, HackerNoon tasarım tutarlılığı açısından doğru yolda ilerliyor. Bununla birlikte, siteyi kasıtlı olarak retro ve kaotik göstermek ve ana sayfaya çok sayıda bilgi ve makale koymak bir aksilik olabilir, çünkü yeni bir kullanıcı, sitede gezinmesi nispeten kolay olmasına rağmen sitede sunulan bilgi miktarından kolayca bunalabilir.
Nielsen'in 10 ilkesi: HackerNoon arayüz tasarımını Nielsen'in 10 ilkesine göre analiz etmek.
Sistem durumunun görünürlüğü: HackerNoon, kullanıcılara neler olduğunu ve yaptıkları görevin ilerleyişini göstermek için bir yükleme simgesi gösterir; Oturum açma/kayıt olma gibi temel görevlerin ortasında, bir yazarın yazı yazmak için editörü yüklemesi ve yazılarına görsel yüklemesi sırasında ortaya çıkar.
Gerçek dünya ile sistem arasındaki uyum: Milyonlarca teknoloji uzmanını siteye çeken bir teknoloji yayını olarak HackerNoon, yukarıda belirtildiği gibi retro teknolojinin estetiğini yansıtmanın yanı sıra, trend olan ve insanlar tarafından tanınabilecek birçok kelime ve ifadeyi de kullanıyor. teknoloji endüstrisinde.
Kullanıcı kontrolü ve özgürlüğü: HackerNoon kullanıcıları , haber bültenlerine ve e-postalara abone olmayı veya abonelikten çıkmayı seçebilecekleri için çok fazla seçim özgürlüğüne sahiptir. Site ayrıca yazarlar için geri alma ve yineleme işlevlerini de destekler; Ayrıca hikayeler editör tarafından otomatik olarak kaydedilir, böylece yazarlar yazarken ilerlemelerini kaybetmezler.
Bunlar, kullanıcıların sitenin reklamlarının yanı sıra kendi ilerlemeleri üzerinde de kontrole sahip olduklarını bilerek siteyi daha rahat kullanmalarına olanak tanır.
Tutarlılık ve standartlar: HackerNoon oturum açma ve oturum kapatma komutları için standartlaştırılmış ifadeler kullandığından iyi bir tutarlılık vardır. Butonlar “Yazmaya Başla” butonundan da görülebileceği gibi net bir şekilde yazılmıştır. Gezinme çubuğu aynı estetikle oluşturulmuştur ve makalelerin düzeni, yazı tipleri ve renkleri ile ana sayfadaki başlıklar da tutarlıdır.
Hatırlamak yerine Tanıma: HackerNoon editörleriyle yazarken sunulan net talimatlar vardır ( varsa, editörün her bölümüne yerleştirilen küçük soru işaretini “?” bulun ). Ayrıca kullanıcıların HackerNoon hakkında bilmesi gereken her şeyi içeren bir yardım bölümü bulunmaktadır.
Hata önleme: Site, kullanıcıların hatalarını otomatik olarak tanır ve onlara bildirir.
Kullanım esnekliği ve verimliliği: HackerNoon editörleriyle yazarken klavye kısayolları desteklendiğinden site esnek ve etkilidir. Üstelik sitenin gezinme işlevleri yeni kullanıcılar için yeterince basittir ve herkes siteye hızlı bir şekilde alışabilir.
Estetik ve minimalist tasarım: Yukarıda da belirtildiği gibi HackerNoon'un estetiği retro teknolojiye sahiptir ve yeni kullanıcılar için karmaşık görünebilir. Ancak tüm düzenler belirli amaçlar doğrultusunda tasarlanmıştır ve kullanıcılar siteyi kullanmayı hızlı bir şekilde öğrenebilir.
Tanıma, tanılama ve kurtarma: 404 hata bildirimleri aynı zamanda potansiyel kullanıcıların arıyor olabileceği içerikleri de önerir. Site, yalnızca hata mesajını göstermek yerine kullanıcıların hatalarını anlamaya çalıştığı ve onları aradıkları aramaya geri yönlendirdiği için bu akıllıca bir davranıştır. Bu nedenle kullanıcılarla yakın ilişki kurmanın ve sitenin hemen çıkma oranını azaltmanın iyi bir yoludur.
Yardım ve dokümantasyon: Gezinti çubuğunda kullanıcılar için bir yardım bölümü bulunmaktadır ve yalnızca HackerNoon için oluşturulan tüm özellikler, imlecin yanlarındaki soru işaretinin üzerine getirilmesiyle tanımlanacaktır.
Kullanıcılar HackerNoon profillerini bilgi, başarılar, sosyal medya ve hatta istatistikler ekleyerek özelleştirebilirler. Bu, kullanıcıların dünyanın kendileri hakkında ne görmesini istediklerini tam olarak kontrol etmelerine olanak tanır ve böylece HackerNoon topluluğundaki insanlar arasında bağlantı kurmak için iyidir.
Kullanıcılar, gezinme çubuğunun altında en sağdaki fırça simgesine tıklayarak ana sayfalarının rengini özelleştirebilirler. Bu, birçok kişinin HackerNoon'un yeşil rengine bakmayı zor bulması nedeniyle sitenin renk sorununu çözebilir, böylece ana sayfanın rengini daha rahatlatıcı bir renkle değiştirebilirler.
Masaüstünden mobile geçişte HackerNoon'un estetiği tutarlı renkler ve düzen ile değişmeden kalıyor. Web sitesinin öğeleri mobil cihazlara iyi bir şekilde uyarlanmıştır; gezinme çubuğu artık sağ üst köşedeki 3 çizgiyle örneklenmiştir ve kullanıcılar tıkladığında tam bir menü açılmaktadır.
Ek olarak, pencereler ve makaleler mobil düzene uyacak şekilde yeniden boyutlandırılarak HackerNoon'un mobil cihazlarda okuma deneyimi görsel olarak masaüstündekiyle aynı hale geliyor.
Ancak HackerNoon'da yazmak birçok adım, kısayol ve özelleştirme içeren karmaşık bir iş olduğundan, mobildeki web sitesi masaüstündeki gibi tüm özellikleri karşılayamaz. Bu nedenle kısayol komutlarında, başlık özelleştirmelerinde, yazı tipi boyutunda ve resim eklemede sınırlamalar vardır.
Bu nedenle, HackerNoon makalesinin tamamının mobil ortamda yazılması önerilmez.
Yakın zamanda HackerNoon, kullanıcıların el cihazlarında okuma deneyimine yönelik olarak daha çok hazırlanmış resmi mobil uygulamasını yayınladı.
Genel olarak HackerNoon, kolayca gezinebildiği için eksiksiz ve çok yönlü bir web sitesidir. Hedef kitlesine hem estetik (renkler, simgeler ve yazı tipleri) hem de akademik (içerik, kelimeler ve işlevsellik) açıdan uyacak şekilde tasarlanmıştır.
Editörlerin her makaleyi okuyup yayınlanıp yayınlanmayacağına karar vermesini sağlayan site, okuyuculara ihtiyaç ve taleplerine uygun kaliteli bilgiler sağlar. Yazarlara gelince, bunu yaparak yazarlar yazma becerilerini ve bilgilerini geliştirmeye teşvik edilir ve siteyi akıcı bir şekilde kullanabilirler.
Görev karmaşıklığı iki ana kullanıcı grubu arasında makul ölçüde orantılıdır. Genel kullanıcılar ve bilgi okumak ve aramak için siteye giren okuyucular, kolayca gezinebilir ve bilgi/makale bulabilirler. Yazarlar için görev karmaşıklığı düzeyi yüksektir, bu nedenle siteyi nasıl düzgün kullanacaklarını öğrenmek zorunda kalırlar ki bu da iyi makaleler oluşturmanın temeli olarak anlaşılabilir.
Arayüz tasarımı söz konusu olduğunda HackerNoon estetiğiyle tutarlı kalıyor ancak site düzeni çok fazla bilgi içeriyor ve sitenin varsayılan renkleri (parlak yeşil ve sarı), yeni kullanıcıların siteyi algılayabilmesi açısından bir dezavantaj olarak değerlendirilebilir. bunaltıcı ve aşırı karmaşık.
Bunun dışında HackerNoon, kullanıcıların ana sayfa rengini değiştirmekten profilleri özelleştirmeye ve yazı tipi boyutunu, başlıklarını ve görsellerini değiştirmeye kadar yaptıkları her görevde siteyi esnek bir şekilde özelleştirebilmeleri nedeniyle kullanıcı merkezli olarak kabul edilebilir. madde.
HackerNoon'un iyi yaptığı kullanıcı merkezli bir diğer şey de, iyi organize edilmiş yardım bölümü/marka kılavuzundan yeni özelliklerin küçük küçük tanımlarına kadar sitenin her yerinde yardım sağlanmasıdır.
Ek olarak, e-posta reklamlarına ve haber bültenlerine çok fazla güvenen bir işletme olarak, HackerNoon'un kullanıcılara hangi e-postayı alacaklarını seçmelerine ve hatta e-posta/bülten aboneliğinden tamamen çıkmalarına olanak sağlaması da son derece kullanıcı merkezli olarak değerlendirilmektedir.