Pet Care Uygulama Maketlerim için tasarım sürecimin 5 adımı vardı:

1. Rakip ve Trend Araştırması

2. Kullanıcı Röportajları — Empati Kurma

3. Fikir

4. Tel çerçeve

5. Maketler

Adım 1. Araştırma

İlk önce, oluşturmaya çalıştığım şeye tematik olarak benzeyen bazı rakip uygulamalara/uygulamalara göz attım.

Bunlar dahil:

defne

Floofers

WWF Birlikte

Defne ile ilgili notlar:

• 5 Şapka Rafı, evcil hayvanın profili altında kategorilere ayrılmış bilgiler
• Kısa, atlanabilir yönlendirme
• Sevimli, basit çizimler (şu anda bir UX trendi)
• Yalnızca en temel bilgilere ve 3 bölüme sahiptir (esneklik-kullanılabilirlik değiş tokuşu)
• Alışkanlık İzleyici tarzı uygulama, görevleri işaretleyebilir ve randevular için hatırlatıcılar ayarlayabilir
• Dosya ekleyerek tıbbi kayıtları saklayabilir
• Samimi bir görünüm için kontur eğilimi kullanır
• Muhafaza, beyaz bir arka plan üzerinde farklı bilgi bölümlerini ayırmak için kullanılır.

Flofer'larla İlgili Notlar:

• Farklı evcil hayvanların Pinterest tarzı galeri görüntüsü
• Kısa, atlanabilir yönlendirme
• Aşı ve randevu tarihlerini organize eder.
• Farklı bölümler için ikonik temsil
• Kategorilere göre bölümleri ayıran 5 şapka rafı
• Gestalt benzerlik ilkesi, kullanıcıların simge bölümlerinin hepsinin benzer işlev olduğunu anlamalarına yardımcı olmak için kullanılır.

Birlikte WWF ile ilgili notlar:

• Tamamen eğitim uygulaması
• Beyaz metnin arkasında tam ekran görüntüler kullanır
• Daha fazla işleme derinliği için resimler/grafikler içerir
• Farklı ekranlarda farklı gerçeklere sahip olarak kullanıcıları bunaltmaktan kaçınmak için iki boyutlu katmanlama kullanır
• Kullanıcıların kaydırırken hangi yönde hareket edeceklerini anlamalarına yardımcı olmak için eşlemeyi kullanır

2023 kullanıcı deneyimi trendlerinin listesi:

1. Büyük yazı tipi boyutu ve sürükleyici deneyim

Tüm ekranı bir grafik ve bir başlıkla kullanmak, Apple ve diğer büyük markaların bilgileri görsel olarak etkileyici bir şekilde görüntülemek için kullandığı bir trend. Uygulamamın belirli bölümlerini öne çıkarmak için bu eğilimi kullanabilirim.

2. Erişilebilir Tasarım

Farklı engellere sahip kişilerin tasarımda gezinmesine ve hedeflerine ulaşmasına olanak tanıyan erişilebilirlik seçeneklerine sahip tasarım, yalnızca giderek daha önemli hale gelen bir şey değil, aynı zamanda gereklidir. Tasarımımın az gören veya renk körlüğü olan kişiler için kullanılabilir olmasını sağlamak, tasarımımın kullanılabilirlik başarısının ayrılmaz bir parçası olacaktır.

3. Veri Hikayesi Anlatımı

Daha önce tartışılan WWF uygulaması gibi, birçok uygulama ve web sitesi, öğrenmeyi daha çekici bir görev haline getirmek için Veri Hikayesi Anlatımı kullanıyor. Resimleri, grafikleri ve animasyonları kullanarak, kullanıcılara öğrenme sürecinin etkileşimli ve eğlenceli olduğunu hissettirecek bir tasarım oluşturabilirim.

4. Minimalizm

Minimalizm, bir süredir popüler olan devam eden bir trend. Horror Vacui'den uzak durmak, tasarımımın karmaşık ve gezinmesi zor görünmesini engelleyecektir.

5. Geometrik Yapı

Sadece dikdörtgen kullanmak yerine ilginç geometrik şekiller kullanmak, tasarımımın daha yaratıcı ve canlı, aynı zamanda temiz ve modern olarak öne çıkmasına yardımcı olacaktır. Firefox Photon tasarımımda kullanılan bu trendi hem profesyonel hem de eğlenceli kılan bir şey olarak görebiliyorum.

Adım 2. Kullanıcı Görüşmeleri ve Empati Kurma

Hedef kitlemi tanımak için röportajlar ve anketler yaptım. Topladığım verilerden bazı kullanıcı karakterleri oluşturdum.

Kişiler:

Adım 3. Fikir

Hedef kitlemi göz önünde bulundurarak onların ihtiyaçlarına uygun ekranları düşünmeye başladım.

Fikir Eskizleri:

Adım 4. Tel çerçeveleme

Toplamda 3 farklı Tel çerçeveleme konsepti yaptım. Konsept 1, Evcil hayvan benimsemeye odaklandı, Konsept 2, Foton Tasarım Sisteminin estetiğine odaklandı ve Konsept 3, az gören veya renk körlüğü olanlar için Erişilebilirliğe odaklandı.

Konsept 1 (Bağlam Tasarımı):

Konsept 2 (Foton Tasarım Sistemi):

Konsept 3. Erişilebilirlik

Adım 5. Maketler

İşte son kavramlarım!

1. Konsept Gerekçesi: Basit ve İmaj odaklı 1. Konsept, sahiplenilecek bir hayvanın iyi özelliklerinin ve önemli bilgilerinin reklamını yapmakla ilgiliydi. İlginç ve anlaşılır bir tasarım oluşturmak için Data Storytelling ve 2D katmanlamayı kullandım.

Konsept 2 Gerekçesi: Bu konsept üç farklı işleve odaklandı — yakındaki hizmetleri bulma, tıbbi kayıtları takip etme ve evcil hayvan ürünlerini karşılaştırma. Estetik, Mozilla Firefox'un marka kılavuzundan esinlenmiştir ve bu nedenle parlak renkler ve Mozilla onaylı yazı tipleri kullanılmıştır.

Konsept 3 Gerekçe: Konsept 3, az gören veya renk körlüğü olan kullanıcılar için erişilebilirliğe odaklandı. Karmaşık bir renk paleti kullanmak yerine, öğeleri ayırt etmek için kontrast kullanmaya odaklandım. Erişilebilirlik ayarlarına açılış ekranından kolayca erişilebilir ve bölümler, seçim gösterimlerine katkıda bulunan çeşitli öğelere sahiptir.