Məhsulun tamamilə yenidən dizayn edilməsi üçün vəkil edin

Komandamı Firebase-də Fabric Crashlytics-i yenidən hazırlamağa inandırın

Parçadakı Crashlytics (solda), Firebase'dəki Crashlytics (sağda) düzəldildi

Bu yaxınlarda mobil tətbiqetmə inkişaf etdiricilərinə tətbiqlərinin niyə çökdüyünü anlamağa kömək edən bir qəza hesabatı vasitəsi olan Crashlytics-i yenidən dizayn etmək fürsəti tapdım. (Heç bir tətbiqdə qəza olubmu? Crashlytics, inkişaf etdiricilərə bunu düzəltməyə kömək edir.)

Komandam Firebase-ə Google-da Yanvar 2017-ci ildə Fabric əldə etmə hissəsi olaraq qoşuldu. Satınalmanın məqsədlərindən biri Crashlytics'i Firebase’ə gətirmək idi. Bu, Material Design istifadə edərək məhsulumuzu Firebase-də yenidən dizayn etmək və yenidən qurmaq və çox fərqli bir vizual dizayn sisteminə sahib olmaq idi.

Crashlytics üçün vizual dizayn yeniləməsi etmək məcburiyyətində qaldım, bu, xüsusiyyətləri olduğu kimi daşımaqdansa, bütün istifadəçi təcrübəsini yenidən düşünmək üçün əla bir fürsət idi. Crashlytics, 2011-ci ildə hazırlandığı vaxtdan bəri bir çox dizaynını itirən məşhur bir məhsuldur. Bir çox istifadəçidən xüsusiyyətləri istifadə etməkdə çətinlik çəkdiklərini və ya əvvəllər tapdığımız bir xüsusiyyəti tapa bilmədiklərini eşitdik. Həm də məhsulumuzun açıq bir məlumat iyerarxiyasına malik olmadığı üçün komandamız üçün yeni xüsusiyyətlərin hara əlavə ediləcəyini bilmək çətin oldu - bizim üçün və istifadəçilərimiz üçün. Yenidən dizaynın vaxtı gəldi.

Ancaq əvvəlcə çamadanımı düzəltməli oldum.

Yalnız bir məhsulu yenidən dizayn etməklə başlamazsınız. İstifadəçilərin məhsulunuzu necə istifadə etdiklərini və hansı problemlərlə qarşılaşdıqlarını anlamaları üçün vaxt lazımdır. Komandanın düzgün problemləri həll etməsini və özünü layihə hədəfləri ilə uyğunlaşdırmasını təmin etmək üçün yenidən dizaynı başlamazdan əvvəl bütün bu fikirləri qazanmaq vacibdir.

Addım 1: istifadəçilərinizi anlayın

Məlumat toplamağa başladım. Uzun illər məhsul üzərində işləyən Crashlytics qrupu üzvləri, inkişaf əlaqələri qrupumuz, istifadəçi tədqiqatçılarımız və əlbəttə ki, istifadəçilərimizlə danışdım. İstifadəçi təcrübələrini necə yaxşılaşdıracağımı başa düşməmişdən əvvəl insanların Crashlyticsdən niyə və necə istifadə etdiyini anlamalı idim.

Xoşbəxtlikdən, məhsul menecerim Jason St. Pierre 5 ildən çoxdur Crashlytics-də işləyir və istifadəçilərlə tez-tez danışırdı, buna görə də bir çox insanın Crashlytics-dən necə istifadə etdiyini dərindən başa düşürdü. 4 ən kritik Crashlytics istifadəçi səyahətini təyin etdi:

  1. Yeni yayımlanan tətbiq versiyasının sabitliyini izləyin
  2. Tətbiqin sabitliyinin yoxlanılması
  3. Qəzaların prioritetləşdirilməsi düzəldiləcək
  4. Bir müştəri problemini düzəldin
Crashlytics-də ən kritik istifadəçi təcrübəsi: Yeni yayımlanan tətbiq versiyasının sabitliyinin izlənməsi

