"Agresif" dikenli "düğmelere karşı yuvarlatılmış" konusunda, iletişim kutularındaki standart düğmelerin konumu hakkında küçük bir tartışma geliştirildi ("Evet", "Hayır", "Tamam", "İptal"). Bu yazıda arayüz tasarımcılarının diyalog kutuları ile yaptığı ana hatalara bakıyorum.
Diyalog kutuları
Kendinizi ne sıklıkla, alışkanlıktan dolayı bir düğmeye bastığınız, tek bir sonuç almayı beklediğiniz, bunun yerine tam tersini elde ettiğiniz bir durumda buluyorsunuz? Veya, çıkış onayının çok anlaşılması güç diyaloğunun üzerinde "gezindi" diyebilirsiniz. Ya da belki "Kaydetme" dizisindeki sorularla karşılaşmışsınızdır. ve "Evet", "Hayır", "İptal" düğmeleri? Bunun nedeni, geliştiricilerin "yazılı olmayan tasarım kodunu" - kimsenin bulamadığı basit kuralları anlamamış olmalarından kaynaklanıyor, ama öyle oldu. Bu sorun özgür yazılım dünyasında yaygındır ve program arayüzleri sıkı bir şekilde standartlaştırılmış ve dikkatlice düşünülmüş büyük şirketlerin ürünlerinde neredeyse yoktur. Bazı örneklere bir göz atalım.Bu iyi bir diyalog. Çok basit, ihtiyacınız olan her şeye sahip ve gereksiz hiçbir şey yok. Sırayla gidelim:
- Hemen doğrudan ve kısa bir soru soruldu: "Değişiklikler kaydedilsin mi?"
- Kısa, anında net ve kolay anlaşılır yanıtlar: "Evet", "Hayır", "İptal".
- Cevap seçenekleri tek doğru ve uygun sırayla düzenlenmiştir.
- Doğru (vakaların% 90'ında) cevap zaten vurgulanmıştır - boşluğa güvenle basabilir ve daha fazla çalışmaya devam edebilirsiniz.
- Pencere başlığı. Sorunun özünü kopyalamak çok daha doğrudur - "Kaydedilsin mi?" Ancak öte yandan, bu iyidir, çünkü bu soru, kullanıcı başka bir uygulamayla çalıştığı anda ortaya çıkabilir. Yine de, özellikle başka bir programla çalışırken, Word kullanıcı müdahalesi olmadan aniden ne tür bir korku kapanacak? Karşıdan daha fazlası için. Bu nedenle, soruyu başlıkta çoğaltmak veya bir uzlaşma olarak, soruyla programın adını belirtmek daha iyidir ("Kaydet? - Microsoft Word").
- Simge. Microsoft ürünlerinde, diyaloğun tonunu ayarlamak için tasarlanmıştır, ancak genellikle geliştiriciler simge olarak yalnızca bir "ton" işareti değil, varsa bir eylem piktogramı kullanır. Örneğin, bu, aşağıdaki örnekte Kaydet simgesiyle yapılır. Bu konunun kapsamı dışında olduğu için, "Aşağı oklu disket veya HDD" sorusu üzerinde durmayacağım.
GNU Görüntü İşleme Programı (GIMP)
Bu kötü bir diyalog. Bilgi ile aşırı doygun, karmaşıktır. Listeyi gözden geçirelim:
- Soru çok uzun bir biçimde sunuldu ve bir nedenle "kapatmadan önce" eklendi. Bu soru soruluyor sadece bir belgeyi kapatırken neden "kapatmadan önce" yazasınız? Yine, neden "görüntüdeki" açıklamaya ihtiyacınız var? Bir grafik editöründeyim, kaptan bana resimlerle çalıştıklarını söylüyor. Her neyse, 3D Max bana "% file_name% dokularla kaplı 3B model grubundaki değişiklikleri kaydet?"
- Dahası, soruya uymayan çok uzun cevap seçenekleri (merhaba, Bashorg!). Düğmeler beyni benden ne istediklerini anlamaya zorluyor.
- Cevap seçenekleri, geliştiriciler için aynı sırayla düzenlenmiştir. Neden "Hayır", "İptal", "Evet"? "Dostum, zanaatların berbat, vidayı tıkama" diye nasıl ima edebilirler?
- Yanlış cevap vurgulanmıştır. Varsayılan teklif, kullanıcının bir hareketiyle bazı eylemler gerçekleştirmelidir. Windows'ta, her pencerede "İleri" yerine odağın "İptal" e atlayacağı bir yazılım yükleme iletişim kutusu hayal edin. Aptalca, değil mi?
- "Resmi kaydetmezseniz, son 3 dakikadaki tüm değişiklikler kaybolacak" ifadesinin neden eklendiği açık değil. Sevinirler beyler: Kaptan Apaçık'ın iş yerini buldum.
- Tasarruf hakkında konuştuğumuzu hemen netleştiren bilgilendirici bir simge.
- Pencerenin bilgilendirici (şüpheli) başlığı.
Bundan ne gibi sonuçlar çıkarılabilir:
- Yarım saat boyunca soruyu düşünmesine neden olmamak için kullanıcıya olabildiğince kısa bir soru sormanız gerekir.
- Olumsuz sorular kullanmayın ("Kaydetme?" Ve "Evet", "Hayır", "İptal").
- Yalnızca genel düğme sırasını kullanın (pozitif, negatif, nötr)
- Cevap seçenekleri basit ve öz olmalıdır. Bu, hızlı çalışması gereken bir programdır, herhangi bir şey hakkında saatlerce sohbet edebileceğiniz bir dilbilimci semineri değil.
- Gereksiz bilgi yazmayın. Tabii ki, son kayıttan bu yana ne kadar zaman geçtiğini düşünmeniz harika, ancak kullanıcı bu konuda mor ve diyalogda sadece dikkatini dağıtacak ve muhtemelen bir sersemletici hatta öfke yaratacaktır.
- Pencere başlığı da bilgilendirici olmalıdır.
- Simgeyi unutma. Konunun özünü olabildiğince yansıtmalı ve kolayca tanınabilir olmalıdır.
Modaller ve Uygula Düğmesi
Aynı sorun ayarlar pencerelerinde de ortaya çıkar. İşte doğru pencere (oh-pa, MS tekrar):
İki düğme: "Tamam" ve "İptal". Ve sağda "İptal". Öyleydi ve olacak. Ve bu doğru, çünkü herkes buna alıştı. Kullanıcı orada bir şeyi değiştirir ve aniden değişiklikleri kaydetmek için fikrini değiştirirse, sağ alttaki tuşa bakmayacaktır, çünkü orada iptali görmeye alışkındır (ve MS ürünlerinde vardır). Linux tamamen başka bir konudur. Katı kurallar ve standartlar yoktur, burada herkes istediği gibi yapar.
İlginç değil mi? Önceki pencerenin normal bir düğme düzeni olmasına rağmen. Geliştiricilere rehberlik eden şey - bir kirpi bilir. Bu hataları yazarların vicdanına bırakalım ve kendimiz için şu sonuca varacağız: en sağdaki düğme iptal (eğer bu özel bir durum değilse).
Microsoft Windows
Bir başka ilginç seçenek de Uygula düğmesidir. Oh, onunla ne hatıralarım var ... "Tamam" ı tıklamadan önce, tam otomasyonda "Uygula" tuşuna basıldı. Nedeni belli değil ama yine de :-)
Microsoft'un nedense pes etmek istemediği geçmişin kalıntısı. İletişim kutusunu kapatmadan değişiklikleri kaydetmek ve uygulamak için tasarlanmıştır. Ayarı değiştirdi - lütfen "Uygula" yı tıklayın. Bu, Windows 95 günlerinde bilgisayarların zayıf olması ve ayarların "anında" uygulanmasının asidik olmayan podzadumy PC'ye neden olması nedeniyle yapıldı. Şimdi, kendin yap nükleer makinelerin ve gemide dört konser beyin bulunan "ofis" atlarının olduğu günlerde, böyle bir sistem sadece gereksizdir.
Ubuntu Linux
Örneğin Gnome, ayarları anında uygulamak için bir sistem kullanır; fareyi resmin içine soktu ve hemen masaüstü duvar kağıdı oldu. "Uygula" / "Kaydet" i tıklamanıza gerek yoktur. Yalnızca bir düğme vardır - "Kapat". Ve kritik olmayan diyaloglarda başka hiçbir şeye ihtiyaç yoktur.
Sonuç olarak: "Uygula" düğmesinin çok az kullanımı vardır, bu nedenle kullanımı talep edilmektedir.
Prensip olarak, hepsi bu konuyla ilgilidir. Beyler, iyi, kullanıcı dostu arayüzler oluşturun. Kullanıcılarınız sevinsin!
Çoğu bilgisayar kullanıcısı bilgisayar faresini tam olarak kullanmaz. Bu makalede, fare kullanımına ilişkin ipuçlarını görecek ve bir bilgisayarla çalışırken birçok görevi kolaylaştıran bir fare ile çalışmanın sırlarını ve kullanışlı işlevlerini öğreneceksiniz.
Fare tekerleği.
Herkes fare tekerleğine aşinadır, bunun yardımıyla sayfaları çevirmek, metni serbest bırakmak ve yükseltmek vb. Çok uygundur. Ancak fare tekerleğinin, bazıları aşağıda listelenen başka kullanışlı özellikleri vardır:
- Fare tekerleği yalnızca bir tekerlek değil, aynı zamanda üçüncü bir düğmedir. Herhangi bir bağlantıya fare tekerleği ile tıkladığınızda sayfa yeni bir sekmede açılacaktır, bu sayfadan ayrılmak istemiyorsanız ve bağlantıda ne olduğunu ayrı ayrı görmek istiyorsanız çok kullanışlıdır. Tarayıcıdaki sekmeyi fare tekerleği ile de kapatabilirsiniz, sol düğmeyle çarpıya değil, tekerleğin sekmesine tıklamanız yeterlidir.
- Ayrıca, tarayıcıda, büyük sayfaları görüntülerken, örneğin aşağı gitmek için, bu sayfadaki orta düğmeye (tekerlek) basarak hızlı bir şekilde yukarı, aşağı, sola ve sağa hareket edebilir, hızı artırabilir veya azaltabilirsiniz, sadece imleci daha ileriye taşımanız yeterlidir.
- Ayrıca, web sayfalarındaki, yazı tipindeki vb. Belgeyi fare tekerleğini kullanarak büyütebilir ve küçültebilirsiniz, sadece Ctrl tuşunu basılı tutun ve tekerleği sırasıyla yukarı veya aşağı kaydırın, boyutu artırın veya azaltın.
- İnternette gezinirken ileri geri hareket edin. Shift tuşunu basılı tutarak ve fare tekerleğini kaydırarak, tarayıcıdaki sayfalar arasında ileri veya geri gidebilirsiniz.
- Bazı fareler, tekerleği sola veya sağa hareket ettirmenize izin verir, bu da tarayıcıdaki sayfalar arasında hareket etmenize olanak tanır.
Hızlı seçim.
Herhangi bir kelimeye çift tıklarsanız, seçilecektir ve üç kez tıklarsanız, paragrafın tamamı seçilecektir, bu da istediğiniz metni çok daha hızlı seçmenize olanak tanır.
Shift tuşu ve bilgisayar faresi.
Büyük bir metin seçmeniz ve tüm bunlar vurgulanana kadar kaydırmayı beklemeniz gerekiyorsa bu işlevi kullanmak çok kullanışlıdır, çünkü metin seçerken, fare çok uzun bir süre alçalır, ardından metni seçmek istediğiniz yere imleçle tıklamanız ve ardından Shift tuşunu basılı tutmanız yeterlidir. metnin sonuna tıklayın, her şey bir anda öne çıkacak ve beklemeye gerek kalmayacak.
Alt tuşu ve bilgisayar faresi.
Bonus ipucu: Bir metin düzenleyicide metni sürüklerken ve seçerken Alt tuşunu basılı tutmak, metni seçerek seçmenize olanak tanır. Metin bir sütunda ise bu yararlı olabilir.
Ctrl tuşu ve bilgisayar faresi.
- Örneğin fareniz yoksa, yalnızca dokunmatik yüzey kullandığınız bir dizüstü bilgisayarınız / netbook'unuz varsa, Ctrl tuşunu basılı tutup bağlantıya sol tıklayabilirsiniz, ardından yeni bir pencerede açılır.
- Ctrl tuşunu basılı tutarken, belirli nesneleri seçebilirsiniz, örneğin, büyük bir listeden bazı dağınık filmleri seçmeniz gerekir; görevi kolaylaştırmak için, Ctrl tuşunu basılı tutmanız ve istenen nesnelere sol tıklamanız yeterlidir.
Faredeki yan düğmeler.
Bazı bilgisayar farelerinin belirli bir işlev için programlanabilen yan düğmeleri vardır, bunlar değiştirilebilir ve ne koyacağınıza siz karar verirsiniz, asıl önemli olan bu düğmelerle bilgisayarda çalışmayı daha da kolaylaştırmaktır.
Bu işlev, çok sayıda iletişim kutusu kullanıyorsanız, örn. sık kullanımları, örneğin, bazı değişiklikleri kabul etmeniz veya reddetmeniz gerekir (Tamam / İptal), ardından bu işlevi etkinleştirdiğinizde, imleç otomatik olarak "Tamam", "Kabul Et" vb. düğmesine taşınacaktır. iletişim kutusundan çıktığında yapmanız gereken tek şey tıklamaktır, artık fareyi hareket ettirmenize gerek yoktur.
Bu özelliği nasıl etkinleştiririm? Her şey oldukça basit: "Başlat -\u003e Denetim Masası -\u003e Donanım ve Ses -\u003e Fare". "İşaretçi Seçenekleri" sekmesine gitmeniz ve "Varsayılan düğme" nin yanındaki kutuyu işaretlemeniz gereken bir pencere açılacaktır.
Fare ile pencere yönetimi.
- Üstte, açık bir pencerenin alanında çift tıklandığında, pencere otomatik olarak küçülür veya büyür.
- Ayrıca ekranın sol üst köşesine çift tıklanarak pencere kapanacak, bir defa tıklandığında özel pencere kontrol menüsü çıkacaktır.
Kendi imleci.
Kuşkusuz birçok insan, imlecin kendi başınıza değiştirilebileceğini biliyor, tüm bunlar aynı kontrol panelinde yapılıyor, bu sitede daha önce makalenin çok iyi olmadığı söylendiğinde, ancak asıl şeyin standart "ok" u daha fazla değiştirmenin seyri netleşeceğini düşünüyorum renkli, imleçleri internetten indirebilirsiniz.
Bilgisayar faresinin bu sırları bence bilgisayardaki çalışmanızı daha rahat hale getirmenize yardımcı olacak çünkü mouse ile yapılabilecek fonksiyonlar artık artacak.
Makalede daha önce bahsedilen iletişim kutuları, uygulamalarla (programlar) çalışırken ve kendisi tarafından kullanıcı tarafından görülebilir. Sistem veya program, çalışmaya devam etmek veya bazı eylemleri onaylamak için gerekli herhangi bir bilgi talebiyle kullanıcıyla iletişime geçtiğinde görünürler.
İletişim kutuları her zaman ön plandadır, geri kalanını kapatır (çalışır durumda). Kural olarak, boyutları değişmezler ve yalnızca bunları kapatabilirsiniz: seçimi onayladıktan sonra (Tamam, Uygula, İptal) veya kapatma düğmesine tıklayarak.
Windows iletişim kutuları kalıcı veya modelsiz olabilir.
Modal pencereler uygulamayı durdurur ve çalışmaya devam etmeden önce, bu penceredeki tüm komutları çalıştırmalı ve kapatmalısınız.
Kalıcı iletişim kutuları şu biçimde olabilir:
| Programla çalışmaya devam etmek için gerekli verileri veya parametreleri girmek (seçmek) gereklidir. |  |
| Kullanıcıya bir eylemin yapıldığını veya bir işlemin tamamlandığını bildirir. |  |
| Kullanıcının programın devam etmesine veya sona ermesine neden olacak bir eylem seçmesine izin verir. |  |
Modelsiz pencereler uygulamayı (programı) durdurmaz. Pencereleri kapatmadan, belge veya program penceresine gidip onlarla çalışabilir, ayrıca bir fare tıklamasıyla iletişim kutusuna geri dönebilirsiniz. Bir örnek, Yardım penceresidir.
İletişim kutuları çok farklı amaçlara sahip olabilir ve bir isteğe yanıt vermek için farklı alanlara ve düğmelere sahip olabilir. Karmaşık iletişim kutuları çok sayfalıdır ve birkaç sekmeden (yer imleri) oluşur.
Bir Windows iletişim kutusu genellikle bir başlık çubuğu ve pencere öğelerinden oluşur.
İletişim kutuları, bir isteğe yanıt vermek için bir dizi farklı alan ve düğme sağlar.
İletişim kutusunun temel öğeleri
İçeriği pencerenin amacına bağlıdır, ancak genel olarak, Windows işletim sisteminin tüm uygulamalarında öğeler kümesi tekrarlanır. O:
sekmeler (karmaşık pencere);
komut düğmeleri;
bayraklar (açma / kapama düğmeleri);
radyo düğmeleri (anahtarlar);
giriş alanları (metin alanları);
listeler ve açılır listeler;
kaydırıcı (sürgülü kontrol düğmesi).
Ana öğe türlerini düşünün:
| tüm parametreleri ve yapılan değişiklikleri kaydederek pencereyi kapatmak | |
| parametreleri ve yapılan değişiklikleri kaydetmeden pencereyi kapatmak | |
| pencereyi kapatmadan tüm parametreleri ve değişiklikleri kaydetmek | |
 |
