Instagram Veb Tətbiqi: Bəzi çimdiklər

İnstagram Veb UI-nin dizayn əsaslı təhlili və onu artırmaq üçün mümkün tövsiyələr.

QEYD: Bu dizayn araşdırması bir layihə təşəbbüsü çərçivəsində keçən il aparılmışdır. Verilən müxtəlif tövsiyələr, bəlkə də, İnstaqram tətbiqi çərçivəsində yenilənə bilər. Bu məqalə analitik dizayn prosesini işıqlandırmaq məqsədi ilə hazırlanmışdır.

Baxış

Instagram fövqəladə bir təcrübə yaratmaq üçün istifadəçilərə bir-birləri arasında fotoşəkillər paylaşmasına imkan verən fenomenal bir sosial şəbəkədir. Hər kəsin şəbəkədə paylaşması üçün hər zaman bir fürsət olduğu üçün normal gün yeniyetmələrindən tutmuş fotoqraflara qədər məşhur insanlara qədər hər cür tamaşaçı cəlb edən cəlbedici sosial platformadır. Bununla birlikdə, İnstagram mobil tətbiqetməsində mövcud olan bir çox şey veb versiyasında əlçatmazdır. Veb versiyası daxilində funksionallıq olmaması mənim dizayn qrupumu və tətbiqi daha çox "İnstagram" kimi etməyə kömək edə biləcək müxtəlif dəyişikliklər təklif etməyimə səbəb oldu.

Səbəb

Dizaynda tanınan müxtəlif insan amilləri (Ekran Dizaynının Prinsipləri, Konseptual Model, Təhlükə Təhlili, Çatışmazlıq Ağaclarının Təhlili və s.) Haqqında məlumat verən mükəmməl bir dizayn kursunun bir hissəsi olduğumuz üçün maraqlı və uyğun bir məhsulu yenidən dizayn üzərində işləməyimizə kömək etdi. gündəlik həyatımıza aiddir. Hamımız İnstaqram veb tətbiqində qarşılaşan problemlərin oxşar təcrübələrini müəyyən etdik və yenidən işləməyin vacibliyini tanıdıq.

Əsas problemlər

Veb tətbiqetməsində təsbit edilən bir çox problem, effektiv dizayn üçün Nielsen'in Usability Heuristic və Norman's Usability Prinsiplərinə uyğundur. Tapılan problemlər tətbiqdəki rollarına görə müvafiq sahələrə ayrılmışdır. Ən diqqət çəkən məqam xüsusiyyət və təhlükəsizliklə əlaqəli məsələlərdir.

NUH - Nielsen'in Kullanışlılık Heuristikası NUP - Normanın Kullanış Prinsipləri

  • Veb platformada fotoşəkillər, birbaşa mesajlar, araşdırma səhifəsi və mobil tətbiqetməyə aid axtarış etiketləri daxil olmaqla əsas istifadəçi əsas əsas funksiyaları mövcuddur. (Xüsusiyyət ilə əlaqəli) NUH: Uyğunluq və Standartlar
  • Platformadakı video yazıları istifadəçilərin məzmun arasında ardıcıllığın olmamasına və bəyənmə qabiliyyətinə səbəb olan şəkillərə bənzər şəkillərə bənzər şəkilləri bəyənməsinə imkan vermir. (Xüsusiyyət ilə əlaqəli) NUH: İstifadənin çevikliyi və səmərəliliyi: NUP: ardıcıllıq
  • Tətbiqin özü, məzmunun ekran ölçüsünə nisbətən çox kiçik olması baxımından çox minimalistdir. (Layihə ilə əlaqəli)
  • İstifadəçi hesabları standart olaraq açıqdır və veb tətbiqetmədə məxfilik qəbulu mövcud deyil (Təhlükəsizliklə əlaqəli) NUH: İstifadəçi İdarəetmə və Azadlıq NUP: Məhdudiyyətlər
  • İnstagramın API, şəxsiyyət oğurluğu, şəxsiyyət və s. Halında zərərli ola biləcək istifadəçi məlumatlarını ictimaiyyətə təqdim edir. Son nöqtələr etibarlı deyildir və mövcud istifadəçi məlumatlarının silinməsinə imkan verə bilər (Təhlükəsizliklə əlaqəli)
  • Veb tətbiqi bütün brauzerlər tərəfindən dəstəklənmir. Xüsusilə, Internet Explorer-dəki istifadəçilər. (Uyğunluqla əlaqəli) NUH: Uyğunluq və Standartlar
  • UI baxımından, naviqasiya çubuğu, istifadəçilərin naviqasiya çubuğundan istifadə etmək üçün yuxarıdan yuxarıya doğru hərəkət etməsini tələb edən istifadəçi sürüşmə qaydasında sabit deyil. (Xüsusiyyət ilə əlaqəli) NUH: İstifadənin çevikliyi və səmərəliliyi NUP: Xəritəçəkmə
  • İstifadəçilər profil şəklini dəyişdirdikləri zaman xəbərdar edilmir. Bunun əvəzinə, məsuliyyətli bir geriləmə var və istifadəçilərdən profil şəklindəki bir dəyişikliyin şahidi olmaq üçün səhifəni yeniləmələri tələb olunur. (Xüsusiyyət ilə əlaqəli) NUH: Sistem Vəziyyəti NUP Görünüşü: Əlaqə
  • İstifadəçilər göndərdikləri şərhləri düzəldə bilmirlər (Performans ilə əlaqəli) NUH: İstifadəçi İdarəetmə və Azadlıq NUP: Məhdudiyyətlər

