Kullanıcı Arayüzü Tasarımı En İyi Uygulamaları ve Yaygın Hatalar

Bu makalenin sesli sürümünü dinleyin

UI tasarımcısı başlığı geleneksel grafik tasarımcıdan bir ayrılmayı önerse de, UI tasarımı hala görsel tasarım disiplininin tarihi geleneğinin bir parçasıdır.

Her hareket veya araçla, disiplin yeni grafik dilleri, düzenleri ve tasarım süreçlerini tanıttı. Tasarımcı, nesiller arasında baskı makinesinden Xerox'a veya kağıttan piksele geçişi destekledi. Bu kuşaklar boyunca grafik tasarım, her dönemin görsel dilini temsil etme sorumluluğunu üstlenmiştir.

UI tasarımı emekleme döneminden çıkarken, ne tür bir grafik dünyasının gelişmesini bekleyebiliriz? Mevcut yörüngeye dayanarak, gelecek kasvetli görünüyor. Günümüzde UI tasarımının çoğu standartlaştırılmış ve tekrarlanabilir hale geldi. Çevrimiçi tasarım tartışmaları, sınırları zorlamak veya yeni şeyler hayal etmek yerine tasarımların güvenli bir şekilde çalışmasını sağlamak için öğrenme kurallarına takılır.

UI tasarımcılarının kalıplara ve trendlere başvurma eğilimi, yalnızca yumuşak bir görsel ortam yaratmakla kalmamış, aynı zamanda süreçler giderek daha formüle edici hale geldikçe tasarımcının değerini de azaltmıştır.

Kullanıcı arayüzünün en iyi uygulamalarını ve yaygın hataları incelerken, en acil endişe teknik yeterlilik değil, tekrarlayan ve görsel olarak sıkıcı tasarımların saldırısından kaçınmaktır.

En yaygın beş kullanıcı arayüzü tasarım hatası:

1. UI tasarımcıları kural takıntılı hale geldi.
2. Izgara, UI tasarımcılarının yaratıcı sürecini kısıtlıyor.
3. UI tasarımı desenlerle standartlaştırılmıştır.
4. Yazı tipleri trajik bir şekilde yanlış anlaşılıyor.
5. Kontrast bir tasarım her derde deva değildir.

Yaygın Hata 1: UI Tasarımcıları Kurallara Takıntılı Oldu

Grafik tasarım dünyası her zaman bir dizi kural ve standardı takip etmiştir. Tasarım disiplinlerinde yaygın hatalar, çiğnenmiş standart bir kuralla yakından örtüşür. Bu açıdan tasarım kuralları güvenilir rehberler olarak görünmektedir.

Ancak her tasarım disiplininde yeni hareketler ve yaratıcı yenilikler bilinçli olarak kuralları çiğnemekten kaynaklanmıştır. Bu mümkündür, çünkü tasarım koşulludur ve tasarımcı takdirini gerektirir. Tasarım, sonlu cevapları olan bir süreç değildir. Bu nedenle tasarım kuralları, soğuk, katı gerçekler yerine kılavuz olarak düşünülmelidir. Deneyimli tasarımcı, kural kitabını ancak kutunun dışına çıkabilecek kadar bilir ve saygı duyar.

Tasarımın çevrimiçi olarak tartışılma şekli genellikle yapılacaklar ve yapılmayacaklar listeleri etrafında döner. Mükemmelliği Tasarlamanın 10 Kolay Adımında Ustalaşın! Ne yazık ki tasarım, çok daha sağlam bir ilke ve eğilim anlayışı gerektirir. İyi tasarıma giden yol, kontrol listelerine sistematik olarak bağlı kalmaktan geçmez.

İlginç bir şekilde, tasarımcılar kuralları çiğnemeyi bırakırsa, yaratıcı atılımlar yapılamaz. UI tasarımcıları, karar verme yeteneklerini geliştirmek yerine yalnızca yönergeleri takip etme becerisini geliştirirlerse, hızla alakasız hale gelebilirler. Çalışmamızın hazır şablonlardan daha fazla değer kattığını başka nasıl savunacağız?

