Mobil uygulama

Günlük Görev Uygulaması Tasarımı

Günlük Görev Uygulaması Tasarımı, gündelik hedefleri örnek XP, kategori kartları ve görev ayrıntısıyla üç ekranlı bir mobil görev akışına dönüştürür.

OpenDesignTasarım ve yapım
Resmi
Üç ayrı ekranda gösterilen, oyunlaştırılmış günlük görev odaklı Level mobil uygulaması3 ekran
Koyu telefon çerçevesinde Level uygulaması karşılama ekranı: krem rengi serif tipografi, turuncu vurgulu başlık, bir prototip etiketi ve altta sonraki adım ipucu. Koyu bir örnek XP ilerleme paneli, altı pastel kategori kartı ve ortada artı düğmesi dahil beş alt gezinme konumu içeren Level günlük görev ekranı.
Görev Uygulaması Karşılama · Günlük Görev Kartları

Günlük Görev Uygulaması Kullanım Alanları

  • Günlük Alışkanlık PlanlamaÇeşitli günlük aktiviteleri tek bir taranabilir görev listesinde düzenleyin.
  • Oyunlaştırılmış Mobil Akışlarİlerlemeyi, ödülleri ve kategorileri kompakt telefon ekranlarına aktarın.
  • Görev Ayrıntısı TasarımıTek bir aktiviteyi sıralı, ödüllü mikro görevlere bölün.
  • Prototip HikâyeleştirmeBir fikrin girişten eyleme nasıl ilerlediğini gösterin.

Görev Ekranı Tasarımının Öne Çıkanları

  • Üç Ekranlı YolculukKavram girişinden görev listesine ve ayrıntıya ilerler.
  • Kategori Tabanlı KartlarBody, Read, Listen, Nourish, Mind ve Watch'ı gruplar.
  • Görünür İlerleme ModeliLevel 14'ü örnek XP ve görev sayılarıyla eşleştirir.
  • Mikro Görev DökümüGüç antrenmanını ayrı ayrı ödüllendirilen dört adıma dönüştürür.

Günlük Görev Uygulaması Tasarımı

Günlük Görev Uygulaması Tasarımı, Level'ı tanıdık kendini geliştirme aktivitelerini günlük bir görev kaydına dönüştüren mobil bir konsept olarak sunar. “Daily quests for becoming a better human.” başlığı, arayüz bir sonraki eylemi (“NEXT — TODAY'S QUESTS”) tanıtmadan önce ana fikri belirler.

Karşılama ekranı koyu bir yüzey, büyük editoryal serif tipografi, “becoming” sözcüğünde turuncu vurgu ve kompakt eşgenişlikli yazı tipinde bir prototip etiketi kullanır. Bu kompozisyon fikri işlevsel bir panodan çok bir giriş gibi hissettirir. Ödünü bilinçlidir: etkileyici başlık dikey alanın büyük kısmını kaplar, bu yüzden geçişten önce yalnızca kısa ürün açıklaması ve sonraki adım ipucu görünür kalır.

Görünen metin XP kazanmayı ve sınıfların seviye atlamasını izlemeyi anlatır, ancak sağlanan HTML statik üç ekranlı bir tasarımdır. Önerilen bilgi modelini ve tamamlanma durumlarını gösterir; görev seçimini, ödül güncellemelerini veya tema değiştirmeyi uygulamaz. Rakamlar örnek içeriktir; saklanmış ilerlemenin veya sağlık sonuçlarının kanıtı değildir.

Koyu karşılama ekranı, günlük görevleri editoryal bir başlık ve sonraki adım ipucuyla tanıtır.
Koyu karşılama ekranı, günlük görevleri editoryal bir başlık ve sonraki adım ipucuyla tanıtır.

Günlük Görev Planlama ve Ödül Taraması

Ana ekran hızlı taramaya göre düzenlenmiştir. “Good morning, Sam”, “1648 / 2480” değerini gösteren Level 14 ilerleme panelinin üstünde yer alır; ardından “8 quests waiting · earn 430 XP today” gelir. Bu değerler örnek veri olarak sunulur, ancak sıralamaları amaçlanan önceliği anlatır: önce yönelim, sonra ilerleme, ardından yapılabilecek işler.