Dizayn prinsipləri müqayisəli təhlil

İnstagram veb tətbiqetməsindəki unikal vəzifə axınları və 'Norman və / və ya Nielsen prinsiplərinə uyğunluğu ilə müqayisəli bir analiz edildi. Tətbiq əvvəlcə qiymətləndirilir və sonra əlavə şərhlərə səbəb olan uyğunluq üçün keçid / uğursuzluq dərəcəsi verilir və həm heuristika, həm də prinsiplər arasında bir uyğunluq və ya ziddiyyət olub-olmaması.

# 1 bərabər istifadə

Qiymətləndirmə: İstifadəçilərin dilini, birdən çox dildə danışın. Digər saytların meyllərini izləyir

Ümumilikdə: Keç

Şərhlər: Daimi yeniləmə və mobil tətbiqetmə ilə sinxronizasiya

Maçlar: Çox dillər təklif edir. Həqiqi dünya konvensiyalarına əməl edir

İstifadədə # 2 Çeviklik

Qiymətləndirmə: Giriş üçün seçimlər təqdim edir, şəkilləri bəyənir və geniş seçimlər təqdim edir

Ümumilikdə: Keç

Şərhlər: Ardıcıl rəng və əsas məhsulu ilə uyğun gəlir (mobil İnstagram)

Münaqişələr: Platforma interfeysi konvensiyalarına uyğunlaşma, evristik qiymətləndirmələrlə doğru olmadığı düşünülmüşdür.

# 3 Sadə və intuitivdir

Qiymətləndirmə: İnteraktiv olanda yaxşı bir iş görür. İstifadəçilərə hər hansı bir əsas problem barədə məlumat verilmir.

Ümumilikdə: Uğursuz

Şərhlər:

  • İstifadəçilərin foto yükləmələrinə icazə vermir
  • İstifadəçilərə videoları bəyənmək üçün cüt vurmağa icazə vermir.
  • Profil şəkli dəyişdirildikdən sonra istifadəçiyə bildirmir.
  • Dizayndan istifadə asandır, lakin istifadəçinin gözləntilərinə uyğun deyil.

Uyğunlaşma: Hər iki prinsip də tətbiqin mürəkkəbliyi ortadan qaldırdığını, lakin veb tətbiqində eyni prosesləri intuitiv şəkildə gözləyən istifadəçilər üçün problemlərə səbəb olan mobil tətbiqetməyə uyğun olmadığı ilə razılaşır.

# 4 Qəbul edilə bilən məlumatlar

Qiymətləndirmə: lazımsız məlumatlar üçün fərqli rejimlərdən istifadə etmir. Tənqidi məlumatlar üçün məqbulluğu artırır

Ümumilikdə: Uğursuz

Şərhlər: Görmə qabiliyyəti məhdud istifadəçilər üçün seçim vermir

Münaqişələr: İstifadəçi aydın qeyd olunan münaqişələri tapmaqda çətinlik çəkir

# 5 Səhv üçün tolerantlıq

Qiymətləndirmə: Dizayn istifadəçilərə tətbiqdəki intuitiv xüsusiyyətlər vasitəsilə səhvləri düzəltməyə imkan vermir

Ümumilikdə: Uğursuz

Şərhlər: Göndərilən rəyi redaktə etmək yolları yoxdur. Yenidən yerləşdirmədən əvvəl silməyə məcbur edildi.

Münaqişə: Xəbərdarlıq və ya təhlükə və səhvlər vermir

# 6 Aşağı fiziki səy

Qiymətləndirmə: Veb tətbiqetməsi istifadəçilərdən yaxşı istifadə etmək üçün çox fiziki səy sərf etmələrini tələb etmir

