İşlere dön

2024 · Vaka çalışması

Ludwig.guru

Bir dil arama motorunu bütünlüklü bir yazma platformuna dönüştürmek.

Rol
Baş UX/UI Tasarımcısı
Hizmetler
Ürün ve UX stratejisi, Platformlar arası deneyim, Tasarım sistemi
Durum
Devam ediyor

01 — Ürün bakış açısı

En önemli özellik, bir özellik değildi.

Çoğu yazma aracı ikili bir soruya yanıt verir: bu cümle doğru mu? Ludwig ise cümlenin doğal duyulup duyulmadığını, güvenilir yazarların aynı fikri nasıl ifade ettiğini ve hangi alternatifin bağlama daha iyi uyduğunu anlamaya yardım eder.

Bir cümle dil bilgisi açısından doğru olup yine de doğal duyulmayabilir. Benzer iki ifade farklı resmiyet, güven veya duygusal ağırlık taşıyabilir.

Ludwig önerileri gerçek örneklere ve görünür kaynaklara bağlıyordu. Yeniden tasarım bu davranışı korumalıydı; sadeleştirmek, ürünü faydalı kılan kanıtı kaldırmak anlamına gelemezdi.

İnsanlar yalnızca düzeltme istemiyordu. Kanıt istiyordu.

02 — Sorun

Ürün arama kutusunun etrafında büyümüştü.

Ludwig ayırt edici bir etkileşimle başladı: bir ifade yaz, ara ve benzer dilin güvenilir kaynaklarda nasıl kullanıldığını incele. Ürün büyüdükçe arama, karşılaştırma, çeviri, düzeltme ve yeniden yazma bu davranışın çevresine eklendi.

Her yetenek tek başına faydalıydı. Birlikte, kullanıcının ‘bunu daha iyi yazmak istiyorum’ niyetini Ludwig’in iç bölümlerine çevirmesini gerektiriyordu. Arayüz eylemleri hedefler olarak, kullanıcı ise aynı akışın ardışık anları olarak deneyimliyordu.

Sonuçlar derindi fakat hiyerarşi zayıftı, platform pattern’leri ayrışmıştı ve her yeni özellik başka bir yerel çözüm riski taşıyordu.

  • Özellik odaklı navigasyon
  • Birbiriyle yarışan sonuç blokları
  • Platformlar arasında ayrışan pattern’ler
  • Ölçeklenmesi zor tasarım temeli

03 — Stratejik çerçeve

Bu görsel yenileme değil, ürün mimarisi sorunuydu.

Daha temiz yerleşimler, yeni tipografi ve güncel kontroller gerekliydi; ancak temel soruyu yanıtlamıyordu: Ludwig bağlamsal arama deneyimini kaybetmeden nasıl daha geniş bir yazma platformuna dönüşebilirdi?

Yeniden tasarım, tanıdık arama davranışını korurken büyüyen yetenekler arasında daha net ilişkiler kurmalıydı.

Amaç mevcut zihinsel modeli bir gecede değiştirmek değil, ürünün kopuk araçlar menüsüne dönüşmeden gelişebileceği bir yapı sağlamaktı.

04 — Deneyim haritalama

Kullanıcılar bazen aynı dakika içinde arıyor, kontrol ediyor, karşılaştırıyor ve yeniden yazıyordu.

Ekranları tasarlamadan önce insanların ürüne girişini, sorgu göndermesini, sonucu yorumlamasını, alternatifleri keşfetmesini, çalışmaya devam etmesini ve ürün sınırlarıyla karşılaşmasını haritaladım.

Harita; input ve sonuç akışlarını, alternatif yazma eylemlerini, anonim ve giriş yapmış deneyimleri, ücretsiz ve ücretli sınırları, boş, yükleme ve hata durumlarını, responsive davranışı ve masaüstü-mobil etkileşimlerini kapsadı.

Birçok arayüz sorunu daha derin bir yapının belirtisiydi: deneyim kesintisiz yazma yolculuğu yerine tekil yetenekler etrafında tasarlanmıştı.

05 — Yazma niyeti

Farklı yardım biçimleri tek bir sistem gibi hissettirmeye başladı.

Deneyimi ürünün teknik bölümleri yerine kullanıcıların ulaşmak istediği sonuçlar etrafında yeniden düzenledim.

Arama, düzeltme, karşılaştırma, çeviri ve uzun metin üzerinde çalışma farklı kaldı; ancak ortak input, navigasyon, terminoloji ve kontrolleri paylaşmaya başladı.

Bu, her yazma sorununu aynıymış gibi göstermeden devamlılık yarattı. Yeni bir yetenek artık başka bir küçük ürünü öğrenmeyi gerektirmiyordu.

06 — Sonuç mimarisi

Arama sonuçları bir karar arayüzüne dönüştü.

Ludwig zaten örnekler, alternatifler ve bağlamsal kanıt sunuyordu. Tasarım sorunu bu bilgilerin kullanıcının cümlesi için ne anlama geldiğini göstermekti.

Beş katmanlı hiyerarşi oluşturdum: ana yanıt, önerilen geliştirmeler, gerçek kullanım örnekleri, kaynak ve destekleyici bilgi, sonraki eylemler.

Hızlı yanıt arayan kullanıcı ana sonucu hemen anlayabilirken araştırmacı, çevirmen veya profesyonel örnek ve kaynakları ayrıntılı inceleyebiliyordu. Bilgi kaybolmadı, aynı görsel düzlemde yarışmayı bıraktı.

07 — Kanıt ve güven

