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.
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ı, Ekran Ekran
1 / 3Gü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.
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.

| Ekran | Görünen İpucu | Uygulama Sınırı |
|---|---|---|
| Karşılama | Girişin altındaki sonraki adım etiketi | Kaynakta tıklama işleyicisi yoktur. |
| Bugün | Sekiz 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ır | Tamamlanma 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
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 PromptGü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.
Ö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.
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.
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.



