1. Başlamadan önce
Materyal Tasarım'ın iletişim rehberliği hakkında bilgi edinin.
Net ve öz bir şekilde yazmak, kullanıcı deneyimlerinin kalitesinde önemli bir rol oynar. Material Design'ın UX yazma kurallarını öğrenin ve kullanıcılarınızın istedikleri yere ulaşmasına yardımcı olacak kullanıcı arayüzü metinleriyle ilgili ilkeleri uygulamaya başlayın.
Material'ın iletişim bölümünün, kullanıcı deneyimi yazımından çok daha fazlasını kapsadığını biliyor muydunuz? Veri görselleştirme, ilk katılım ve boş durum kalıpları gibi konulara göz atın.
Yazar gibi düşünün.
Bu codelab, kullanıcı deneyimi yazarı veya içerik stratejisti ile çalışıp çalışmadığınıza bakılmaksızın herkesin arayüzler için uygun dil seçimleri yapabileceği yöntemleri tanıtır. Yazarların ürün deneyimlerini iyileştirmek için odaklanabileceği bazı soruları (ör. etiketler ve bildirimler gibi kullanıcıya yönelik metinlerde netlik ve özlük) sormayı öğreneceksiniz.
Neler öğreneceksiniz?
- Kullanıcı deneyimi yazımı nedir ve neden önemlidir?
- Farklı bağlamlar için doğru tonu ve üslubu belirleme
- Bileşene özel yazma hususları
- Daha fazla bilgi edinmek için kaynaklar
İhtiyacınız olanlar
- Codelab alıştırmalarını takip etmek için bir doküman başlatın veya bir kağıt alın.
Ön koşullar
Bu laboratuvar, Material Design'daki temel yazma, dil bilgisi ve tasarım kavramlarını temel alır. Kullanıcı arayüzündeki etkileşimli öğeler hakkında genel bilgi sahibi olmak faydalıdır.
İngilizce odaklı ancak genel olarak faydalı
Bu laboratuvarda, daha iyi kullanıcı deneyimleri için iletişim ilkeleri ele alınmaktadır. Ancak örnekler ve kelime seçimleri, Amerikan İngilizcesi kurallarına dayanmaktadır.
Bağlam ve kültürdeki değişikliklere duyarlı olan bu kılavuz, herhangi bir dildeki kullanıcı arayüzüne uygulanabilir. İngilizce dışındaki dillerle ilgili dikkat edilmesi gereken noktalar hakkında daha fazla bilgiyi 9. adımda listelenen kaynaklarda bulabilirsiniz.
2. Kullanıcı deneyimi yazımı nedir?
Genel Bakış
Kullanıcı deneyimi yazarlığı (UXW), içerik stratejisi veya içerik tasarımı olarak da adlandırılır. Kullanıcı arayüzlerindeki metinlerin arkasındaki disiplindir ve net anlatımlar, kelime seçimi, bilgi hiyerarşisi ve daha fazlası aracılığıyla kullanıcı deneyimlerini iyileştirmek için dili bir araç olarak ele alan ayrı bir alandır.
UX yazarı gibi düşünmek görev tamamlama oranını, kullanıcı memnuniyetini ve genel kullanım kolaylığını artırabilir.
Kullanıcı deneyimi yazımını farklı kılan nedir?
Kullanıcı deneyimi yazımı, gerçek insanlar için yazmaktır.
Kullanıcı deneyimleri için yazarken kullanıcı arayüzü metninin temel amacının kullanıcı yolculuklarını desteklemek olduğu varsayımıyla başlamak gerekir.
Herhangi bir metnin kelime seçimi, uzunluğu, stili ve yapısı, kullanıcının özelliklerin ve görevlerin amacını ve avantajlarını ne kadar iyi anladığını etkileyebilir.
Stil
Yazım stili seçimleri, kitlenizin ihtiyaçlarına ve hedeflerine uygun olmalıdır. UXW, resmi yazımın akademik kurallarını (gazetelerde veya kurgu dışı kitaplarda okuduklarınız) internette iletişim kurarken (e-posta, metin, sohbet) kullanılan daha az resmi stillerle birleştirir.
Uygulamalar ve arayüzler için yazarken daha az resmi bir üslup kullanılır. Bunun iki temel nedeni vardır:
- Çevrimiçi iletişim, basılı veya akademik yazılardan daha az resmîdir.
- Kullanıcı arayüzü metni, ekran alanı ile sınırlıdır ve karakter uzunluğu kısıtlanmıştır.
Kullanıcı odaklı yazma (diğer adıyla "işe yarar hale getirme")
Kullanıcı deneyimi yazımında dilbilgisi kurallarına uymak yerine amaca yönelik bir stil öncelenir. Bu, dilbilgisinin netlik ve tutarlılık açısından değerli olmadığı anlamına gelmez. Ancak önce kullanıcı ihtiyaçlarını göz önünde bulundurmak ve dilbilgisiyle ilgili kararları buna göre vermek faydalıdır.
Kelime seçimi ve stil söz konusu olduğunda, stil kararları için yol gösterici ilke basitçe çalışmasını sağlamak olabilir. Arayüzler için en iyi seçenekler, resmi yazım kurallarıyla her zaman aynı değildir.
Kullanıcıların okuma şekline göre yazın
UXW, tam paragraflar okumak yerine birçok dildeki okuyucuların sayfaları F şeklinde tarama biçimlerini yansıtmalıdır. Okuyucu davranışını tahmin ederek metnin gerçekte nasıl deneyimlendiğine göre yazabilirsiniz.
Web içeriğinde bu durum genellikle kısa paragraflar, taranabilir açıklayıcı başlıklar ve stratejik biçimlendirme olarak karşımıza çıkar.
Online okuma kalıbı çalışmalarından elde edilen göz izleme örnekleri. nngroup.com'dan alınan resim ve araştırma (2006; 2017).
Test
Aynı metinle çeşitli kültürlerin veya yaş gruplarının ihtiyaçlarını karşılamak zor olabilir. Mesajınızı iletmek için doğru kelimeleri bulmak basit bir iş gibi görünebilir ancak dil ve anlama son derece özneldir.
Yazınızın, düşündüğünüz anlamı taşıdığından emin olmak için gerçek dünyadaki netliği, anlamı ve etkinliği değerlendirmek üzere test yapmak önemli bir adımdır.
Yaklaşımlar
Kolay ve ucuz
- Yazdıklarınızı sesli okuyun. Bu yanıtı gerçek bir kişiye söyler miydiniz? Aksi takdirde yeniden yazmayı deneyin.
- Başka birinden okumasını ve kelimelerinizin ne anlama geldiğini düşündüğünü size açıklamasını isteyin.
- Kullanıcı arayüzü bağlamında yazınızın örneklerini kullanarak birden fazla kişiye anket yapın
- Belirli bir kelime veya ifadenin diğerlerinden daha yaygın olup olmadığını öğrenmek için Google Trendler'i veya Google Kitaplar Ngram Görüntüleyici'yi kullanın.
Kapsamlı içerik testinde aşağıdaki gibi sezgisel yöntemler kullanılır:
- Anlaşılırlık ve okunabilirlik
- Görev tamamlama ve görevde geçirilen süre
- Ton ve algı değerlendirmesi
3. İlkeler
Genel Bakış
Material'ın yazım kurallarındaki ilkeler, doğru ve özlü bir dil kullanarak güven oluşturmak ve netliği artırmak için tasarlanmıştır. Kendi ihtiyaçlarınızı karşılamak için Material'ın ilkelerine ekleme veya çıkarma yapabilirsiniz.
Kurallar, birden fazla kişinin grup olarak daha tutarlı kararlar almasına olanak tanır.
Kısa ve öz olun ancak robot gibi konuşmayın
Sınırlı sayıda fikre odaklanan, kısa ve taranabilir metin bölümleri yazın.
Basit ve doğrudan yazın
Metnin kolay anlaşılmasını sağlayan basit ve doğrudan bir dil kullanın. Bir şey yazdığınızda fikri ifade etmenin daha kolay bir yolu olup olmadığını kendinize sorun.
Kullanıcılara net bir şekilde hitap edin
İngilizcede ikinci şahıs (you veya your) genellikle daha doğrudan ve net bir şekilde ifade edilir. Sahipliğin vurgulanması gerektiğinde birinci şahıs (benim, bana, benimki) kullanılabilir.
"Siz" ve "sizin", kullanıcılara hitap etmenin daha doğrudan yollarıdır.
"Ben" veya "benim", kullanıcının konumunu ya da sesini uygulamanın sesiyle birleştirdiği için kafa karıştırıcı olabilir. "Ben" veya "benim" kelimeleri, içeriklerin veya işlemlerin net bir şekilde sahiplenildiğini vurgulamak için kullanılabilir.
Avoid combining first and second person
Karışıklığı önlemek için "ben"/"benim" ve "sen"/"senin" aynı ifadede yer almamalıdır.
Temel ayrıntıları iletme
Kullanıcıların birçok seçeneği yorumlamak yerine mevcut göreve odaklanabilmesi için yalnızca belirli bir bağlamdaki temel ayrıntıları iletin. Herhangi bir iletişim kutusunda veya bildirimde, bir işlemi ve kritik sonuçlarını açıklamak için hangi bilgilerin gerekli olduğunu düşünün.
4. Ses ve üslup
Genel Bakış
Bir deneyim için oluşturmak istediğiniz üslup ve tarzı dikkate almadan tutarlılık ve netlik elde etmek zordur.
Beş cümleyi birlikte okuduğunuzu ancak her cümlenin, diğer dört cümleyi görmemiş farklı kişiler tarafından yazıldığını düşünün. Bazen kullanıcılar kendi ses ve üsluplarıyla yazdıkları için kullanıcı arayüzünde gezinmek tutarsız bir deneyim olabilir.
Bir ürüne birden fazla kişi metin eklediğinde üslup ve dil yönergeleri, kelimelerin ortak bir anlam ve amaç duygusuyla seçilmesini sağlayabilir.
Net ve kapsayıcı bir dilin doğrudan bir üslupla kullanıldığı geçmiş bir Android kampanyası örneği.
Üslup ve ton nedir?
Ses, deneyim boyunca tutarlı olmalıdır. Ton ise bağlama bağlıdır ve değişebilir.
Ses
Ses, bir deneyim boyunca iletilen ruh halini, tutumu veya bakış açısını ifade eder. Markanın "kişiliğinin" bir yönüdür ve bir ürünün "sesini" tanımayı sağlar.
Dil ilkeleri, kelime seçiminde yol gösterir ve dilin kullanımını gösteren örneklerle birlikte kullanıldığında en iyi sonucu verir. Örnekler olmadan ilkeler, bir grubun stil kararlarına yön vermek için genellikle çok soyut kalır.
Ses prensiplerine ilişkin birkaç yaygın örneği aşağıda bulabilirsiniz:
- Faydalı: Makine gibi değil, insan gibi yazın. Hataları açıklayıp çözüm öner.
- Erişilebilir: Metnin yeni kullanıcılar tarafından kolayca anlaşılmasını sağlayın. Teknik veya ileri düzey terimlerin açıklanmasını ya da değiştirilmesini sağlayın.
- İlham verici: Deneyim boyunca avantajları ve başarıları vurgulayın. Hedefleri ve sonuçları olumlu ve etken bir dille ifade edin.
Ton
Yazınızın üslubu, niyetiniz olsun ya da olmasın ruh halini ve duyguyu yansıtır.
Örneğin, bir ses "faydalı" ve "insani" olarak tanımlanıyorsa bu hedefi destekleyen bir üslup, talepkar ve kısa olmaktan ziyade destekleyici ve rahat olabilir.
Sonuç olarak, bir kişinin "destekleyici ve rahat" olarak değerlendirdiği şey de değişir. Bu nedenle, kelime listeleri ve içerik matrisi, ses ve üslubun uygulanabilir hale gelmesine yardımcı olur. Bu konu, 6-8. bölümlerde daha ayrıntılı olarak ele alınmaktadır.
Neden önemlidir?
Uygun bir üslup, kullanıcıların güvenini ve bağlılığını kazanmanıza yardımcı olabilir. Örneğin, bir hata mesajı destek yerine şaka şeklinde olursa neşeli bir üslup, kullanıcının yaşadığı hayal kırıklığının makul ve çözülebilir olduğunu göstermeyebilir.
Ton haritası oluşturma
Ton haritası, sesinizi ve tonunuzu ayarlama stratejisi planlamanıza ve belgelemenize yardımcı olur.
Kullanıcı yolculuğundaki önemli noktaları göz önünde bulundurarak başlayın. Oyun, finansal araç veya alışveriş uygulaması geliştiriyor olsanız da üslubunuz, kullanıcı yolculuğundaki noktalara (ör. ilk katılım, onaylar ve hatalar) göre değişmelidir.
Örneğin, rutin bir onay için eğlenceli bir bildirim ilk başta iyi bir fikir gibi görünse de beşinci kez alındığında keyif kısa sürede rahatsızlığa dönüşebilir.
Hata durumları, ton eşlemenin tonu rahat ve sohbet eder gibi bir üsluptan destekleyici ve ayrıntılı bir üsluba dönüştürmeye yardımcı olabileceği başka bir örnektir.
1. İlk olarak, istediğiniz tonda bir aralığı temsil edebilecek iki boyut veya spektrum seçin.
Kullanıcı deneyimi yazımında üslup için önemli eksenlerle ilgili birkaç fikir:
- Eğlenceli ve ciddi
- Kısa ve öz ile ayrıntılı
- Duygusal ve tarafsız
- Rahat ve sert
2. Kesişen iki çizgiden oluşan bir ızgara çizin ve her ekseni, strateji oluşturmak istediğiniz bir ton boyutuyla tanımlayın.
Aşağıdaki örnekte, eğlenceli ve ciddi ile kısa ve ayrıntılı boyutlarının haritanın boyutları olduğunu görebilirsiniz.
3. Ardından, sık kullandığınız mesaj türlerini veya kalıplarını listeleyin. Haritalandırabileceğiniz ileti türleri şunlardır:
- Oryantasyon
- Onay ve kabul
- Yardım ve geri bildirim
- Hatalar
- Bildirimler
- Etiketler
- Boş durumlar
4. Her mesaj türünü, her iki eksene göre haritanıza yerleştirin.
Dikkat edilmesi gereken bazı noktalar:
- Belirli bir mesaj için ne kadar ekran alanı kullanılabilir?
- Bir mesaj türü için anlama ne kadar önemli veya kritik? Yıkıcı bir işlem söz konusu mu?
- Kullanıcının bir mesaj türünün amacı hakkında ne bilmesini veya ne hissetmesini istiyorsunuz? Örneğin, oryantasyon genellikle eğlenceli ancak pratik bir amaçla yapılır.
5. Tamamlanmış örnek
Aşağıda, yaygın uygulama deneyimlerine göre grafiklendirilmiş mesaj türlerine ilişkin bir örnek verilmiştir.
Uygulamanız ödeme veya yasal konularla ilgiliyse anlama önemli olduğunda tonu daha ciddi ve ayrıntılı olacak şekilde ayarlayabilirsiniz. Buna karşılık, gizlilik veya finansal konular söz konusu değilse ve daha fazla bilgi için yardım merkezi de mevcutsa daha kısa bir yanıt vermeyi tercih edebilirsiniz.
5. İçerik yapısı
Genel Bakış
Bir ifadenin yapısı, anlaşılırlığı artırabilir ve kullanıcının eldeki göreve odaklanmasına yardımcı olabilir. Bir resmi metinle eşleştirirken bilgi yapısının bir diğer amacı da erişilebilirliği artırmaktır.
Hedeflerle başlayın
Cümlelere kullanıcının hedefiyle başlayın. Kullanıcı deneyimi yazımı görev odaklı olduğundan, ifadeler için yaygın bir kalıp, görevin motive edici çerçevesini oluşturan bir hedefi vurgulamak ve ardından cümlenin, görevi tamamlamak için gerekli eylemi ayrıntılandırmasıdır.
Gerektiğinde ayrıntıları gösterin
Bilgileri bağlama uygun şekilde ve gerektiğinde gösterir. Bu yaklaşıma genellikle kademeli açıklama denir. Kullanıcı özellikleri keşfederken ve daha fazla bilgiye ihtiyaç duyduğunda özelliklerle ilgili ayrıntıları gösterin.
Bilgileri stratejik olarak açıklamak genellikle kullanıcı yolculuğunun her noktasındaki bilgi ihtiyaçlarının dikkatli bir şekilde değerlendirilmesini gerektirir. Amaç, özellikle geri alınamaz işlemlerin sonuçları olmak üzere hiçbir şeyi gizlemek veya atlamak değildir. Ancak, odak noktasını hemen ele alınması gereken göreve daraltarak kullanıcılara yardımcı olacağınızı unutmayın.
Erişilebilir içerik tasarımı
Etkili yazım, az gören kullanıcılar veya ekran okuyucu kullanan herkes için resim ve metin eşleştirme konularını da kapsar. Material'ın erişilebilirlik yazma bölümünde, sayfa içerik tasarımının tüm kullanıcılar için çalışması amacıyla resimlerin ve altyazıların eşleştirilmesiyle ilgili yönergeler yer alır.
Görünür ve görünür olmayan metin
Erişilebilirlik metni şunları içerir:
- Görünür metin: kullanıcı arayüzü öğelerinin etiketleri, düğmelerdeki, bağlantılardaki ve formlardaki metinler
- Görünmeyen metin: Ekranda görünmeyen açıklamalar (ör. resimler için alternatif metin)
Hem görünür hem de görünür olmayan metinler açıklayıcı ve anlamlı olduğunda kullanıcıların ekrandaki başlıkları veya bağlantıları kullanarak gezinmesine yardımcı olur. Ekran okuyucu, erişilebilirlik metnini test etmenize ve metni ekleyebileceğiniz yerleri belirlemenize yardımcı olabilir.
Alternatif metin
Alternatif metin, görsel kullanıcı arayüzünü metin tabanlı kullanıcı arayüzüne çevirmeye yardımcı olur. Alternatif metin, kodu içinde bulunan ve resimleri göremeyen kullanıcılar için resmi açıklayan kısa bir etikettir (en fazla 125 karakter).
Aşağıdaki örnekte, ekran okuyucu bir resmin en önemli tanımlayıcılarını sunarak etrafındaki metinle ilgili bağlam bilgisi veriyor.
Alternatif metin yalnızca resimler için olduğundan, alternatif metne "resmi" veya "fotoğrafı" ifadesini eklemenize gerek yoktur. Ekran okuyucu, resim yerine alternatif metni sesli okur.
6. Kelime seçimi
Genel Bakış
Ekran alanı sınırlı olduğunda mesajınızı ve tonunuzu iletmek için doğru kelimeleri seçmek çok önemlidir. Aynı kelimeleri tutarlı bir şekilde kullanmak, kullanıcıların deneyime alışmasına yardımcı olur.
Tüm okuma seviyelerine uygun yazma
Tüm okuma seviyelerinde net ve kolayca anlaşılabilecek yaygın kelimeler kullanın.
Jargon yok
Daha basit bir ifade aynı fikri benzer şekilde iletebiliyorsa sektöre özgü terminoloji veya kullanıcı arayüzü özellikleri için uydurulmuş adlar kullanmayın.
Tutarlı kelimeler kullanın
Kullanıcı arayüzü özelliklerinizde kelimeleri tutarlı bir şekilde kullanın.
Şimdiki zamanı kullanın
Ürün davranışını açıklamak için geniş zamanı kullanın. Bir ürünün her zaman nasıl davrandığını açıklarken gelecek zaman kullanmaktan kaçının.
Geçmiş veya gelecek zamanlarda yazmanız gerektiğinde basit fiil biçimlerini kullanın.
Kullanıcı arayüzü öğelerine ve kontrollere etiketle referans verme
Etiketler, bir kontrolün veya öğenin ne yaptığını tanımlar. Bunlar, kontrolün kendisinde veya yakınında (ör. düğme ya da anahtar üzerindeki metin) görünür. Bir kullanıcı arayüzü kontrolüne veya öğesine atıfta bulunmak için etiket metnini kullanarak söz konusu öğeden bahsedin. (Öğe veya kontrol türünü belirtmeyin.)
Önemli ayrıntıları iletme
Kullanıcının bir göreve odaklanması için gereken ayrıntıları iletin.
Temel çıkarımlar
- Tüm okuma seviyelerine uygun yazma
- Kelimeleri yenilik için değil, tutarlı bir şekilde kullanın.
- Şimdiki zaman
- Rakam kullanma
7. Bileşenler için yazma
Genel Bakış
Material'ın bileşenlerinin kullanıcı arayüzünde bir amacı vardır ve belirli bileşenler için yazmak bu amacı güçlendirebilir.
Bu bileşenlerle ilgili yazma yönergelerini Material.io'da bulabilirsiniz:
İletişim kutuları
İletişim kutuları şu amaçlarla kullanılır:
- Uygulamanın normal çalışmasını engelleyen hatalar
- Belirli bir kullanıcı görevi, karar veya onay gerektiren önemli bilgiler
Bileşen | Öncelik | Kullanıcı işlemi |
Snackbar | Düşük öncelikli | Snackbar'lar otomatik olarak kaybolur. |
Banner | Öne çıkan, orta öncelikli | Banner'lar, kullanıcı tarafından kapatılana veya banner'a neden olan durum çözülene kadar gösterilir. |
Dialog | En yüksek öncelik | İletişim kutuları, kullanıcı bir iletişim kutusu işlemi yapana veya iletişim kutusundan çıkana kadar (varsa) uygulama kullanımını engeller. |
Başlıklar
Bir iletişim kutusunun amacı, başlığı ve düğme metniyle iletilmelidir.
Başlıklar kısa ve net bir ifade veya soru içermelidir.
Snackbar'lar
Snackbar'larda, gerçekleştirilen işlemle doğrudan ilgili bir metin etiketi bulunur. Mobil cihazlarda bir etiket en fazla iki satırlık metin içerebilir.
Snackbar'lar, kullanıcıların uygulama tarafından gerçekleştirilen bir işlemle ilgili harekete geçmesini sağlayan tek bir metin düğmesi gösterebilir.
8. Her şeyi bir içerik matrisinde bir araya getirin
Genel Bakış
İçerik matrisi, yazınızda kullanacağınız ve yeniden kullanacağınız kelimeleri ve seçimleri izlemek için kullanılan bir tablodur. İçerik matrisi, ifadeleri tutarlı bir şekilde yazmak ve izlemek için önemli bir kaynaktır. Ayrıca, gelecekteki yazarlar için bir referans görevi görür.
Bu, elektronik tablonun süslü adı (Evet...Bu, "jargon kullanmayın" kelime seçimi yönergesini ihlal ediyor.)
İçerik matrisi oluşturma
İyi sonuç veren ve tekrarlanabilecek yazım ve kelime seçimlerini takip edebileceğiniz bir e-tablo veya tablo oluşturun.
İçerik matrisinin amacı, herhangi bir mesajın aşağıdakilerle nasıl bağlantı kurduğunu belirlemenize ve belgelemenize yardımcı olmaktır:
- Kullanıcı hedefleri ve bağlamları
- Belirli bir hedefi destekleyen, açıkça belirtilmiş bilgi ihtiyaçları
- Bilgi ihtiyacını kısa ve jargonsuz bir dille yeniden ifade eden taslak ve nihai kullanıcı arayüzü metni
İçerik matrisindeki kullanıcı arayüzü metni kararları da şunları yansıtmalıdır:
- Üslup ve sesle ilgili ilkeler
- Bileşen türleri
Son olarak, içerik matrisi bir kelime listesi içerebilir:
- Özelliklerinizi, işlemlerinizi ve hedeflerinizi açıklamak için kullanılması gereken kelimeleri ve terimleri listeleyin.
- Eş anlamlı veya faydasız ifadeler olarak kaçınılması gereken kelimeleri listeleyin.
Unutmayın:
- Teknik terimleri değiştirme veya tanımlama
- Bir fiil veya isim için en yaygın kelime seçimini kullanın.
9. Gelişmiş konular ve kaynaklar (isteğe bağlı)
Genel Bakış
Bu codelab'de, kullanıcı deneyimi yazımına başlama ile ilgili en iyi uygulamalar ve yöntemler ele alınmaktadır. Bu, buzdağının sadece görünen kısmı.
Kaynaklar
10. Tebrikler!
Tebrikler! Net ve etkili kullanıcı arayüzü metinleri yazmaya hazırsınız.