Bu istifadəçi səyahətlərinin hər birini personalardan istifadə edərək axınlara daxil etdim və nəticədə dörd səyahət arasında ardıcıl bir mikro səyahət baş verdi: "araşdırın və düzəldin" axını. Bu səfərləri komanda ilə bölüşdüm və lazım olduqda prosedurlara yenidən baxdım. Bu proseslər, Crashlytics komandasını istifadəçilərin məhsulumuzu necə istifadə etdikləri barədə ümumi, təməl bir anlayışa uyğunlaşdırdı.

Tədqiqat və düzgün proses, bir istifadəçinin dörd istifadəçi səyahətimizdə hamısını təkrarlayan bir sıra addımlardır

Adım 2: ağrı nöqtələrini anlayın

İstifadəçilərin məhsulumuzu necə istifadə edəcəyi barədə razılığa gəldikdən sonra mövcud UX ilə zəifliklərini başa düşməliyik. Crashlytics komandası son dərəcə kooperativdir və hamımız istifadəçilərimiz üçün böyük bir təcrübə yaratmağa sərmayə qoyuruq. Məndən daha çox əməkdaşlıq edən yenidən dizayn prosesinə cəlb etmək, konsepsiyalarını bölüşmək və rəylərini almaq istədim. Ekip, bir çoxunun illərdir məhsul üzərində çalışdığı üçün yenidən dizaynda köməkçi ola biləcək məhsul haqqında dəyərli bir məzmuna sahib idi.

Crashlytics komandasının bir çoxu, panelin müxtəlif aspektlərinin təkmilləşdirilməsinə ehtiyac olduğunu qeyd etdi. Onların biliklərindən yararlanmaq üçün bir sıra daxili istifadəçi tədqiqatları aparmaq qərarına gəldim. Məqsədim, illər ərzində müştərilərdən eşitdiklərimizə əsasən ən böyük istifadəçi təcrübəsi problemlərinin nəyə əsaslandığını anlamaq idi.

Crashlytics panelini çap etdim və kəsdim və qrupların üzvləri ilə fərdi seanslar qurdum, burada hissələri yenidən düzəltmələrini və panelin yenidən dizaynını istədim. Düşüncəsini izah etmək üçün ucadan danışdım.

Crashlytics-i kağız kəsikləri ilə yenidən hazırlamaqda əylənən komanda yoldaşlarıYenidən hazırlanmış panellərdən bəziləri - bəzi insanlar post-it ilə də yeni funksionallıq əlavə etdilər

Bu olduqca faydalı idi. Yalnız əyləncəli deyildi (rəqəmsal dizaynerlər bu günlərdə neçə dəfə real kağızla oynaya bilər?), Ancaq hər kəsin ağrı nöqtəsi olaraq təyin etdiklərini başqaları tərəfindən qərəzsiz olaraq görə bildim. Bu, təkrarlanan mövzuları müəyyənləşdirməyimi asanlaşdırdı. Məsələn, hər bir şəxs filtrləri və məlumat iyerarxiyasını yaxşılaşdırmağa yönəldi. Həm də inkişaf qrupundan hansı xüsusiyyətləri istifadə etmək və tapmaq çətin olduğunu öyrəndim.

Bu tapıntıları yenidən dizaynda iştirak edən səyləri kataloqlaşdıran yuvarlaq bir göyərtədə komanda ilə paylaşdım. Dizayn yeniləmələrini bölüşmək və yenidən dizayn yolunda özümlə gətirmək üçün qrupla həftəlik dizayn yoxlamaları da qurdum.

Crashlytics Baxış səhifəsindəki təkrarlanan mövzuların siyahısı olan yenidən dizayn üçün proses göyərtəsindən bir slayd

Adım 3: İstifadəçi problemlərini təyin edin

