Google Workspace Eklentileri için kullanıcı arayüzü stil kılavuzu

Google Workspace Eklentileri dokümanın tarzını ve düzenini ana makine uygulaması uzatırlar. Kullanıcı arayüzünü kontrol ve davranışlardan doğal bir şekilde yararlanmanızı sağlar. Burada sunulan yönergeler Burada tanıtım amaçlı kullanılan metin, resim, denetimler ve marka bilinci oluşturma ve yüksek kaliteli bir kullanıcı deneyimi sunar.

Eklentiniz, eklentinin ayrılmaz bir parçası olan ayrı web sayfaları açarsa işlemi (örneğin, eklentinin ayarlar sayfası) kullanıyorsanız, bu web sayfalarının bu stil kurallarına uygun olmalıdır.

Metin ve resimler

Bu bölümde, eklentinizde metin ve resimleri doğru şekilde nasıl kullanacağınız açıklanmaktadır.

Eklenti adı

Eklentinizin adını projesinde ayarlamanız gerekir manifest dosyasını eklentinizi yayınlanmak üzere yapılandırın. Bu ad Google Workspace Marketplace gibi birçok yerde görünür. bir kontrol listesidir. Ad seçerken:

  • İlk harfleri büyük kullanın.
  • Markanızın bir parçası olmadıkça noktalama işaretleri, özellikle de parantez kullanmaktan kaçının.
  • Kısa tutun. 15 veya daha az karakter kullanmanız önerilir. Uzun adlar Google Workspace Marketplace listesinde ve diğer yerlerde otomatik olarak kısaltılır.
  • "Google", "Gmail" veya diğer Google ürün adlarını eklemeyin. girin.
  • "Eklenti" kelimesini eklemeyin girin.
  • Sürüm bilgilerini girmeyin.

Yazma stili

Çok fazla yazı yazmanız gerekmez. Çoğu eylem, ikonografi, düzen ve kısa etiketlerdir. Eklentinizin bir kısmını daha kapsamlı açıklamaya ihtiyaç duyduğundan, en iyi eklentinizi açıklayan ayrı bir web sayfası oluşturun ve ona bağlantı verin.

Kullanıcı arayüzü metni yazarken:

  • Normal tümce düzeni kullanın (özellikle düğmeler, etiketler ve kart işlemleri için).
  • Jargon veya kısaltma içermeyen kısa ve basit metinler tercih edin.

Evrensel ve kart işlemleri

Evrensel işlemler kullanıyorsanız veya kart işlemlerini bunlar kartlarda menü öğeleri olarak görünür. her şeyi kapsıyor. Bu menülerde kullanılacak metni seçebilirsiniz işlemlerdir. Kullanılacak metni seçerken:

  • Yalnızca eklentinizin adını tekrar eden bir menü metni kullanmaktan kaçının.
  • Menü öğelerine "Çalıştır", "Yapılandır" veya "Oluştur".
  • İşlemin görüntülediği kullanıcı arayüzü bileşenini değil, görevi açıklayın.
  • Eyleminiz bir iş akışı başlıyorsa ve bunu açıklayan tek bir fiil yoksa "Başlat" olarak adlandırabilirsiniz.
  • Kullanıcıyı kaydırmaya zorlamamak için menü öğelerinin sayısını az tutun yardımcı olabilir. Uygulamak istediğiniz başka işlemleriniz varsa aşağıdakileri kullanabilirsiniz: her birinde farklı işlemler olan birden çok kart.

Hata mesajları

Bir sorun olduğunda sade bir dil kullanmak önemlidir. Açıklama veya sorunun nasıl çözüleceğini önerebilirsiniz.

  • Kullanıcının kodunuzun oluşturduğu istisnaları görmesine izin vermeyin. Bunun yerine istisnalara müdahale etmek için try...catch ifadelerini kullanın, ardından kullanıcı dostu bir hata mesajı.
  • Yayınlamadan önce eklentinizin hata ayıklama bilgilerini görüntülemediğinden emin olun görüntülenir.

Yardım içeriği

Yardım bilgilerini görüntüleyen veya kullanıcıya özel bir süreçtir. Web sitemiz g.co/newsinitiative'de kullanıyorsanız şunları unutmayın:

  • Mümkün olduğunda talimatları madde işaretli veya numaralı bir liste halinde gösterin. Yürüyüş kullanıcıları ve adlandırılmış kullanıcı arayüzü öğelerine açık referanslarla nihai sonuca kadar yürüyün.
  • Kurulum gibi gereksinimlerin talimatlarda net bir şekilde açıklandığından emin olun yeni bir e-tablo açabilirsiniz.
  • Destekleyici web sayfaları gibi harici yardım içeriklerine bağlantı vermekten çekinmeyin.

