Ailenizin mirasını nasıl aşacağınızı hiç düşündünüz mü? - bunun için bir uygulama oluşturma

Ironhack Barcelona için bireysel (ve final) öğrenci projesi

Neden bu konu?

Merhaba, adım Anfisa ve Barselona'daki UX / UI Eğitim Kampı'ndan mezunum. Damarlarımda akan Rus, Buryat ve Polonyalı kanım var ve aile geçmişimle her zaman ilgilendim. Babamla birlikte bir aile ağacı çizer ve aile efsanelerini çözmeye çalışırdık.

Geçmişimi bilmenin, şimdiki zamanları anlamama ve motivasyon vermeme yardımcı olabileceğine inanıyorum. Mesela, Polonyalı Büyükannem Maria Michałowska, 1937'de Smolensk Noter Odasının (kentim) ilk başkanı oldu - peki ya “kız gücü”!

Herkesin paylaşmak istedikleri güzel ve ilham verici bir aile hikayeleri olduğundan eminim.

Sahip olduğum tek heyecan verici soru - “Bu bilgiyi gelecek nesillere nasıl aktarabiliriz - çocuklar, torunlar, büyük torunlar?”

Ironhack'taki son projem için aile miraslarını daha da aşağıya atma konusunu geliştirmeye karar verdim ve insanların geçmişlerini nasıl umursadıklarını ve aile mirası hakkında bilgi aktarmayı düşünüp planlamadıklarını araştırmaya karar verdim.

Güçlü bir anket oluşturma

Aile mirası konusu oldukça geniştir ve benim ilk zorluğum yoğun ve nispeten kısa bir anket oluşturmaktı.

Amacım, kullanıcıların aile geçmişleriyle ilgilenip ilgilenmediklerini ve bu bilgileri akrabalarına aktarma ihtiyacı duyup duymadıklarını anlamaktı.

Farklı profillere sahip olan, konuyla ilgilenenlere (şecere topluluğu) ve ayrıca derin bir ilgisi olmayan insanlara ulaşmak istedim. 7 sorudan oluşan bir anket oluşturdum ve çok kısa sürede 249 cevap toplayabildim.

Neyse ki, insanların ailelerinin mirasını bırakmakla ilgilendiklerini varsaydım:

Anketin sonuçları. Yakınlaştırmak için tıklayın

8 röportaj nasıl yapılır ve daha fazlasına ihtiyacınız olduğunu anlayın

Çok sayıda anket yanıtı ile araştırmanın kapsamını daraltmak, hedef grubumu belirlemek ve insanlara daha spesifik sorular sormak istediğimi hissettim.

İlk görüşme turu (yaşları 25–40, çocuksuz)

İnsanlarla görüşmeye başladım (yaşları 25 ile 40 arasında) ve 8 görüşmeden sonra çocuksuz gençlerin hedef kitlem olmadığı sonucuna vardım. Genel olarak konuyla ilgilenmeye rağmen, aile miraslarını gelecek nesillere aktarmanın gereğini hayal etmeleri zordu.

Bu görüşmelerden elde edilen en önemli paket, stratejiyi değiştirmek ve farklı deneyimleri olan kullanıcılara (yaşlılar ve kendi aileleri olan insanlar) odaklanmaktı.

Yeni bir hedef kitleye yaklaşıyor

Yeni hedef kitlemden bir kişiyle kısa bir röportaj yaptım ve çok önemli bir ayrıntı daha kabul ettim - bu kişi aile mirasını daha da aşağıya çekmekle ilgilenmiyordu, çünkü:

  • Profesyonel geçmişi ile mümkün olduğunca az teknolojiyi kullanmaya çalışır (sadece mobil, bilgisayarsız), bu nedenle gerekirse internette depolanan bilgiler yerine basılı fotoğrafları aktarır.

Bu, bana sadece belirli bir yaştaki insanlara kendi aileleriyle ulaşmamın gerekmediğini, aynı zamanda teknik meraklı olmaları gerektiğini anlamamı sağladı.

İkinci görüşme turu (40 yaş üzeri, çocuklu)

İkinci görüşmemde 45-55 yaş arası 3 kişiyle konuştum.

Sorum şu:

  • eğer kullanıcılar aile geçmişi hakkında bilgi vermek isterlerse
  • Mevcut bir çözüm kullanıyorlarsa (çevrimiçi soy ağacı düzenleyicileri)
  • şu anda yaşadıkları zorlukları ve yeni bir üründen / çözümden ne beklerlerdi
  • Gelecek nesillerin aile bilgilerini nasıl görmelerini isterler?

