Mobil uygulama
Keşif Koleksiyonu Uygulaması Tasarımı
Abyssal Atlas, bir örnek koleksiyonunu dalış kuyruğuna bağlar. Kilitli kayıtların, iki filtre satırının ve ilerleme sayaçlarının sırada neyin keşfedileceğini nasıl açıkladığını inceleyin.
LLM Arena Eylül 2026
Vaka notları- Model
- Grok 4.6
- Tasarım görevi
- Derin deniz canlısı kart koleksiyonu uygulaması
- Çıktı
- Mobil uygulama
Kimler İçin Tasarlandı?
- Koleksiyon Uygulaması TasarımıBulunan ve henüz keşfedilmemiş kayıtları göz atılabilir tek bir koleksiyonda tutun.
- Keşif Oyunu ArayüzleriBir görevi açığa çıkarabileceği öğeye bağlayın.
- Mobil Saha RehberleriÖrnek genel görünümünü ayrıntılı kaydından ayırın.
Öne Çıkan Özellikler
- Birbirinden Bağımsız İki FiltreDerinlik bölgesi ve nadirlik, arşive erişmek için farklı yollar sunar.
- Görünür Kilitli KayıtlarBilinmeyen kartlar, onları açığa çıkarmak için gereken keşif gezisini gösterir.
- İki İlerleme ÖlçütüArşiv tamamlanması ve görev kuyruğu ayrı sayaçlara sahiptir.
- Kompakt Örnek AyrıntılarıAyrıntı görünümü bir açıklama ve daha kesin bir keşif zamanı ekler.
Keşif Uygulamasını İnceleyin
1 / 4Koleksiyon ve Sonraki Eylem İçeren Bir Keşif Uygulaması
Abyssal Atlas, bir koleksiyonu onu genişleten eylemlere bağlamak için Atlas ve Dive adlı iki sekme kullanır. Atlas, mevcut örneği ve kaydırılabilir bir arşivi gösterir. Dive, keşfedilmemiş kayıtlarla ilişkili adlandırılmış keşif gezilerini listeler. Bu yapı, ziyaretçiye hem şimdi göz atabileceği bir şey hem de başka bir ekrana geçmesi için bir neden sunar.
İlk başlıkta 13 örnekten 7'sinin arşivlendiği ve %54'ünün kaydedildiği yazılıdır. Bunlar, arşivin tamamındaki ilerlemeyi açıklar. SPECIMEN 02 / 13 ise o anda görüntülenen kaydı belirtir. Etiketleri görünür tutmak önemlidir: Ziyaretçi ikinci kayda bakmaktadır ancak hâlihazırda yedi örnek toplamıştır.
Keşfedilmemiş Kayıtları Göz Atmak İçin Yararlı Hâle Getirin
Kilitli kayıtlar, arşivden kaybolmak yerine arşivin bir parçası olarak kalır. Bilinmeyen bir kart, numaralı yerini korur ve Twilight Trawl gibi adlandırılmış bir keşif gezisini taşır. Bu, boş alana yararlı bir amaç kazandırır: Örneği zamanından önce açığa çıkarmadan ziyaretçiye sırada neyi denemesi gerektiğini söyler.
Koleksiyon Boyutunu Sabit Tutun
Arşivlenmiş ve kilitli girdiler aynı koleksiyonda yer alır. Okuyucu, ayrı bir başarı ekranını ziyaret etmeden toplam kapsamı anlayabilir. Kilitli kartlar tür adı yerine görev bilgilerini kullandığından hem bir sınırı hem de ileriye giden yolu aktarır.
Yaşam Alanını Nadirlikten Ayırın
İki hap biçimli satır, derinlik bölgesine ve nadirliğe göre filtreleme yapar. Bunlar, birbiriyle rekabet eden gezinme bölümleri değil, aynı koleksiyon hakkındaki farklı sorulardır. Kısaltılmış etiketler telefonda yer kazandırır; saha rehberi uyarlaması, bunları henüz bilmeyen okuyucular için Meso ve Bathy gibi terimleri açıklamalıdır.
Göz Atma Konumunu İlerlemeden Ayırın
Seçilen örneğin numarası, arşivlenmiş kayıt sayısı ve yüzde, birbirlerinin yerine kullanılmadan tutarlı kalmalıdır. Görünür kartları filtrelemek ise yine ayrı bir işlemdir. Gerçek kullanıma yönelik bir arayüz, ziyaretçi listeyi daralttığında genel ilerleme göstergesinin anlamını sessizce değiştirmemelidir.
Bir Örnek Kaydı ile Dalış Kuyruğu Arasında Geçiş Yapın
Vampir Kalamarı genel görünümü; yaygın ve bilimsel adlarını, nadirliğini, derinliğini ve ilk bulunma tarihini gösterir. Kayıt açıldığında kısa bir açıklama, derinlik bölgesi etiketi ve tarihin yanında bir saat bilgisi eklenir. Böylece ayrıntılı görünüm, yalnızca aynı kartı büyütmek yerine yeni bilgiler sunar.
Dive Board, altı keşif gezisi ve ayrı bir 0 / 6 görev kuyruğu sayacıyla başlar. Her girdi, Log this expedition eyleminden önce bir dalışın adını, derinlik bölgesini ve hedefini belirtir. Arşiv sayısı üst tarafta görünür kalır. Bu iki toplam, kişinin hem sahip olduğu koleksiyonu hem de ilerleyebileceği kuyruğu anlamasını sağlar.
| Etiket | Yakalanan Değer | Neyi Sayar? |
|---|---|---|
| Arşivlenmiş Örnekler | 13'te 7 | Arşivde hâlihazırda görünür olan kayıtlar. |
| Kaydedilen İlerleme | %54 | Aynı arşiv tamamlanma oranının yuvarlanmış ifadesi. |
| Mevcut Örnek | 02 / 13 | Tamamlanma oranı değil, seçilen örneğin konumu. |
| Görev Kuyruğu | 0 / 6 | Görüntülenen keşif gezisi döngüsünde tamamlanan öğeler. |
Örnek Kayıtlar İçeren Yerel Bir Keşif Prototipi
Bu, canlı bir keşif gezisi hizmeti değil, yerel bir koleksiyon ve kilit açma gösterimidir. Derinlikler, gözlem tarihleri, nadirlik kademeleri ve biyolojik açıklamalar kaynak içeriklerdir; bağımsız olarak doğrulanmış bilimsel referans verileri değildir. Yalıtılmış önizleme, hesap veya bulut senkronizasyonu sağlamaz. Kaynak görseller bu yerel inceleme için korunmuştur; kamuya açık biçimde yeniden dağıtılmadan önce izinlerin ayrıca kontrol edilmesi gerekir.
OpenDesign'da Keşif Koleksiyonu Uygulaması Tasarımı Nasıl Oluşturulur?
Arşivi ve Kilit Açma Döngüsünü Tanımlayın
OpenDesign'a sabit bir örnek koleksiyonu ve her görev ile görevin kilitli kaydı arasında açık bir ilişki verin. Aşağıdaki istem, bu vakadan esinlenen yeni bir tasarım çalışmasını açıklar.
Önerilen PromptOn üç örnek içeren ve başlangıçta yedisi keşfedilmiş olan kurgusal bir derin deniz arşivi için keşif koleksiyonu uygulaması tasarımı oluştur. Turkuaz vurgulara ve altta iki sekmeye sahip koyu renkli bir mobil arayüz kullan: Atlas ve Dive. Atlas; mevcut örnek kartını, örneğin yaygın ve bilimsel adlarını, nadirliğini, derinliğini ve ilk bulunma tarihini, ardından da bir koleksiyon ızgarasını göstersin. Kilitli kayıtları sabit bir numarayla ve kilitlerini açan keşif gezisinin adıyla görünür tut. Derinlik bölgesi ve nadirlik için ayrı filtre satırları ekle. Ayrıntı ekranı yalnızca kartı tekrarlamak yerine bir açıklama ve kesin keşif zamanı eklesin. Dive; hedef, durum ve yerel Keşif gezisini kaydet eylemiyle birlikte adlandırılmış altı keşif gezisi göstersin. Arşiv ilerlemesini görev tamamlanmasından ve mevcut kayıt konumundan ayrı tut. Açıkça etiketlenmiş örnek kayıtlar kullan; gerçek dalışlar, bilimsel doğrulama veya bulut hesapları bulunduğu izlenimini verme.
Bir Görevin Koleksiyona Uzanan Yolunu İzleyin
OpenDesign'dan bir keşif gezisinin hazır, devam eden ve tamamlanmış durumlarını göstermesini, ardından hedef kaydını açığa çıkarmasını isteyin. Arşiv sayısının bir kez değiştiğini, aynı kartın konumunu koruduğunu ve tamamlanmış bir eylemi tekrarlamanın ilerlemeyi yapay olarak artıramadığını kontrol edin.
Filtre Etiketlerini ve Boş Sonuçları Netleştirin
Bir derinlik bölgesiyle bir nadirlik düzeyini birlikte seçin. Hiçbir kayıt eşleşmediğinde filtreleri temizleme yolu da sunan açık bir boş durum isteyin. Toplam arşiv sayısını filtrelenmiş sonuçlardan ayrı tutun ve kısaltılmış bilimsel terimler için okunabilir açıklamalar sağlayın.
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.
Deniz Canlıları Koleksiyonu Uygulaması Tasarımı
Abyssal Log, deniz canlıları koleksiyonunu dalış görevlerine bağlar. Her bilinmeyen kayıt, kendisini açmak için gereken görevi ve kalan ilerlemeyi açıklar.
Mobil uygulama
Bianjing Gece Turu Web Sitesi Tasarımı
Hayalî Song dönemi Bianjing'inde, kalıcı bir nehir kenti, şiir, fenerler ve çok dilli bölüm akışını birleştiren etkileşimli bir gece yolculuğu.
Web sitesi
Kariyer Web Sitesi Tasarımı
Sekiz ay sahnesi üzerine kurulu bir Kimi kariyer çalışması; kaydırmayla bağlantılı geçişler ve illüstrasyonlu başvuru süreci.
Web sitesi
Yaratıcı Portföy Web Sitesi Tasarımı
Maya Rowan'ın kurgusal portföyü, proje kartlarını, çalışma yaklaşımını ve notları bir araya getiriyor.
Web sitesi