paint-brush
HackerNoon - Bir Kullanıcı Deneyimi Analizi: Bölüm 2ile@gedyflowers
268 okumalar

HackerNoon - Bir Kullanıcı Deneyimi Analizi: Bölüm 2

ile Tuan Anh Vu12m2023/10/31
Read on Terminal Reader

Çok uzun; Okumak

HackerNoon'un Kullanıcı Deneyiminin okuyucu ve yazarların bakış açısına göre incelenmesi. Siteye nasıl göz atılır ve siteye nasıl yazılır? Ayrıca HackerNoon'un estetiği ve tasarımına ilişkin analizler de verilecektir.
featured image - HackerNoon - Bir Kullanıcı Deneyimi Analizi: Bölüm 2
Tuan Anh Vu HackerNoon profile picture
0-item
1-item

Hey! Uzun zaman oldu. HackerNoon'un Kullanıcı Deneyimi hakkındaki üniversite raporumla hâlâ benim.


Önceki bölümde şunları ele aldık:

  1. HackerNoon nedir?

  2. HackerNoon'un ve kişilerin potansiyel kullanıcıları.

  3. 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:


  1. 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?


  2. HackerNoon'un web tasarımı ve estetiğine ilişkin bazı genel anlayış ve analizler de verilecektir.

İçeriğe Genel Bakış

  • Görev Analizi

    HackerNoon'a göz atıyorsunuz

    HackerNoon'da Yazmak


  • Kullanıcı arayüzü tasarımı

    Etkileşim stilleri

    Estetik


  • Genel Değerlendirmeler

Görev Analizi

HackerNoon Okuyucuları:

Ana hedef: Teknolojiyle ilgili ilgi duyulan herhangi bir konuyu okumak ve öğrenmek.


Bilişsel izlenecek yol/Hedefe ulaşmak için adımlar:

  1. 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.


  1. 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.


HackerNoon'un arama çubuğu

  1. Seçenek 3:

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.


HackerNoon gezinme paneli


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.


HackerNoon Öğrenme Repo'su


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.

HackerNoon Yazarları:

Ana hedef: Makalelerinin yayınlanmasını sağlamak.


Bilişsel izlenecek yol/Hedefe ulaşmak için adımlar:

  1. Adım 1 : Giriş yapın veya bir HackerNoon hesabı oluşturun.


  2. 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.


HackerNoon'un Yaz düğmesi


HackerNoon'un yazarları sayfası


  1. 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.


HackerNoon'un editörü


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.


HackerNoon'un editörüyle yazma


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.


Makalelerinize öğeler ekleyin


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.


HackerNoon'un intihal denetleyicisi


  1. 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.


Makalenize Özellik Görselleri nasıl yüklenir?


4.2. Kategorize edilmesi ve makalenin sitede daha kolay bulunması için hikayeye etiketler ekleyin.


Daha iyi dağıtımlar için etiketler ekleme


4.3. Hikayeye bir açıklama ekleyin.


Her hikayenin iyi bir açıklamaya ihtiyacı vardır



4.4. Makale için bir TL;DR oluşturun. Yazarlar bunu kendileri yazabilir veya yapay zeka tarafından oluşturulabilir.


TL;DR'ye ne dersiniz?


  1. Adım 5: Makaleyi editoryal incelemeye gönderin. Bu sürece "İkinci insan kuralı" adı veriliyor. HackerNoon, önce makaleyi editörlere okutacak, uygun yerlerde düzenlemeler yapacak ve makalenin yayınlanıp yayınlanmayacağına karar verecek.


Göndermek!!!


  1. Adım 6: Editör incelemesinden sonra makale yayınlanırsa HackerNoon yazara yayının duyurusunu yapan bir e-posta gönderecektir.


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.

Erişilebilirlik Sorunları Nasıl Ele Alınıyor:

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.


HackerNoon'un hikaye sesi


HackerNoon “Gerçek” Dünyadaki Faaliyetlerle İlgilidir:

Ç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.

Kullanıcı arayüzü tasarımı

Etkileşim Tarzı:

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.

Estetik:

  1. Genel Estetik:

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.


  1. 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.


    Daha fazla talimat ve başlık önerileri

HackerNoon'un yazarken metninizi nasıl özelleştireceğinize dair talimatları


  • Hata önleme: Site, kullanıcıların hatalarını otomatik olarak tanır ve onlara bildirir.


    HackerNoon'un hata önleme mekaniği


  • 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.


    HackerNoon'un 404 sayfası


  • 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.


  1. Esneklik: Kullanıcılar kişiselleştirme için birçok seçeneğe sahip olduğundan HackerNoon iyi bir esnekliğe sahiptir.
  • 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.


Renk şablonlarımızdan bazılarını kullanarak sitenizin rengini özelleştirin


  1. Mobil ve Masaüstü:

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 Değerlendirme

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.