Görüşme sonuçlarını analiz etme

Affinity Diyagramı (realtimeboard.com adresinde yapılmıştır). Yakınlaştırmak için tıklayın

Found Bulduğum ana acı noktası, sahip oldukları tüm bilgilerin organize olmadığı ve farklı ortamlarda (dijital ve kağıt) saklandığıydı.

Online Aile içeriğini çevrimiçi olarak depolayabilecekleri, düzenleyebilecekleri ve kişiselleştirebilecekleri bir yere sahip olmak isteyip istemedikleri sorulduğunda, böyle bir yerin son derece yararlı olacağı konusunda hemfikirlerdi.

Family Görsel bir aile ağacı (özellikle daha fazla şube, daha fazla aile üyesi ve bu nedenle daha fazla bilgi içermesi durumunda) daha temsili ve anlaşılması kolay olacaktır.

People İnsanlar ayrıca, içeriğinden ve torunlarının erişebileceği mesajlardan endişe duyuyorlardı - yalnızca “kuru” gerçekleri ve tarif edilmemiş resimleri değil, “aile deneyimlerini” geçirmek istediler.

Uygulamayı kimin için oluşturmak istiyorum?

Hedef grubumdan topladığım tüm acı noktalarını analiz ederek bir kullanıcı kişisi oluşturdum:

Kullanıcı persona

Kendime bir UX tasarımcısı olarak kendimden kullanıcı kimliğim için bir çözüm yaratan sorduğum soru şuydu:

Sorun soru

Piyasada hangi çözümler var?

MyHeritage, FamilySearch ve Ancestry gibi uygulamalar, çoğunlukla DNA testlerini almak ve uygulamanın diğer kullanıcıları / aileleriyle bağlantı kurmak gibi ekstra özelliklere sahip aile ağaçları oluşturmaya odaklanır. Başka bir soy ağacı editörünün kullanıcı sorunlarımı çözmeyeceğini hissettim.

Bu yüzden aile hatıralarını korumaya odaklanan ürünleri incelemek istedim. Bu uygulamaların bir listesini buldum ve aynı rekabetçi analizi yapmaya başladığımda, çoğunun (Beni Unutma Kitabı, StoryPress ve Hayatımın Öyküsü) artık çalışmadığını fark ettim. Nedenini merak ettim ama maalesef paralel bir soruşturma yapacak vaktim olmadı.

Sürecin bu bölümünden benim ana aldığım şey, zamanın çok kısıtlı olmasına rağmen, halihazırda varolan çözümlerden öğrenmenize yardımcı olabileceği için, yine de bir değer getiren rekabetçi analiz yapmak zorunda olmanızdı.

Ne önerebilirim

Kullanıcı ihtiyacımla birlikte yaptığım rekabet analizi, tasarlamak istediğim aracın son fikrini şekillendirmeme yardımcı oldu:

Kullanıcılarıma sağlamak istediğim çözüm, kullanıcıların aile üyeleri ve özel aile etkinlikleri hakkında bilgi saklamalarını sağlayan bir uygulamadır, böylece istedikleri zaman kontrol edebilirler.

Yukarıdaki analizlere dayanarak, çözümümün sahip olmasını istediğim özelliklerin bir listesini hazırladım. Kullanıcıma şunları yapma fırsatı vermek istedim:

  • görsel olarak temsili bir aile ağacına sahip olmak
  • Her aile üyesi hakkında bilgiye kolay erişim
  • aile etkinlikleri hakkında bilgi oluşturma / ekleme
  • Her aile üyesi ve aile olayı hakkındaki bilgileri özelleştir

Minimum Uygun Ürün sunabilmek için özelliklere öncelik vermeye karar verdim ve bir MoSCoW kanvas yarattım.

Farkında olduktan sonra, hepsini gözden geçirmek zorunda kalmam gereken özelliklere sahip olamayacağımı ve MoSCoW tuvalimde bir

Uygulamayı oluşturma

Uygulamamda hangi özelliklerin bulunması gerektiğine dair net bir fikir edindikten sonra tüm fikirlerimi kağıda koymaya ve görselleştirmeye başlamanın zamanı gelmişti. Uygulamamın nasıl göründüğüne dair farklı varyasyonlarım vardı, ancak arayüzü iki parçaya ayırma fikrini özellikle sevdim - sol tarafta aile ağacıyla etkileşimli bir tuval ve sağ tarafta bağlamsal menü:

Düşük-yüksek kaliteli prototip

Tasarım yinelemeleri ve kararları

Aşağıda, kullanıcılarla yapılan testlere ve orta seviye yüksek kalitedeki prototiplere geçme sürecine dayanan bazı yinelemeler ve kararlar bulacaksınız.

1 | Gereksiz unsurlara öncelik vermek ve bunlardan kurtulmak

Gereksiz öğeler: menü paneli ve zaman çizelgesi

Önce: Başlangıçta, soyağacının altında ve soldaki bir menü panelinin altında dönüm noktalarıyla (bir aile olayını temsil eden her dönüm noktası) bir zaman çizelgesi oluşturma fikrim vardı.

Sonrasında: Daha sonra, A - zaman çizelgesi özelliğini geliştirmek için yeterli zamanım olmadığını farkettim (tüm işleri bıraktıktan sonra bu özelliği daha sonraki geliştirme planına taşıdım) ve B - bir sol tanıtmak zorunda kalmadım Menü panelim, uygulamam için başka seçenekler de geliştirmeyi planlamıyorum.

D.o.d, yaşam olayı etiketleri ve medya. Yakınlaştırmak için tıklayın

Önce:

  • videoları ve fotoğrafları 2 farklı işlem olarak yükleyin
  • başlığa yakın yerleştirilmiş yaşam olayı etiketleri (kullanıcının bir yaşam olayı adına karar vermesine yardımcı olmak içindir)
  • Bir formdaki varsayılan alan olarak ölüm tarihi (d.o.d.)

Sonra:

  • Kullanıcının tüm kayıtları yükleyebileceği genel “Medya” kategorisi (fotoğraf, video ve ses)
  • hi-fi'de kullanıcılar için hayal kırıklığı yarattığı için hiçbir yaşam olayı etiketi yok
  • Savunma Bakanlığı bağlantının altında gizlidir (kullanıcı için olumsuz bir tepkiye neden olabileceğini düşündüm - özellikle de yaşayan bir aile üyesi hakkındaki bilgileri doldururken)

2 | “Yeni bir aile üyesi ekle” butonu

“Yeni bir aile üyesi ekle” düğmesinin yerleştirilmesine karar verme süreci

“+” (Yeni bir aile üyesi ekle) düğme yerleşimi ile mücadele ettim. Sezgisel olmak için aile kartına yakın olmasını istedim, ama aynı zamanda aile ağacının mimarisini kıramadı. Ayrıca, karttaki (simgeler) diğer öğeleri rahatsız edemez veya kullanıcıya yanlış işlevsellik öneremez (ör. “9 olaya yakın“ + ”yanlış bir şekilde“ yeni bir etkinlik ekle ”anlamına gelebilir).

3 | Kafa karıştırıcı kullanıcı arabirimi öğeleri

Profil simgesini / düğme yerleşimini düzenle

Önce: “edit” ikonu yanlış bir şekilde profil başlığını düzenliyordu.

Sonra: panelin alt kısmındaki “profili düzenle” butonu

4 | Metin hiyerarşisi

Metin hiyerarşisi iyileştirme

Önce: başlık, içerikten daha iyi görünürlük ve okunabilirliğe sahipti

Sonra: içerik, başlıktan daha yüksek öneme sahip olduğu için göze çarpıyor

5 | Tutarlılık

Tutarlılık iyileştirme

Önce: profil ve “yeni bir aile üyesi ekle” panelleri, her ikisi de benzer UI öğelerine sahip olsa bile, farklı bir mizanpaja sahipti.

Sonra: tüm panellerde benzer başlıklar ve UI öğeleri var.

6 | Yükleme durumu - UI iskeleti

FAMORY uygulamasında UI iskeleti

Kullanıcı, aile ağacı kanvasındaki yeni bir aile üyesi hakkındaki ilk verileri girmesine rağmen, sağdaki içerik menüsü eylemin tamamlanmasından sonra ekran düzeniyle birlikte bir yükleme durumu gösterir.

Neden ünlü. İsim ve kullanıcı arayüzü seçimi

Uygulamanın adı - FAMORY - 2 anahtar kelimeyi birleştirir = aile ve hafıza. Bu kelimelerin kombinasyonu ana mesajı oluşturur ve uygulamanın ana değerini gösterir - kullanıcıların aile hatıralarını saklamalarına yardımcı olmak içindir.