“En İyi 10” Tasarım Kurallarına Dikkat Edin

Günümüzün UI tasarımı dünyasında tasarım kurallarıyla ilgili sorun, bunların bolluğudur. Tasarımcıların sorunları çözmesi gerekiyorsa, mevcut UI topluluğuna ve çözümlerine bakabilirler. Ancak, bu kılavuzların ve kuralların çokluğu onların güvenilirliğini zedelemektedir.

"En İyi Kullanıcı Arayüzü Tasarım Hataları" için bir Google araması, yarım milyon sonuç verir. Varsa, bu yazarların çoğunun birbiriyle aynı fikirde olma olasılığı nedir? Sunulan her bir tasarım ipucunun, bir okuyucunun tasarım problemleriyle doğru bir şekilde örtüşme olasılığı nedir?

Çoğu zaman, çevrimiçi eğitim makaleleri, bir konunun arkasındaki yol gösterici tasarım ilkelerinden ziyade akut sorunları tartışır. Sonuç olarak, yeni tasarımcılar tasarımın neden bu şekilde çalıştığını asla öğrenemezler. Bunun yerine, daha önce gelenlere bağımlı hale gelirler. Bu makalelerin çok azının tasarım denemelerini veya oyunu teşvik etmesi endişe verici değil mi?

Tasarımcılar, önceden belirlenmiş kurallar ve tasarım şablonlarından oluşan bir kitaptan ziyade yol gösterici ilkelerden oluşan bir araç setinden yararlanmalıdır. “Paralaks kaydırma için x'e ve karusel için y'ye basın. Seçim yapmadan önce, gezinme aracının trend olduğu en son blog gönderisine bakın. Sıkıcı-!

İpuçları ve “En İyi 10” Listeleri Öngörülebilir Trendleri Takip Ediyor

Trendler, tasarımcılar için abur cubur gibidir. Bunları takip etmek, başlangıçta bir miktar geri ödeme sunan ancak uzun vadede çok az değeri olan ucuz çözümler üretir. Trendleri takip eden tasarımcılar kendilerini hızlı bir şekilde tarihlendirir. Başka birinin tasarım yolunu takip etmenin ödülü mü? Profesyonel bir boşluk hissi.

Kendi stillerinizi ve sistemlerinizi icat etmek için çalışmanın zor bir iş olduğu doğrudur, ancak bu çabaya kesinlikle değer. Günlük kazançlar ve atılımlar tamamen size ait. Kopyalama konusunda tasarımcının ruhunu asla beslemeyen bir şey var.

Yaygın Hata #2: Izgara, UI Tasarımcılarının Yaratıcı Sürecini Kısıtlıyor

Kurallara karşı öfkeme rağmen, işte bir tane: Bir UI tasarımcısının ızgara olmadan çalışması imkansız. Web ve mobil arayüzler temel olarak piksel piksel organizasyona dayalıdır; bunun başka bir yolu yoktur.

Ancak bu, UI tasarımcılarının yalnızca ızgara merkezli görünümler için çaba göstermeleri gerektiği anlamına gelmez. Aynı şekilde, tasarımla ilgili tüm kararların bir ızgaraya dayalı olması için hiçbir neden yoktur.

Izgarayı Modaya Uygun Bir Araç Olarak Kullanmaktan Kaçının

Genel olarak, trendlere göre tasarım yapmak kötü tasarımla sonuçlanır. En iyi ihtimalle, eğilimler tatmin edici sonuçlara yol açar, ancak genel etkinin ezici olacağı neredeyse kesindir. Trend olmak sıradan olmaktır.

Bu nedenle, bir tasarımda bir ızgara kullanırken, ızgaranın bir araç olarak neler sunabileceğini ve ne iletebileceğini anlayın. Bir ızgaranın kısıtlamaları içindeki her şey eşit göründüğünden, ızgaralar genellikle tarafsızlığı temsil eder.