İstifadəçilərimizin hədəflərini və zəif tərəflərini başa düşdükdən sonra istifadəçi məsələləri daha aydın oldu. Bütün fikirlərimi Kağız Kəsmə sessiyalarından və istifadəçilərlə və qrupla söhbətlərdən götürdüm və sonra əsas istifadəçi məsələlərimizi hazırladım:

Problem 1: İstifadəçilər onlar üçün həqiqətən vacib olan məlumatları almaqda çətinlik çəkdilər

İstifadəçilərin əksəriyyətinin idarəetmə panelimizdə gördüyü ilk şey aşağıya fırlanmaq idi. Axtardığım məlumatlar səhifənin aşağı hissəsində yerləşir və ya oraya çatmaq üçün bir neçə klik tələb olunurdu. Daha az əhəmiyyətli xüsusiyyətlərin arxasında basdırıldı.

Fabric Crashlytics-də problem detalları səhifəsi

Problem 2: İstifadəçilər xüsusiyyətlərin olduğunu bilmirdilər

Bir dəfə bir istifadəçi, tətbiqdə baş verənləri qəzaya uğramadan əvvəl qeyd etmək üçün bir funksiya əlavə edib etməməyimi istədi. Bu xüsusiyyət artıq panelimizdə mövcud idi - sadəcə istifadəçi interfeysinə basdırıldı. Dəstək komandamız da istifadəçilərdən bir çox oxşar hadisələri dinlədi. Bu problem, öz komandamızın qarşılaşdığı problemi də əks etdirdi: xüsusiyyətləri harada yerləşdirəcəyini bilməkdə çətinlik çəkdi.

Fabric Crashlytics-də iclas detal səhifəsi

Əsas məsələ, məhsulumuzun məlumat iyerarxiyasının, maraqlı tərəflərə həll etməli olduğumuz əsas problem kimi təqdim etdiyim şeyin aydın olmaması idi. Dizayn prosesində hər zaman iştirak etdikləri üçün hizalanmaq və işə qarışmaq asan idi.

Hamısı necə oldu

Komanda yenidən dizayn ehtiyacını ödəmək üçün rəsmi olaraq satın aldı. İstifadəçilərin problemlərini başa düşdülər və istifadəçi təcrübəsinin hansı hissələrinin yaxşılaşdırılmasına ehtiyac olduğunu qəbul etdilər. Uğur! Növbəti addımlar önümüzdəki bir neçə ay ərzində çoxlu beyin fırtınası, əməkdaşlıq, qeydiyyat və istifadəçi testləri yolu ilə aparılmış idarəetmə panelini yenidən tərtib etmək idi.

Yenidən dizayn üçün bir iş yaratmaq bir çox kontekst qəbulu tələb edir. Bir dizayner olaraq bir məhsulun yenidən dizaynına ehtiyacı olduğu aydın ola bilər, ancaq təkbaşına uzağa gedə bilməzsiniz. Məhsulun yenidən dizayn edilməsi bir qrup səyidir və komandanın yenidən dizaynın nə üçün lazım olduğuna uyğunlaşması vacibdir. Hal-hazırda necə istifadə edildiyini bilmirsinizsə, bir şeyi yenidən dizayn etmək də mümkün deyil.

Crashlytics istifadəçiləri, zəif yerləri və problemlərini dərindən anladığım üçün məhsulu yenidən dizayn edə bildim. Başqalarını bu prosesə cəlb etməklə bütün komanda istifadəçilərimizi daha yaxşı başa düşə və ehtiyaclarını ödəməyi bacardı. Aylarla davam edən zəhmətdən və istifadəçilərlə aparılan müzakirələrdən sonra bu ilin əvvəlində Firebase-də Crashlytics-in yenidən dizaynına uğurla başladıq, bəzi yeni funksiyalara əlavə olaraq təkmilləşdirilmiş məlumat iyerarxiyası və vizual yeniləmə təklif edirik!

Nəticədə, Crashlytics yenidən dizaynının ən sevdiyim hissəsi:

Bir istifadəçi bir səhvini müvəffəqiyyətlə düzəltdiyində şənlik animasiyası!