Ürün Tasarımcısı

Orbit

Discord ruhunda tasarladığım bir topluluk uygulaması konsepti. Bir topluluk bulmaktan rollerini ve izinlerini ayarlamaya kadar 14 ekranı masaüstü penceresi ve telefon için yan yana çalıştım. İnsanların zaten bildiği düzeni korudum, emeği genelde bir tablo gibi hissettiren kısma verdim: bir topluluk bulmak ve katılıp katılmamaya karar vermek.

Orbit’in telefonda ve masaüstü penceresinde açık keşfet ekranı

Genel Bakış

Topluluk uygulamaları herkesin zaten bildiği bir düzeni paylaşıyor: solda bir sunucu şeridi, yanında kanallar, ortada sohbet. Orbit bu alışkanlığı koruyor. Renk paleti koyu lacivert ve tek bir mor vurgu üzerine kurulu. Pembeden mora geçen gradyan ise her ekrandaki ana aksiyona ayrılmış, böylece neye basılacağı hiç soru olmuyor. Kartlarda yumuşak bir cam efekti var ve havayı fotoğraflar taşıyor. Başlıklardan metinlere her şeyde Plus Jakarta Sans, etiket, saat ve üye sayılarında Geist Mono kullandım.

Keşfet

Uygulamanın giriş kapısı. Bir arama çubuğu, bir banner, kapak görselleriyle öne çıkan topluluklar ve kimin yeni katıldığını, kimin senden bahsettiğini gösteren bir profil kolonu.

Orbit keşfet ekranının masaüstü ve mobil görünümü: banner, öne çıkan topluluklar ve profil kolonu

Yazı Kanalı

Klasik üç kolonlu düzen: solda kanallar, ortada sohbet, sağda üyeler. Senden bahsedilen mesajlar mor bir şeritle işaretleniyor, yanıtlar ve tepkiler mesajın içinde kalıyor.

Orbit yazı kanalı: kanal listesi, sohbet ve üye listesi, mor şeritle işaretlenmiş bir bahsetme

Sesli Sahne

Bir sahne kanalında canlı bir set. Konuşmacılar, konuştukça etrafında yeşil bir halka beliren kutucuklar; dinleyiciler bir sıra avatar. Sohbet ise yan panelde duruyor, kimse müziği kaçırmasın diye.

Orbit sesli sahnesi: konuşmacı kutucukları, dinleyici avatarları, arama kontrolleri ve sahne sohbeti

Özel Mesajlar

Düzgün bir konuşma listesi olan birebir sohbet. Ses dosyaları ve görseller için dosya kartları, bir de ortak olduğunuz toplulukları gösteren bir profil paneli var.

Orbit özel mesajları: konuşma listesi, dosya kartlı bir sohbet ve profil paneli

Topluluk Sayfası

Katılmadan önce gördüğün sayfa: kapak görseli, doğrulanmış rozeti, topluluğu kimin yönettiği, ilk göreceğin kanallar ve kurallar. Katıl butonunda gradyan var, bu yüzden hiç gözden kaçmıyor.

Night Arcade topluluk sayfası: kapak görseli, doğrulanmış rozeti, moderatörler, ilk kanallar ve katıl butonu

Etkinlikler

Bir aylık görünüm, bir hafta şeridi ve tarih bloğu, ev sahibi, kimlerin geleceği ile tek dokunuşla katılım içeren etkinlik kartları. Sağ kolon kendi planlarını hep görünür tutuyor.

Orbit etkinlikleri: hafta şeridi, katılım butonlu ekim etkinlikleri ve aylık takvim

Forum Kanalı

Akıp giden bir sohbet yerine başlıklar. Gönderiler etiketleri, yanıt sayıları ve sabitlendi ya da çözüldü rozetleriyle iki kolonda duruyor, paylaşım kuralları da sağda kalıyor.

Orbit forum kanalı: iki kolonda başlıklar, etiketler, yanıt sayıları ve paylaşım kuralları

Bildirimler

Bir zil değil, bir gelen kutusu. Bahsetmeler, yanıtlar, davetler ve tepkilerin her birinin kendi ikonu var. Davetler oradan kabul edilebiliyor, sessiz saatler de tek bir anahtar uzağında.

Orbit bildirim kutusu: bahsetmeler, yanıtlar ve davetler, yanda bildirim ayarları

Görüntülü Görüşme

Ekran paylaşımında paylaşılan pencere ana görüntü oluyor, katılımcılar altında bir şerit, görüşme sohbeti de yanında. Kontroller altta tek bir kapsülün içinde duruyor.

Orbit görüntülü görüşmesi: paylaşılan kod penceresi, katılımcı şeridi, kontroller ve sohbet

Arama

Mesajlar, kanallar, kişiler ve dosyalar için tek bir arama. Filtre çipleri arama kutusunun içinde, daha ayrıntılı aramalar için de anahtarlardan oluşan bir panel var.

Orbit araması: arama kutusunda filtre çipleri, mesaj sonuçları, kanallar, kişiler ve filtre paneli

Profil ve Ayarlar

Hesap, görünüm ve bağlantılar tek bir sayfada. Tema kartları gerçek renkleri gösteriyor ve her anahtarın altında ne işe yaradığını anlatan bir cümle var.

Orbit profil ve ayarlar: hesap bilgileri, tema kartları ve bağlı hesaplar

Topluluk Oluşturma

Karartılmış keşfet sayfasının üzerinde üç adımlı bir pencere. Bir şablon seçince kanallar senin için kuruluyor. Mobilde aynı akış alttan açılan bir panel olarak geliyor.

Orbit topluluk oluşturma penceresi: karartılmış keşfet sayfasının üzerinde şablon seçenekleri

Giriş

İkiye bölünmüş bir kart: solda bir başlık ve biraz sosyal kanıt, sağda kısa bir form. Passkey, Google ve Apple tek bir ayracın altında duruyor, kimsenin bir paragraf okuması gerekmiyor.

Orbit giriş ekranı: solda başlık, sağda Google, Apple ve passkey seçenekli kısa bir form

Roller ve İzinler

Çoğu uygulamanın sakladığı yönetici ekranı. Roller, her biri kendi rengiyle, sıralanabilen bir listede duruyor. İzinler dört kartta gruplanmış ve her birinde bir anahtar ile sade bir cümle var.

Orbit roller ve izinler ekranı: rol listesi, renk seçici ve izin anahtarları

Sonuç

Orbit bana tanıdık bir düzenin, insanların şikâyet ettiği kısımları düzeltmek için ne kadar alan bıraktığını gösterdi. Kimsenin kanalların nerede olduğunu yeniden öğrenmesi gerekmediği için emeği bir topluluk bulmaya, katılmaya karar vermeye ve sonrasında onu yönetmeye verebildim; topluluk sayfasından roller ekranına kadar. Gradyanı her ekranda tek bir aksiyona ayırmak, sırada neye basılacağını göstermenin en sade yolu oldu. Orbit kişisel bir konsept: topluluklar, üyeler ve mesajlar hayali; düzenler ve davranışlar ise insanların her gün açtığı uygulamalardan alındı.

Daha fazla çalışma