Izgaralar ayrıca tarafsız bir navigasyon deneyimine izin verir. Kullanıcılar, tasarımcının küratöryel elinden herhangi bir müdahale olmadan öğeden öğeye atlayabilir. Diğer gezinme yapıları ile tasarımcı, içeriği gruplandırabilir ve istenen dizileri daha kasıtlı olarak oluşturabilir.

Bir İş Akışı Olarak Izgarayı Varsayılan Olarak Ayarlamayın

Rhode Island School of Design (RISD) öğretim üyesi ve PIN-UP Magazine direktörü Dylan Fracareta, "çoğu insan 12 sütunlu bir ızgarayla başlar... çünkü bundan 3 ve 4 elde edebilirsiniz." Buradaki tehlike, tasarımcıların işlerini hemen önceden belirlemeleridir.

Bunu önlemek için Fracareta, nesneleri bir ızgara çizgisine fiziksel olarak yerleştirmek yerine, hareket aracını yalnızca belirlenen miktarlarda kullanır. Bunun, düzen oluşturma ve beklenmedik sonuçlar için potansiyel açma gibi çift etkisi vardır.

Eskiden tarayıcı için tasarım yapmak, kodu girip ne olduğunu görmek için bekleyeceğimiz anlamına geliyordu. Günümüzde web tasarımı, sürecin “daha ​​çok iki şeffaf kağıdı ayarlamak gibi” olduğu geleneksel yerleşim tasarımına benzer. Tasarımcılar olarak bizler bu süreçten nasıl yararlanabiliriz?

Izgaralar kısıtlayıcı olabilse de, en geleneksel organizasyon biçimlerimizden biridir. Izgara sezgiseldir. Izgara tarafsız ve alçakgönüllü. Izgaralar, içeriğin kendisi için konuşmasına ve kullanıcıların bir arayüzde kolayca gezinmesine izin verir. Şebekelerin kısıtlayıcılığına yönelik uyarılarıma rağmen, farklı dizilimler değişen düzeylerde rehberlik veya özgürlüğe izin veriyor.

Yaygın Hata #3: Kullanıcı Arayüzü Tasarımı Modellerle Standartlaştırıldı

Standartlaştırılmış tasarım öğeleri kavramı, UI tasarımından önce gelir. Mimari detaylar yüzyıllardır tekrarlanmış ve benzer tasarım koşullarına uygulanmıştır. Bu uygulama, insanların nadiren algıladığı bir binanın bölümleri için anlamlıdır.

Ancak, mimarlar mobilya boyutları ve tırabzan yükseklikleri gibi ortak unsurları standartlaştırdıktan sonra, insanlar ortaya çıkan bej fiziksel ortamlara ilgisiz kalmaya başladılar.

Sadece bu değil, standartlaştırılmış boyutların etkisiz olduğu kanıtlandı. İstatistiksel ortalamalara dayanarak, genellikle nüfusun geniş kesimlerine hizmet etmekte başarısız oldular. Tekrarlanabilir ayrıntıların yeri vardır, ancak eleştirel olarak kullanılmamalıdır.

Tasarımcılar Desenleri Ürün Olarak Kullanmamalıdır

Birçok UI tasarımcısı, kalıpları basit bir zaman kazandıran araçtan daha büyük bir şey olarak görür. Bunları karmaşık tasarım sorunlarına hazır çözümler olarak görüyorlar. Desenler, tasarımcının işini kolaylaştırmak için yinelenen görevleri ve yapay nesneleri standartlaştırmayı amaçlar. Ne yazık ki, atlıkarıncalar, sayfalandırma ve F-kalıpları gibi belirli kalıplar, arayüzlerimizin çoğunun tüm yapısı haline geldi.

Desen Kullanımı Gerekçeli mi?

Tasarımcılar kendilerine F-deseninin insanların web'de okuma biçimlerinin bir sonucu olarak var olduğunu söylüyorlar. Espen Brunborg, F-kalıp aşırı kullanımımızın bir sonucu olarak belki de insanların bu şekilde okuduğuna dikkat çekiyor. "Tek yaptıkları tarifi takip etmekse, web tasarımcılarına sahip olmanın ne anlamı var?" Brunborg soruyor.

