Hydra Ekosistem Belgeleme projesi

Bu sayfada, Google Dokümanlar Sezonu için kabul edilen bir teknik yazım projesinin ayrıntıları yer almaktadır.

Proje özeti

Açık kaynak kuruluşu:
Hydra Ekosistemi Dokümanları
Teknik yazar:
AwesomeChap
Proje adı:
Doküman sitesinin kullanıcı deneyimini iyileştirme
Proje uzunluğu:
Standart uzunluk (3 ay)

Proje açıklaması

Dokümanlar sezonu fikir sayfanızda yayınladığınız doküman sitesi fikrinin kullanıcı deneyimini iyileştirmek istediğimi belirtmek için size yazıyorum. Tecrübeli bir React geliştiricisi, tasarımcı ve gerçekten hevesli bir teknik yazarım. Ayrıca, çok disiplinli büyük ekiplerde çalışma konusunda da iyi bir deneyime sahibim. Geliştirmenin yanı sıra TheStartup gibi bazı yayınlar için de teknik bloglar yazıyorum. Bloglarımı görmek için https://medium.com/@jatin15011999 adresini ziyaret edebilirsiniz. Hakkımda daha fazla bilgi edinmek isterseniz www.jatinkumar.tech web sitemi ziyaret edebilirsiniz. Tecrübem ve becerilerimin bu fikir için mükemmel bir eşleşme olacağından eminim.

MERN paketiyle 2 yıldan uzun süredir çalışıyorum. Göz alıcı kullanıcı arayüzü ve mükemmel kullanıcı deneyimi sunan güçlü arayüzleri oldukça hızlı bir şekilde oluşturabilirim. React ve Node.js konusunda uzmanım ve kodla yaratıcılığı bir araya getirmeyi seviyorum. Önceki deneyimlerimde, çeşitli sorunları çözen çeşitli Ön uç düzenleri geliştirdim. Kullanıcı arayüzü/kullanıcı deneyimi tasarımcısı olarak iyi bir web sitesi kullanıcı arayüzünün/kullanıcı deneyiminin ziyaretçi üzerinde ne kadar etkisi olabileceğini çok iyi biliyorum. Web sitenizde ne kadar iyi içerik olursa olsun, kullanıcılara iyi bir kullanıcı deneyimi sunamıyorsanız bu bir avantaj sağlamaz. Bu kullanıcı web sitenizi tekrar ziyaret etme konusunda daha istekli değil . İyi bir kullanıcı arayüzü/kullanıcı deneyimi, renkleri değiştirmek veya kullanıcının dikkatini dağıtmayan animasyonlar eklemek kadar basit olabilir. Ancak bu basit değişiklikleri düşünmek için uygun kombinasyonu bulmadan önce yüzlerce şeyi denemeniz gerekir. Bu açıdan oldukça deneyimli olduğumu ve bunu gerçekten zarif ve verimli bir şekilde gerçekleştirebileceğimi düşünüyorum.

Hydra'nın mevcut web sitesini tüm ayrıntılarıyla inceledim ve mevcut sitede gezinmeyle ilgili ciddi bir sorun olduğu konusunda hemfikirim. Fikirinizde belirtildiği gibi, web sitesine bir kenar çubuğu / üst çubuk ekleyerek bu sorunu kolayca çözebilirsiniz. Ancak daha yakından bakarsak mevcut sitenin üst kısmında zaten bir gezinme çubuğu bulunduğundan üst gezinme çubuğu seçeneği devre dışıdır ve kenar çubuğu daha uygun bir seçenek gibi görünüyor. Ayrıca, fikirler sayfasında açıklandığı gibi, gezinme kolaylığı için bazı dokümanların Ana Sayfa bölümüne de bağlanması gerekir. Bu nedenle, tüm bu kısıtlamaları göz önünde bulundurarak bir prototip tasarladım. Bu prototipi http://hydra-doc.herokuapp.com/ adresinde görebilirsiniz. Tamamen duyarlı olan bu prototip, diğer çeşitli doküman sitelerinden ilham almıştır. Mobil cihazda açıldığında, dizüstü bilgisayar gibi daha büyük ekranlarda tamamen farklı bir Kullanıcı Deneyimi sunar. Prototipi gördüyseniz, prototipin birinde "Daha Fazla Bilgi" ve diğeri ""API Dokümanları" yazan iki düğme içeren bir açılış sayfasına (aynı zamanda bir Hakkında sayfası) sunulduğunu fark etmiş olabilirsiniz. Çok iyi. API dokümanlarımız ana web sayfasına bağlanmış ve sorunlardan biri çözüldü. Peki gezinme konusunda ne olacak? Merak etmeyin, bu site bu konuda da son derece zarif bir çözüm sunuyor. Şimdi "Daha fazla bilgi" düğmesine basarsanız web sitesinin hakkında bölümüne gidersiniz. Şimdi etrafta gezinip bu bölümle oynarsanız içerik görünürlüğünden ve kullanıcı deneyiminden ödün vermeden gezinme sorununu ne kadar zarif bir şekilde çözdüğünü kendiniz deneyimleyebilirsiniz. Dar ekranlarda, kenar çubuğu gizlenir ve içeriğin hak ettiği alanı kaplamasını sağlar. Ayrıca, içerik ve Kenar çubuğu birlikte bulunabilse de, kenar çubuğu gerekli alanı alır. Ayrıca kullanıcı farklı bir sayfaya gitmek isterse bunu da ekranın üst kısmındaki gezinme çubuğunda belirli bir başlığı tıklayarak kolayca yapabilir. Kullanıcıyı rahatsız etmeyen, akıcı animasyonlar kullanıcı etkileşimini iyileştirir ve web sitesinin kullanıcı deneyimini tamamen farklı bir seviyeye taşır.

Gezinme dışında içerik akışı da bir sorundur. Bu sorunun çözülmesi için zamana ihtiyacı olduğunu düşünüyorum. Zaman yetersizliği nedeniyle bu konuda çalışma yapıp yukarıda sağlanan prototipe dahil edilemedi. Ancak mevcut içerik akışımızı iyileştirmek için birçok fikrim var. Zaman kalırsa yazarların web sitelerinde blog ve rehber oluşturma şeklini de iyileştirebiliriz. Medium gibi bir içerik yönetim sisteminin bu sorunu çözebileceğini düşünüyorum. Bu şekilde, Medium'da blog yazıp bunları medium.com'a yönlendirmemiz gerekmez. Kullanıcının bloglar ile ana site arasında daha sık gezinmesi gerektiğinde bu durum oldukça can sıkıcı hale gelir. Blogları kendi kendimize barındırabileceğiz ve kullanıcılar bloglara daha kolay gidebilecek. Ayrıca Medium'a benzer bir İYS'ye sahip olacağız. Yazarlar, kendileri tarafından oluşturulan blogları veya kılavuzları da çok kolay bir şekilde düzenleyebilecek.

Fikrimi beğendiğinizi umuyorum. Tecrübem ve becerilerim bu fikir üzerinde çalışmak için beni ideal bir aday haline getiriyor.