kullanıcı, fareyle alanın içine tıklayarak klavyeden dikdörtgen alana metin girebilir |
| bu alanda hem klavyeden değerler girilebilir hem de sağdaki butonlara tıklanarak yukarı ok parametre değerlerini artırır, aşağı ok azalır | |
| seçim için mevcut nesnelerin bir listesini içerir, eğer liste alanın boyutundan büyükse, tüm listeyi görüntülemek için kaydırma çubukları görünecektir, istediğiniz fareye tıklayarak bir nesneyi seçebilirsiniz | |
| mevcut parametrenin değerini gösterir, butona tıklayarak tüm olası değerleri görüntüleyebilirsiniz - sağdaki üçgen | |
| İçinde veya noktasız renkli nokta olan bir daire (radyo düğmesi) - birbirini dışlayan parametrelerden yalnızca birinin seçimi (Rusça'da olduğu gibi birleşme "veya") Sol fare düğmesine tıklamak kullanıcının seçimini gösterir, diğer düğmeler işaretlenmez | |
| Kare alanın (onay kutusu) içindeki "onay işareti", yardımıyla, açıklamaları birbirinin yanında bulunan parametreleri etkinleştirebilir / devre dışı bırakabilirsiniz, aynı anda birkaç parametreyi aynı anda seçebilirsiniz ("ve" bağlantısına karşılık gelir) | |
| düğmeye tıklamak, iletişim kutusunun bağlam yardım modunu etkinleştirir, seçilen öğeye bu tıklama için, bir açıklama metni içeren dikdörtgen bir alan hemen görünecektir | |
| pencereyi kapatmak | |
 |
cetvel boyunca sola / sağa hareket ettirmek, parametre değerini belirli bir aralıkta (artırma / azaltma), örneğin ses seviyesi, fare hassasiyeti, klavye otomatik tekrar hızı vb. |
 |
bir dizi iletişim kutusunda, benzer parametreler sekmelerde gruplandırılmıştır: iki veya daha fazla; sekmeler, pencere başlık çubuğunun hemen altında bulunur; bir seferde yalnızca bir sekme ile çalışabilirsiniz, aktif olan ön plandadır ve pencereyi tamamen kaplar; adına tıklayarak bir sekmeyi değiştirebilirsiniz |
| önizleme, yapılan değişikliklerden ve seçilen parametrelerden sonra özel nesnenin nasıl görüneceğini gösterir |
İletişim kutuları için klavye kısayolları.
Alt + F4 - mevcut öğeyi kapatır veya aktif programdan çıkar
Ctrl + Sekme - sekmeleri sağ tarafa değiştirme (ileri)
Ctrl + Üst Karakter + Sekme - sekmeleri sola (geri) değiştirin
Sekme - düğmeler, alanlar, listeler, menüler, paneller vb. arasında sıralı hareket (sağdan aşağı)
Üst Karakter + Sekme - öğeler, düğmeler, alanlar, listeler, menüler, paneller vb. arasında ters sırada sıralı hareket (sola doğru)
Uzay - seçilen düğmeyi vurgulamanıza (basmanıza) olanak tanır, kutuyu işaretleyin
Alt + altı çizili harf - Alt tuşunu basılı tutarak pencere sekmesinin, listenin, alanın vb. adına bakın, harflerden birinin altı çizilir, klavyede ona basın ve seçilen öğeye gidersiniz
Ok tuşları - öğeler, seçenekler arasında gezinme
Bu, diyalog kutuları ve ana unsurları hakkındaki hikayeyi bitirir. Yorumlarda çalışma yöntemlerinizi, olumlu deneyimlerinizi veya sorunlarınızı ve zorluklarınızı paylaşın.