Yaygın Hata #4: Yazı Tipleri Trajik Bir Şekilde Yanlış Anlaşılıyor

Birçok "Hızlı İpuçları" tasarım listesi, yazı tipleri için katı ve hızlı kurallar önerir. Her kural dini olarak haykırılır, “Yalnızca bir yazı tipi ailesi! Tek aralıklı yazı tipleri öldü! Ne pahasına olursa olsun ince yazı tiplerinden kaçının!” Bu sıcak havadan başka bir şey değil.

Tür, metin ve yazı tipleriyle ilgili tek meşru kurallar, okunaklılığı sağlamaya ve uygun anlamı aktarmaya odaklanır. Metin okunaklı olduğu sürece, çeşitli yazı tiplerini kullanma fırsatları olabilir. Kullanıcı arabirimi tasarımcısı, bir arabirimde uygulanan her yazı tipinin geçmişini, kullanımlarını ve tasarım amaçlarını bilme sorumluluğunu üstlenmelidir.

Yazı Tipi Okunabilirliği Üstün Hükümdar

Yazı biçimleri anlamı iletir ve okunabilirliği etkiler. Cihazlardaki okunabilirlik kurallarını çevreleyen tüm tartışmalarla birlikte, tasarımcılar yazı tipinin bir metin gövdesini estetik bir duyarlılıkla doldurmak için tasarlandığını unutuyorlar. Okunabilirlik çok önemlidir - bu tartışılmaz - ancak gerçekten açık bir hedef olmalıdır. Aksi takdirde, neden Helvetica veya Highway Gothic'in ötesinde bir şeye ihtiyacımız olsun ki?

Hatırlanması gereken en önemli şey, yazı tiplerinin yalnızca farklı okunabilirlik bağlamları için tasarlanmadığıdır. Ayrıca, anlamı iletmek ve metne incelikli ruh halleri vermek için de gereklidirler.

Her Ne pahasına olursa olsun İnce Yazı Tiplerinden Kaçınmak Mantıksız

Artık trend gelip gittiğine göre, yaygın bir tasarım eleştirisi, ince yazı tiplerinden tamamen kaçınmayı savunuyor. Ancak daha fazla düzenlemeye ihtiyacımız var mı? Amaç, yazı tiplerini destekleyen tasarım ilkelerini daha derinden anlamak olmamalı mı?

Bazı tasarımcılar, ince yazı tiplerinin cihazlar arasında okunmasının imkansız olduğuna veya güvenilmez olduğuna inanıyor. Yasal noktalar. Yine de bu, yazı tiplerinin yalnızca okunabilirlikle ilgili teknik bir seçim olarak anlaşıldığı UI tasarımının mevcut tartışmasında bir koşulu temsil ediyor. Tasarımla ilgili tek endişe okunabilirlikse, neden ince yazı tiplerini tamamen ortadan kaldırmıyorsunuz?

Daha bütünsel bir yaklaşım, ince bir yazı tipinin neden ve hangi bağlamlarda avantajlı olabileceğini anlamakla başlar. Kalın, kalın metinleri uzun uzun okumak, ince metinlere göre çok daha zordur. Yine de, kalın yazı tipleri daha fazla görsel ağırlık taşıdığından, başlıklar veya az metin içeren içerikler için daha uygundurlar.

İnce yazı tiplerinde genellikle serifler kullanılır ve bu da onları gövde metni için uygun hale getirir. Nasıl yani? Serif karakterleri hızlı bir şekilde arka arkaya görüntülendiğinde birlikte akar ve uzun okuma süreleri için onları daha rahat hale getirir.

Ek olarak, ince yazı tipleri genellikle zarafet taşıdıkları için seçilir. Görevi görsel bilgi olan bir müşteri için bir arayüz oluşturmak üzere bir tasarımcı tutulursa, işi yapmak için daha ağır bir yazı tipi bulmak zor olacaktır.

Yazı Tipleri Hiyerarşi Oluşturmak için Değişiklik Gerektirir

