Gelişen manzaralar ve kullanıcılar için tasarım sistemleri

Çok kategorili markalara sahip bir süper uygulamayı ilk başlatanlardan biri olmak, endişe kadar gurur da getirir. Görev, eşit derecede farklı davranışlara sahip çeşitli kullanıcılara hitap etmek olsa da, karşılaştığımız en büyük zorluklardan biri, basit, çok yönlü, ölçeklenebilir ve zarif, ileriye dönük, sezgisel ve geleceğe dönük bir deneyim oluşturmaktı.

Genç ve dinamik tasarım ekibimiz tarafından aylarca süren inanılmaz çalışmanın ardından, geliştirmekte olduğumuz ürünün hak ettiği sevgiyi alacağından eminiz.

İşte şimdiye kadarki yolculuğumuzu kutlamak için hızlı bir özet:

Çok katmanlı bir sistem için tasarlama: Tasarım Unsystem

Tanımı gereği bir sistem, sürtüşmeleri ve bilişsel aşırı yüklenmeyi en aza indirmeye yardımcı olmak için kullanıcılar için tutarlı ve sezgisel bir deneyim yaratan bir dizi kural ve kılavuzdur. Böylece sistem, kullanıcıların kendilerinin diyebilecekleri bir alanda rahatlık ve aşinalık hissetmelerine yardımcı olur.

Tasarımcılar olarak, bir tasarım sisteminde korkuluklara yemin eder ve hiçbir taviz vermeden bu korkuluklara bağlı kalırız. Her kural kutsaldır ve dolayısıyla esnek değildir. Ancak bu katı yapıya rağmen ekibimiz sistemin sınırlarını zorladı ve esnek, tutarlı ve çevik bir kullanıcı deneyimi yaratmanın yeni bir yolunu hayal etti.

Bu yeni ve taze düşünceyle, çabamız, kullanıcıların geniş ve çeşitli Neu-evrenimize geldiklerinde , çoklu yolculuklar ve çoklu markalar arasında zahmetsizce gezinebilmelerini ve tutarlı ve kusursuz bir deneyim yaşayabilmelerini sağlamaktı .

Yeni kullanıcı davranışlarına ve deneyimlerine ayak uydurmak için çok yönlü, ölçeklenebilir ve esnek olan çevik bir kurallar dizisi olan " sistem dışı" dediğimiz şey budur .

Ölçeğine ve çeşitliliğine rağmen, kullanıcı arayüzünde (Kullanıcı Arayüz) bileşenleri, renk temaları ve hatta UX kalıpları, sürekli artan bir tuval üzerinde tasarım sistemimizin özünü özünde korurken.

Karma geçiş : karanlık veya aydınlık modlar

Karanlık üstündür, ışık temizdir - o zaman neden ikisini birden kullanmıyorsunuz?

Sistem Dışı yaklaşımımızda, çok fazla olan bir süper uygulama için karanlık bir temanın katılığına meydan okuduk. Tehlikeli hissedilen ve daha hafif, daha temiz bir arayüze ihtiyaç duyan yolculuklar vardı. Un-System, kullanıcılarımız için en iyi olanı değiştirmek ve uygulamak için çözümümüzdü.

Mücevherat, moda ve elektronik gibi kategorilerde göz alıcı bir dokunuş katmak ve ürünlere lüks bir his vermek için karanlık bir mod harika olsa da, ürün sayfalarını açıklayıcı ve kullanıcıların dikkatini çekmesi gereken bir ışık moduyla dengelemek önemliydi. yorulmadan veya bozulmadan daha uzun süre okumak için.

Bu, ne sadece karanlık ne de sadece ışık olan, hibrit bir tema yaratmamızı sağladı.

Kullanıcılarımıza en iyi görsel deneyimi sağlayacak olanı temel alarak karanlık ve aydınlık olan kusursuz bir hibrit sistem oluşturduk .

Flutter, temanın gücünden yararlanarak bu kusursuz hibrit deneyimi uygulamak için kullanıldı ve bir sayfadaki çeşitli widget'lar arasında daha güçlü bir hiyerarşi oluşturmamıza ve her bölümün tamamen kullanıcılar tarafından tüketilmesi hakkını vermemize olanak sağladı.

Doğru Teknolojiyi Edinmek : Jetonlarla Flutter

Harika bir ürün en iyi insanlara ihtiyaç duyar. Yenilikçi tasarım sağlam teknolojiyle buluştuğunda, bir kazananımız olduğunu biliyoruz.

Mimari ekibimiz, sağlam ve ölçeklenebilir bir çerçeveden yararlanarak yolu açtı; çarpıntı Tek bir kod tabanına sahip platformlardaki çevikliğiyle tanınan Flutter ile M3'ün üzerine tasarım sistemini inşa etmekten heyecan duyduk;

Ayrıca tasarım sistemimizde simgeleştirmeyi etkinleştirdik. Tasarım belirteçleri, bir tasarım sisteminin görsel kılavuzunu oluşturan küçük, tekrarlanan tasarım kararlarıdır. Belirteçler, renk için onaltılık kodlar gibi statik değerleri, ölçeklenebilir, tutarlı modeller oluşturmamıza izin veren, ancak daha da önemlisi, birlikte çalışan ekipler, yani tasarımcılar, mimarlar, ön ekipler arasında tek bir gerçek kaynağı sağlayan kendi kendini açıklayan terminolojilerle değiştirdi. -son geliştiriciler ve mühendisler.

Görsel lehçeler: çizimler ve animasyonlar aracılığıyla hikaye anlatımı

Bir lehçe, benzer bir bölgeden belirli bir grup insan tarafından konuşulan ortak bir dildir. Kültürel köklerinizi ve soyunuzu belirlemek için bir işarettir. Ve bu tanım dijital dünya için de çok farklı değil. Dikkat sürelerini ve süper uygulamamızda işlenecek ve tüketilecek çok büyük miktarda bilgiyi (widget'ler, kategoriler, teklifler, afişler, içerik ve daha fazlası) azaltarak, tümü kullanıcının dikkatini çekmek için yarışırken, karmaşayı kırmak için bazı kasıtlı duraklamalar eklemeye karar verdik.

Tam da amaçlanan mola için yaratılan izometrik mono ve çift tonlarımızla tanışın . Çizimler ve hareketli grafiklerle kurnazca oynamamız, görsel bir rahatlama sağlamanın ve kullanıcıların tüm deneyimi kendi hızlarında özümsemelerine yardımcı olmanın bir yoludur.

Buzdağının görünen kısmı: çok şey yapıldı ve daha yapılacak çok şey var.

İşlevsiz sanatın günümüz dünyasında çok az değeri var ve tasarımcılar ve sanatçılar olarak kreasyonlarımızın gerçek sorunları çözmesi ve kullanıcılarımızı her şeyin merkezinde tutması gerektiğini kabul ediyoruz. Bu tasarım sistemini başlatma yolculuğumuz, karmaşık sorunların basit çözümleri olabileceğini göstererek bunu yalnızca daha net hale getirdi.

Daha fazla marka, çeşitli kategoriler, değişen kullanıcı davranışları, daha yeni temalar ve daha derin kişiselleştirme için çözmeye yönelik bir sonraki zorluğumuza geçerken çalışmalarımız daha yeni başladı. Tüm bunlar, her kullanıcının Neu!