Sahte kesinlik olmadan hızlı yanıtlar.

Dilde her zaman tek bir en iyi yanıt yoktur. Bir ifade akademik yazıda yaygın, konuşmada tuhaf olabilir. İki alternatif farklı niyetlerle aynı anda doğru olabilir.

Yeniden tasarım; kullanıcıdan gizemli bir düzeltmeye güvenmesini istemek yerine öneriler, kullanım örnekleri, bağlam ve kaynaklar arasındaki ilişkiyi görünür tuttu.

Ürünün görevi her zaman ‘bu cümleyi kullan’ demek değildi. Bazen en güçlü seçenekleri ve aralarında karar vermek için gereken kanıtı göstermek daha faydalıydı.

Güven, belirsizliği gizlemekten değil, kullanıcının inceleyebildiği kanıttan geldi.

08 — Devamlılık

Sorgu, deneyimin çapası olarak kaldı.

Farklı araçlar kolayca ayrı giriş noktaları, formlar ve kurallar yaratabilirdi. Input’u deneyimin ortak başlangıç noktası olarak tasarladım.

Kullanıcılar üzerinde çalıştıkları dille başlayıp cümleyi farklı araçlara kopyalamadan karşılaştırabiliyor, çevirebiliyor veya geliştirebiliyordu.

Sonuçlar, alternatifler ve ilgili eylemler aynı sürecin parçaları oldu. Kullanıcılar ilk cümleyi kaybetmeden fikrin farklı sürümleri arasında gezinebildi.

09 — Platformlar arası tasarım

Yerleşimler değişti. Ürün mantığı değişmedi.

Yeniden tasarım web, masaüstü ve mobili kapsadı. Amaç görsel kopyalama değil, davranışsal devamlılıktı.

Büyük ekranlarda daha yoğun bilgi ve yan yana karşılaştırma vardı. Mobilde ana yanıt önce geliyor, kanıt ve ikincil eylemler kademeli açılıyordu.

Sorgu girişi, sonuç önceliği, alternatifler, kaynaklara erişim ve sonraki eylemler bütün cihazlarda tanınır kaldı.

10 — Mobil bağlam

Mobil, daha küçük bir ekran değil ayrı bir bağlamdı.

Mobil kullanıcı e-posta içindeki cümleyi kontrol edebilir, konuşma sırasında çeviri inceleyebilir veya diğer işler arasında hızlı karar verebilir.

Deneyim; sonucu hemen anlamayı, alternatiflere net erişimi, kanıtın kademeli gösterimini, daha az görsel rekabeti ve öngörülebilir sonraki eylemleri önceliklendirdi.

Yeniden tasarım Ludwig sonuçlarının derinliğini kaldırmadı. Bu derinliğin ne zaman göründüğünü değiştirdi.

11 — Tasarım sistemi

Ürün sistemi uslu durmayan içeriğe dayanmalıdır.

Tipografi, boşluk, renk, input, navigasyon, kontroller, sonuç kartları, sistem durumları, responsive davranış ve sayfa düzenleri için yeniden kullanılabilir temeller ve bileşenler oluşturdum.

Sistem bitmiş ekranlar değil davranışlar etrafında tasarlandı. Farklı sonuç tiplerini, değişken uzunlukları, eksik bilgiyi, çoklu etkileşim durumlarını ve gelecekteki yazma yeteneklerini yönetmeliydi.

Dil ürünü tek kısa cümle veya uzun örnekler gösterebilir. Yalnızca kusursuz placeholder metinle çalışan tasarım ürün sistemi değil, ekran görüntüsüdür.

12 — Ürün dengeleri

Tanıdıklık engel değil, avantajdı.

Ludwig’in yerleşik kullanıcı kitlesi vardı. Tam bir yeniden icat daha dramatik önce-sonra görüntüsü üretir, fakat ürün riskini de artırırdı.

Yeniden tasarım aramanın merkezî rolünü, kanıt temelli sonuç modelini, gerçek örnekleri ve öneri-kaynak bağlantısını korudu. Hiyerarşiyi, eylemlerin öngörülebilirliğini, araç ilişkilerini ve cihazlar arası devamlılığı değiştirdi.

Hız derinlikle, tutarlılık platform bağlamıyla, tanıdıklık değişimle ve özellik görünürlüğü arayüz sadeliğiyle dengelenmeliydi.

  • Hız vs derinlik
  • Tutarlılık vs platform bağlamı
  • Tanıdıklık vs yeniden icat
  • Özellik görünürlüğü vs arayüz sadeliği

13 — Sonuç

Dil arama motorundan bütünlüklü yazma platformuna.

Yeniden tasarım web, masaüstü ve mobilde birleşik bir temel oluşturdu: yazma araçları arasında daha net ilişki, sorgudan karara daha anlaşılır yol, karmaşık sonuçlar için güçlü hiyerarşi ve ölçeklenebilir bileşen sistemi.

Daha hızlı tamamlama veya daha iyi yazma sonucuna dair kesin iddiaları destekleyen güvenilir başlangıç ölçümleri yoktu. Etki ürün yapısında görünüyordu: kopuk eylemler ortak modele taşındı ve platformlar aynı sistemin parçaları gibi davranmaya başladı.

En zor iş ekranları çizmek değil; neyin tanıdık kalacağına, neyin değişeceğine ve gelişmeye devam eden ürünü hangi pattern’lerin taşıyacağına karar vermekti.

Bütünlüklü ürün, kullanıcıların parçaların aynı işi tamamlamalarına nasıl yardım ettiğini anladığı üründür.
Sonraki projeLexHero