Yaygın bir UI tasarım hatası, yazı tipleri arasında yeterli varyasyonu sağlayamamaktır. Yazı tiplerini değiştirmek, bir arayüz içinde görsel bir hiyerarşi oluşturmaya yardımcı olan iyi bir gezinme aracıdır. Genel olarak, en büyük öğeler (veya en kalın yazı tipleri) en önemlidir ve en fazla görsel ağırlığı taşır. Görsel önem, kullanıcıların içerik başlıklarını ve sık kullanılan işlevleri tanımlamasına yardımcı olur.

Çok Fazla Varyasyon Hiyerarşiyi Zayıflatıyor

Her yazı tipi seçimini benzersiz kılmakla ilgili sorun, özellikle bir arayüz birçok yazı tipi içerdiğinde, hiçbir şeyin gerçekten göze çarpmamasıdır. Her yazı tipi farklıysa, kullanıcıların önemli içeriği tanıması veya görsel bir düzen duygusu oluşturması zorlaşır.

Yaygın Hata #5: Kontrast Bir Tasarımın Tedavisi Değildir

Birçok "En Önemli Hatalar" listesinde görünen ortak bir konu, UI tasarımcılarını düşük kontrastlı arayüzlerden kaçınmaya teşvik eder. Düşük kontrastlı tasarımların okunaksız ve etkisiz olduğu birçok durum olduğu doğrudur. Ancak benim endişem, ince yazı tipleriyle ilgili görüşlerime benzer şekilde, mutlak dil kullanımının homojen, yüksek kontrastlı bir tasarım kültürüne yol açmasıdır.

Varsayılan Olarak Yüksek Karşıtlığa Ayarlamak Dikkatsizdir

Yüksek kontrastlı görseller inkar edilemez derecede uyarıcı ve heyecan vericidir. Bununla birlikte, insan duygusal aralığı içinde iletmeye değer daha birçok durum vardır. Görsel olarak uyarıcı olmak görsel olarak da güvenli olabilir.

Örneğin, tüm çağdaş bilimkurgu film endüstrisini ele alalım. Görünüşe göre her yapım, izleyicileri heyecanlandırmak için siyah ve neon mavi görsellere başvurmuş. Daha geniş kapsamlı duygusal tepkileri kışkırtan hem yüksek hem de düşük kontrastlı görüntülerle anlatıları birbirine karıştırmak daha etkili olmaz mıydı?

İşlevsel olarak, bir arabirimdeki her öğe bir diğeriyle yüksek kontrasta sahipse, hiçbir şey öne çıkmaz. Bu, hiyerarşik bir araç olarak kontrastın potansiyel değerini yener. Durağan, modaya uygun tasarımlardan kaçınmak için farklı tasarım hareketlerini kurallardan ziyade araçlar olarak görmek şart.

Çözüm

En iyi ihtimalle tasarım kuralları kılavuzdur. Karar verme güvenliği sağlar ve tasarımcıları düşüncesiz seçimlerin tehlikeleri konusunda uyarır.

Tersine, tasarım kuralları yasa değildir. Kırılmaz değiller ve kesinlikle bizim tartışmasız teslimiyetimizi hak etmiyorlar. Aslında, tasarım kuralları, pervasızca takip edildiğinde, sorunları yaratıcı bir şekilde çözme yeteneğimizi zayıflatan ciddi koltuk değneği haline gelebilir.

Tasarımcılar bilim insanı değildir. Verdiğimiz her estetik karar için deneysel kanıt sağlamak zorunda değiliz. Mesleğimizin süreç ve kasıtlı yargılardan biri olduğu doğru, ancak içgüdü ve ustalığa yer var. Aslında, modaya uygun içeriğin darmadağın olduğu bir dünyada müşterilerimizin öne çıkmasına yardımcı olma becerimiz, yeni olasılıkları hayal etme istekliliğimize bağlıdır.

Deney yapmalıyız. oynamalıyız.

Görsel avantaj için kullanılacak tasarım kuralları vardır. Bükülebilirler, hatta kırılabilirler ama asla körü körüne takip edilmemelidirler.