Altı renkli kart günü Body, Read, Listen, Nourish, Mind ve Watch olarak ayırır. Her kart tek harfli bir işareti, kategori adını, somut bir aktiviteyi ve bir XP rozetini birleştirir. Örneğin Body, “20-min strength: pushups & planks” ifadesini “+90” ile; Watch ise “The Bear · S3 E4” ifadesini “+30” ile eşleştirir. Kategori ızgarası, farklı aktiviteleri aynı tür görevmiş gibi göstermeden karşılaştırılabilir kılar.

İki sütunlu kart düzeni hızlı seçimi ve görsel çeşitliliği destekler; pastel dolgular kategorileri ayırır. Ödünü, uzun etiketlerin sabit kartların içinde satıra sarılmasıdır, bu yüzden açıklamaların kısa kalması gerekir. Alt gezinme Today'i etkin tutar; Library, ortadaki ekleme düğmesi, Stats ve Profile'ı komşu hedefler için ayırır.

Aktiviteden Önce İlerleme

Level paneli, örnek ilerlemeyi ve günlük XP fırsatını görev kartlarının önüne yerleştirerek listeye görünür bir motivasyon çerçevesi kazandırır.

Karma Aktivite Türleri

Egzersiz, okuma, dinleme, yemek, meditasyon ve televizyon aynı kart sisteminde yer alır; kavramın kişisel rutinleri tek bir günlük set olarak ele aldığını gösterir.

Kompakt Ödül Sinyalleri

Siyah XP hapları her kartın alt kenarında durur; ödül konumunu tutarlı tutarken aktivite metninin satıra sarılmasına izin verir.

Görev Listesinden Mikro Görevlere

Üç ekran belirli bir sıra oluşturur: koyu karşılama ekranı fikri kurar, açık ana ekran günü sunar, ayrıntı ekranı seçilen tek bir görevi genişletir. Geçiş hem temayı hem bilgi yoğunluğunu değiştirir. Ana görünüm altı kategori arasında karşılaştırmayı destekler; ayrıntı görünümü tek bir güç aktivitesine ve tamamlanma yapısına odaklanır.

Ayrıntı ekranı kendini “QUEST · 03 / 08” olarak tanımlar ve aktiviteyi “BODY · STRENGTH” diye etiketler. Mercan renkli paneli “+90 XP”, “20 minutes that change Wednesday.” başlığını ve şınav, plank, bir joker ve ekipmansız olduğunu belirten kısa bir açıklamayı taşır. Tekrarlanan “11 times this month” ifadesi görünür bir örnek geçmiş kaydıdır; ölçülmüş bir sonucun kanıtı değildir.

“TODAY'S MICRO-TASKS” altında ekran “Roll out the mat”, “3 × 12 pushups”, “3 × 45s plank” ve “Wildcard: lunges” satırlarını listeler. İlk satır işaretli ve üstü çizilidir; kalan satırlar boş daireler kullanır. +5, +30, +30 ve +25 XP değerleri sağ kenarda yer alır. Bu durum ayrımı, okuyucunun görev ayrıntısından çıkmadan kısmi tamamlanmayı anlamasını sağlar.

Büyük “Start quest” düğmesi kontrol listesinin ardından gelir ve net bir eylem bitiş noktası oluşturur. Bu sıralama önerilen etkileşimli akış için yararlıdır, ancak ekran görüntüsü düğmenin, kontrol listesinin veya seviye atlama anının kalıcılığa bağlı olduğunu kanıtlamaz. Amaçlanan durum dilini ve bir görev ödülüyle daha küçük görevleri arasındaki ilişkiyi gösterir.

Güç görevi ayrıntı ekranı, tamamlanmış bir mikro görevi, kalan üç görevi, XP değerlerini ve bir Start quest eylemini gösterir.
Güç görevi ayrıntı ekranı, tamamlanmış bir mikro görevi, kalan üç görevi, XP değerlerini ve bir Start quest eylemini gösterir.
Üç Statik Ekran ve Görünen İpuçları
EkranGörünen İpucuUygulama Sınırı
KarşılamaGirişin altındaki sonraki adım etiketiKaynakta tıklama işleyicisi yoktur.
BugünSekiz görevlik, 430 XP'lik etiketin altında altı kategori kartıGösterilen kart ödülleri toplam 340 XP eder; örnek bu farkı uzlaştırmaz.
Görev Ayrıntısıİşaretli bir mikro görev ve kalan üç satırTamamlanma gösterilir; bir betikle saklanmaz veya güncellenmez.