Ümumilikdə: Keç

Şərhlər: Tətbiqi istifadə etmək üçün heç bir fiziki səy göstərmir

Uyğunluq: Yalnız istifadəçilərin əl jestlərindən istifadə etmələrini tələb edin (siçan, trackpad)

# 7 Yanaşma və istifadə üçün ölçü və yer

Qiymətləndirmə: Ölçmə və məkan ekran ölçüsünün geniş diapazonlarında istifadəçilər üçün kifayət qədərdir. Veb səhifə fərqli ekran ölçülərinə görə cavab vermir

Ümumilikdə: Uğursuz

Şərhlər: Orta aralıklı İnstagram yeməyi sadə və diqqətlidir

Uyğunluq: Hər iki qiymətləndirmənin minimalist dizaynı üçün ölçü və məkan eyni şəkildə qiymətləndirildi

HTA (iyerarxik tapşırıq təhlili)

Veb səhifəni təhlil etdikdən sonra tətbiqin ehtimal olunan istifadəsi ilə əlaqəli müxtəlif vəzifələrin yüksək səviyyədə icmalını göstərmək üçün HTA aparıldı. Mobil tətbiqetmənin əsasını təşkil edən İnstaqram tətbiqinin istifadəsindəki müxtəlif vəzifələr, tapşırıqların tamamlanmasına səbəb olan tıxanmalara səbəb olur. Bu üsul oxuculara İnstaqram tətbiqindəki müxtəlif tapşırıqlar və domen daxilindəki məsələlərə ümumiləşdirilmiş nəzər salmaq üçün istifadə edilmişdir. Yuxarıda göstərilən müxtəlif əsas problemlər istifadəçilərin həyata keçirdikləri xüsusi vəzifələrə əngəl kimi görülə bilər. Beləliklə, veb tətbiqinin mobil tətbiqetmədə ardıcıllığı saxlamasını gözləyənlər üçün ümumi istifadə təcrübəsi mənfi təsir göstərir.

Bir İnstagram tətbiqinin əsas istifadəsini və müxtəlif istifadəçi / tapşırıqları (yaşıl rəngdə) bloklayan problemləri təhlil edən HTA diaqramı

Təklif olunan həll yolu

İnstagram veb təcrübəsini artırmaq üçün UI daxilindəki funksional dəyişikliklər, Instagram mobil cihazı ilə tanış olan istifadəçilərə daha yaxşı istiqamət və ortaq assosiativ tapşırıq işləməsini təmin edər.

Təhlükəsizliklə əlaqəli dəyişikliklər

Tətbiqdə tapılan təhlükəsizlik məsələlərinə görə həll yolları daxildir:

  • 'Gizlilik Məlumatı' üçün 'Profili redaktə et' linki altında məxfilik qəbulu təmin etmək
  • API və onun inteqrasiyası ilə əlaqəli müxtəlif oğurluq problemləri üçün istifadəçi kimliyini qorumaq üçün məhdud məlumat vermək üçün son nöqtəni məhdudlaşdırmaq daha yaxşı olardı.

Xüsusiyyət ilə əlaqəli dəyişikliklər

Tapılan xüsusiyyətlərlə əlaqəli məsələlər üçün daha yaxşı bir təcrübə əldə etmək üçün müxtəlif dizayn yeniləmələri nümayiş olundu. Təklif olunan müxtəlif dizaynlar arasında bunlardan bəziləri var:

  • Bütün ekranlarda edilən bir ümumi dəyişiklik, minimalist tərəfi götürmədən, yazıların tərəflərindəki boş yerdən çox istifadə üçün məzmunun nisbi ölçüləridir.

Profil Şəkil Yeniləmə:

İnstagram tətbiqetməsində profil şəklini (PP) dəyişdirmək qabiliyyəti laqeyddir və düzgün axmır. Yenidən dizayn çərçivəsində, profil səhifəsində PP-nin açılması zamanı şəkil dəyişdirmə funksionallığını daxil etmək qərarına gəldik.

Açdıqda, kiçik şəkil şəklin yenilənməsi seçimini təmin edir. Ətraflı görüntülərə getmək üçün şəkilləri tıklamağın yaxşı qurulmuş metoduna alışmış istifadəçilər üçün daha əlçatan və intuitiv olardı.

Səhifə yeniləməsini araşdırın / kəşf edin:

Əvvəl: Tədqiq səhifəsi, istifadəçi hesablarının minimal bir sıra əsaslı bir sxemi idi, burada hər hansı bir tövsiyə əsaslanan sistemin inteqrasiyası üçün heç bir dəlil yox idi. Buradakı ümumiləşdirilmiş nizam mobil tətbiqetmədə görünənlərə uyğun deyil və naviqasiya etmək çətindir.

Sonra: keşfedin səhifə mobil tətbiqetmədə ardıcıllığı qorumaq üçün ənənəvi kafel əsaslı dizayn verildi. Plitələrə tıkladıqdan sonra, istifadəçi linki, bəyənmələr və şərhləri olan yazının daha geniş bir görünüşü təqdim olunan bir pop-up göstərilir. Bundan əlavə, naviqasiya çubuğunda yerləşən istifadəçi nişanına giriş seçimi üçün tıkladıqdan sonra açılan açılan açma imkanı verildi. Araşdırma səhifəsi istifadəçi hesabı ilə əlaqəli tövsiyə olunan hesabların yazılarını və videolarını təqdim edəcəkdir.

Axtarış Nəticələri / Bəyənmə Açılan

Əvvəl: Bəyənmələr ekranın ölçüsünə uyğun olaraq uzunluğuna uyğun deyildi. Bu istifadəçi profilində bəyənmələrin müəyyən fəaliyyətlərini tapmaq üçün açılan-açaraq fasiləsiz olaraq fırlanmasına səbəb olur.

Sonra: Ekranın ölçüsü nisbətlərini qarşılamaq və istifadəçilərə daha böyük bir konteynerdə fəaliyyətləri görmək üçün açılan hissənin uzunluğu artırıldı. Bu təklifin bir çatışmazlığı budur ki, açılanlar bir çox səhifəni əhatə edir, arxa planda yazıları kəsir. Açılan uzunluq təklif olunan ölçüsünün təxminən 70% -ə qədər azaldısa, bildirişlərin arxa plan məzmununun nümayişinə mane olmadan oxumağa imkan verir. Bundan əlavə, məzmunu əhatə edən boş yerləri istifadə etmək və altdakıları daha görünən etmək üçün açılanları sola köçürmək olar.

Nəticə

İnstaqramın veb tətbiqetməsinin ümumiləşdirilmiş dizayn araşdırması olmaqla, sistemin istifadəsinə təsir edən müxtəlif xüsusiyyət və təhlükəsizliklə bağlı problemləri müəyyənləşdirmək üçün bir çox analitik metoddan səmərəli istifadə edə bildim. Gələcəkdə istifadəçilərin nümunələrindən kəmiyyət məlumat ölçümlərini araşdırmaq və məhsulları daha dərindən, əhatəli bir baxımdan təhlil etmək istərdim. Dizayn qrupumuz beş nəfərdən ibarət olduğundan, veb tətbiqetmədə istifadəçilərin daha çox hissəsini seçib sorğular və ya şəxsən danışıqlar yolu ilə tətbiqdə tapdıqları məsələlər barədə məlumat əldə etmək olduqca məqsədəuyğun olardı. A / B testinin tətbiqi ilə tətbiqetmədə cüzi dəyişikliklər nümunə istifadəçilərinə təqdim oluna bilər və ölçmə göstəriciləri klik dərəcələri və klik / kursor istilik xəritələrinə əsaslanan müxtəlif vəzifələrdə istifadəçilərin səmərəliliyini görmək üçün əldə edilə bilər.

İnstagram İnterneti

UI sistemi içərisində tapdığımız bəzi məsələlərin İnstaqramın veb tətbiqetmədə etdiyi müxtəlif yeniləmələrdə həll olunduğunu görmək çox sərin idi. Vəzifə axını prosesinə təsir edən məsələlər dəyişdirilərək daha hamar proseslərə səbəb oldu. Ən diqqətəlayiq dəyişikliklərə aşağıdakılar daxildir:

  • Məzmunu gəzərkən sabit naviqasiya çubuğu.
  • Profil şəkillərini birbaşa 'profil' səhifəsindəki eskiz vasitəsilə yükləmək.
  • Bir kafel əsaslı bir nizamdan sonra mobil tətbiqetmədə ardıcıllığı qoruyan Explorer səhifəsi. Araşdırma səhifəsində yerləşdirilən məzmun indi bir növ tövsiyə sistemi vasitəsi ilə istifadəçi üçün aktualdır.

Kreditlər

İnstagram hesabını və dizayner qrupunun üzvlərini İnstaqram veb tətbiqini təhlil etdiyimiz kollektiv səylər üçün nümayiş etdirməyə icazə verdiyim üçün Nikolay Ferdinando Sia-ya təşəkkür edirəm.