Tasarımcılar ve ürün demoları için sohbet mockup'ları

Mesajlaşma yüzeyi gösteren her portfolyo, sunum ve mağaza ekran görüntüsünün aynı sorunu vardır: çerçevenin içindeki konuşma. Sohbet balonlarında lorem ipsum ölüm gibi okunur; 'Selam! / Merhaba! / Nasılsın?' hayalet kasabası gibi; gerçek konuşmalar ise — o cazip kestirme — ekran görüntüsü kılığında bir mahremiyet kazasıdır. İnandırıcı kurgusal konuşma, diğerleri gibi bir tasarım varlığıdır ve iyisini üretmek küçük bir zanaattır: balonlardaki kelimeler, tasarımın inandırıcılığı için etraflarındaki piksellerin çoğundan daha çok çalışır.

Balon içeriği mockup'ı neden yapar ya da yıkar?

İzleyiciler yerleşimi yargılamadan önce demo metnini okur — her zaman. 'Mesaj mesaj mesaj' ile dolu güzel bir arayüz, ürüne hiçbir gerçek insanın dokunmadığını ilan eder. Daha kötüsü, paydaşlar ürünü sahte konuşma üzerinden yargılar: cansız bir demo sohbeti, sunum toplantısında mesajlaşma özelliğini anlamsız hissettirir. Tersi de doğrudur — sıcak, belirli, inandırıcı bir dizi ('kediyi besledin mi / besleyene kadar bağırdı bana / iyi kedi') kaba bir prototipi bile canlı kılar. Demo içeriği dolgu değildir; tasarımının içine hayal edildiği senaryodur.

İnandırıcı sahte konuşma zanaatı

Gerçek yazışmaların, uydurmalarda genellikle eksik olan bir dokusu vardır. Asimetri: gerçek insanlar kibarca sıra almaz — biri dört balon yollar, öteki iki kelimeyle cevaplar. Kusur: bir yazım hatası, küçük harfle bir cümle, sadece '?' diyen bir mesaj. Zamansal gerçeklik: eşit aralıklı dakikalar değil, gerçek konuşmalar gibi kümelenen ve açılan saat damgaları. Ortadan başlama: inandırıcı ekran görüntüsü 'Selam' ile değil, bir şeyin ortasından başlar. Ve ürünün gerçek pazarı için sıkıcı derecede makul isimler. Buradaki beş dakikalık niyet, bütün tasarımın algılanan kalitesini yükseltir.

Demo veri hijyeni

Kazaları önleyen kurallar: asla gerçek konuşmalar — düzenlenmiş olsa bile; bağlam, tam denetleyemeyeceğin biçimlerde sızar. Uydurma sözlere asla meslektaş ya da müşteri gerçek adı iliştirme; sunum dolaşıma girdiği an uydurma sözler atfedilmiş alıntıya dönüşür. Asla gerçek telefon numarası (üretim mockup'larında ulaşılabilir numaralar yayınlandı; sahipleri yıllarca arandı). Tüm demolarında tutarlı isim ve avatarlı, kurgusal bir ev-içi persona seti tut — bilinçli tasarım-sistemi düşüncesi gibi okunur, çünkü öyledir. Bu kurallar baştan uygulanınca bedavadır; bir ekran görüntüsü kaçtıktan sonra telafisi pahalıdır.

Hızlı üretim hattı

Kendi ürününün tasarımı içinde piksel-hassas kontrol için Figma bileşenlerini iyi yazılmış dizi içeriğiyle doldur. Ama jenerik her şey için — portfolyo işinin içindeki mesajlaşma ekran görüntüsü, pazarlama görselindeki telefon, 'müşteri konuşması' slaytı, video demo malzemesi — özel bir sohbet kurucuda kompoze etmek kat kat hızlıdır: konuşmayı yaz; isim, avatar, saat damgası ve görüldü tiklerini ayarla; temiz, yüksek çözünürlüklü bir kare dışa aktar. Bir kez kur, her yerde kullan — ve tek işi birinin sıradan salı yazışması gibi görünmek olan bir ekran görüntüsü için bir daha asla auto-layout ite kaka öğleden sonra harcama.