Görünen Kapsam ve Yetenek Sınırı

Bu çalışma, OpenDesign tarafından hazırlanmış üç ekranlı bir mobil uygulama tasarımı örneğidir. Kompozisyonu, örnek veri hiyerarşisini, kategori gruplamasını, ekran geçişlerini ve tamamlanma durumu gösterimini incelemek için yararlıdır. Mobil çerçevesi görünür iPhone durum çubuklarını ve alt gezinmeyi içerir; sunulan kanıt, oluşturulan ekranların ötesinde platform davranışını belirlemez.

Tasarım, ayrıntı için bir göreve dokunma, bir görevi tamamlama, altıncı görevden sonra seviye atlama anını tetikleme ve tema ile düzeni değiştirme gibi etkileşimler önerir. Bu açıklamalar amaçlanan kavramı anlatır; doğrulanmış çalışma zamanı yetenekleri değildir. Bu nedenle XP toplamları, Level 14 durumu, aktivite geçmişi ve günlük görev sayısı, üretim uygulamasında ürün verileri ve açık durum kurallarıyla değiştirilmelidir.

OpenDesign'da Günlük Görev Uygulaması Tasarımı Nasıl Oluşturulur

  1. OpenDesign'ı İndirin ve Kurun

    Masaüstü uygulamasını indirin, kurun ve kurulumu tamamlayın. Tasarımınız için bir proje oluşturun.

    OpenDesign'ı İndir
  2. Mobil Anlatıyı Belirleyin

    Üç ayrı telefon ekranı oluşturun: koyu temalı bir karşılama girişi, açık temalı bir günlük görev listesi ve odaklı bir görev ayrıntı görünümü. İlk ekranı editoryal ve kısa tutun, işleyişle ilgili ayrıntıyı sonraki ekranlara bırakın.

    Önerilen Prompt

    Günlük görevler için üç ekranlı bir mobil uygulama tasarımı oluştur: editoryal serif başlığa sahip koyu bir karşılama ekranı; Body, Read, Listen, Nourish, Mind ve Watch için altı kategori kartının üzerinde Level 14 ve örnek XP ilerlemesini gösteren açık temalı bir ana ekran; ve mikro görevler ile XP değerleri içeren, Body strength için bir görev ayrıntı ekranı. Tüm verileri örnek olarak ele al; arka uçta kalıcılık, sağlık açısından etkililik veya canlı entegrasyon olduğunu ima etme.

  3. Ödül Sistemini Netleştirin

    Sağlanan ilişkileri tasarım referansı olarak kullanın: ana ekran örnek günlük XP'yi ve kategori ödüllerini, ayrıntı ekranı ise tek bir toplam görev ödülünü ve daha küçük görev ödüllerini gösterir. Aktivite adları satıra sarıldığında etiketlerin okunur kaldığını ve ödül değerlerinin bunları örtmediğini kontrol edin.

  4. Durumu ve Sınırları Kontrol Edin

    Kısmi tamamlanmayı, güç ayrıntı ekranında olduğu gibi işaretli ve üstü çizili tek bir görev ile boş kontrollü kalan görevlerle gösterin. Önerilen seviye atlama, tema değiştirme ve görev tamamlama davranışlarını görünen kompozisyondan ayrı değerlendirin; çünkü bu çalışma depolamayı, servisleri veya çalışma zamanı bağlantılarını doğrulamaz.

  5. Dışa Aktarın ve Paylaşım Bağlantısı Alın

    Bitmiş tasarımınızı dışa aktarın, ardından bir paylaşım bağlantısı almak için OpenDesign'daki Paylaş seçeneğini kullanın. Bağlantıyı göndermeden önce ayrı bir tarayıcı penceresinde açarak amaçlanan sürümün ve bileşenlerinin erişilebilir olduğunu doğrulayın.