FAMORY’in logosu ve sloganı

İlk hi-fi tasarımımı hafif gri ve ana renk (arka planın rengi) olarak açık gri renkli UI bana daha tanıdık gelmeye başladım ve daha önceki projem için kullanmıştım (uniON - HR web uygulaması önceden belirledi) .

Renkleri denememi öneren arkadaşım Marina Treshchun sayesinde, karanlık UI korkumun üstesinden geldim. Hepimiz bazen yeni şeyler denemekten korkuyoruz, değil mi?

Koyu arka plan, arka plan ile kartlar arasındaki kontrastı vurgulamama yardımcı oldu.Tasarımım için Catamaran font ailesini, NounProject'in ikonlarını (Gregor Cresnar tarafından yaratılmıştır) ve iki ana rengi seçtim - koyu mavi ve gri.

FAMORY nasıl çalışır?

Chris için Görev: Kayınvalidesini soy ağacına eklemek, profil resmini eklemek, oğlunun düğün gününü ve fotoğraf albümlerini kontrol etmek için.

Bundan sonra ne yapılmalı?

1 - Dönüm noktalarına sahip bir aile zaman çizelgesi ekleyin. Her dönüm noktası bir aile olayıdır

Bu özellik, kullanıcıların aile geçmişini tarihsel olarak gözden geçirmesine yardımcı olabilir. Ailesinde olanları geçen zaman perspektifinden görebilirlerdi.

2 - Diğer aile üyelerini uygulamaya davet et

Bu uygulama farklı aile üyeleri hakkında bilgi içerdiğinden, içeriği düzenlemek / oluşturmak için uygulamaya da erişebilmelidir.

3 - Aile hesabının yöneticisi diğer aile üyelerine görev atayabilir

İş yükü (resim yükleme, bilgi doldurma, yeni aile üyesi kartları oluşturma) çok geniş olabileceğinden, kullanıcıların diğer kullanıcıların görevlerini atayarak iş yükünü paylaşmalarını sağlayacak bir aile yönetim aracı eklemek istiyorum.

4 - Google Drive, Dropbox, vb. Resimler ve videolar yükleyin.

Benim zorluklarım ve paket servislerim

Prototipleri test

Çevik A / B, şelale değil. Bir tasarım değişikliğini yaparken / düşünürken, tüm akışı bitirmeden hemen test ettim - bu bana çok zaman kazandırdı.

Geliştirmem gerekenler

Metin hiyerarşisi ve tutarlılık - Zayıf noktalarımın karmaşık UI söz konusu olduğunda ne olduğunu anladım ve onları geliştirmek için istekliyim.

Kullanıcı Arabirimi tasarımı ile deneme

Koyu UI, denediğinizde korkutucu değil… temelde her şeyi denediğinizde korkutucu değil. Deneyimli meslektaşlardan geri bildirim isteyin, deney yapın ve sorular sorun ve kullanıcıların görüşlerini alın.

Önceliklendirme ve MoSCoW

Önceliklendirme (özellikle MVP'de ve zaman baskısı altında) kurallar - çok fazla çalışma konusunda aşırı strese girmeme yardımcı oldu ve en önemli özelliklerin neler olduğu hakkında düşünmemi sağladı. Aslında her şeyi bitirmek için yeterli zamanım olmadığının farkına vardığımda, "must" ve "must" özellikleri arasındaki farkı öğrendim.

Topluluk yardımı

Mümkün olduğunca geri bildirim isteyin. Bu proje sırasında sınıf arkadaşlarımın, UX / UI arkadaşlarımın, TA'larımın ve öğretmenimin Nevan'ın geri bildirimlerini sordum, araştırmamı başlatmama yardım eden 249 ankete cevap vermeyi unutmadım.

Tüm katılımcılara fikrimi geliştirmek ve tasarımı sarsmak için katkıda bulundukları, eleştirdikleri, destekledikleri ve motive ettikleri için teşekkür ediyorum.

Bu benim son projemdi - Ironhack'taki öğrenme deneyimimin sonu ama aynı zamanda Büyük UX Yolculuğumun başlangıcı. Bir sonraki UX mücadelem için heyecanlı ve heyecanlı hissediyorum!

Her zaman olduğu gibi, herhangi bir geri bildirime çok açığım, bu proje hakkındaki düşüncelerinizi paylaşmaktan çekinmeyin ya da LinkedIn bana ulaşmak için çekinmeyin Hi