Resimler

Eklentinizde kullanılan resimler yerleşik simge türleri veya URL ile belirtilen, herkese açık olarak barındırılan bir resim olabilir. Barındırılan resimler kullanılırken eklentinizi kullanabilecek herkesin erişimine açık olduğundan emin olun.

Denetimler

Bu bölümde, şunun için kullanıcı deneyimi yönergeleri sunulur: Etkileşimli widget'lar.

Düğmeler

Kullanıcı arayüzünüzün ana işlemlerini denetlemek yerine diğer widget'ları kullanın.

  • Çoğu metin düğmesi etiketi bir fiil ile başlamalıdır.
  • Düğme satırları çoğu durumda üç veya daha az düğmeyle sınırlandırılmalıdır.

DecoratedText

DecoratedText widget'ları Metin içeriği simgeler, düğmeler veya anahtarlarla sunmanıza olanak tanır.

  • Metin içeriği için normal tümce düzeni kullanın.
  • DecoratedText widget'ının metni, kullanılabilir alan. Bu nedenle, metin içeriğini her zaman olabildiğince kısa tutun.

Seçim girişleri

Birbirinden farklı türde seçim giriş widget'ları görürsünüz: açılır seçim kutuları, onay kutuları ve radyo düğmeleri.

  • Kullanıcılar birden fazla seçenek belirleyebiliyorsa veya hiçbir seçenek belirtmiyorsa onay kutularını kullanın. Tam olarak bir seçeneğin belirlenmesi gerektiğinde radyo düğmelerini (veya bir seçim menüsünü) kullanın. Aynı zamanda alternatifler için kısa bir liste sunarken daha az yer kaplar.
  • Her seçeneğe atanan metin için normal tümce düzeni kullanın.
  • Seçim değişikliklerini büyük, gerisi zor işlemleri tetiklemek için kullanmaktan kaçının. çünkü insanlar seçim yaparken genellikle hata yaparlar. Bunun yerine geçerli seçim değerlerini okuyan ve ardından tetiklenen geri bildirim alırsınız.
  • Açılır listelerde seçenekleri alfabetik olarak veya mantıksal bir düzene göre sıralayın tüm kullanıcıların anlayabileceği şekilde (örneğin, haftanın pazartesi veya pazartesi itibarıyla olmak üzere) kesin,
  • Belirli bir seçim girişindeki seçeneklerin sayısını sınırlandır widget'ı makul bir sayıya ayarlayın. Çok fazla seçenek varsa kullanıcılar zor olabilir. Bu gibi durumlarda, ve birçok widget'a ayrılabilir.

Metin girişleri

Metin girişleri, kullanıcıların dize verileri girmesi için bir alan sağlar.

  • Kullanıcıyı belirli bir kümeden biri yapmak için metin girişi olası girişlerdir. Bunun yerine açılır menüden seçim yapın.
  • Kullanıcının doğru şekilde metin girmesine yardımcı olmak için ipuçları ve önerilerden yararlanın ve içeriği dikkate alın.
  • Girilecek metin birkaç satırdan büyükse çok satırlı metin girişleri kullanın kelimeler.

Marka bilinci oluşturma

Bu bölümde, marka öğeleri eklemeyle ilgili kullanıcı deneyimi yönergeleri sunulmaktadır özelliğini kullanın.

Eklentinizde

Eklentinizin kullanıcı arayüzüne marka eklemek istiyorsanız kısa ve öz tutun. Bu sayede kullanıcılar eklentinizin işlevine odaklanabilir.

  • Eklentinizin tüm özellikleri marka bilinci oluşturma kurallarımıza uygun olmalıdır.
  • "Google", "Gmail" veya diğer Google ürün adlarını eklemeyin.
  • Değiştirilmiş olsalar bile Google ürün simgelerini eklemeyin.
  • "Eklenti" kelimesini eklemeyin daha fazla bilgi edineceksiniz.
  • Marka bilinci oluşturma metni en fazla birkaç kelime olmalıdır.

Google Workspace Marketplace'te

Eklentinizi yayın için yapılandırdığınızda oluşturmak için bir dizi grafik ve metin öğesi sağlarsınız. Google Workspace Marketplace girişi.

Mağaza girişinizin ve bu öğelerin tüm özellikleri marka bilinci oluşturma kurallarımıza uygun olmalıdır.