Perde Arkası: Neden UI Değişiklikleri Yaptık?

Yayınlanan: 2018-08-30

Geçtiğimiz birkaç ay içinde Elementor, bir milyon aktif yükleme işaretini geçmek için birkaç eklentiye katıldı. Elementor'un neden bir endüstri lideri haline geldiğini açıklayan çeşitli nedenler vardır, ancak üç temel neden, net vizyonumuz, topluluğumuzun desteği ve bu iki tarafın nasıl sinerjik olduğunu içerir.

Elementor topluluğu, başarımızın temeli olmuştur. İlk günden itibaren kullanıcılar bizi desteklediler, yaygınlaşmasına yardımcı oldular, çalışmalarımızdan bahsettiler ve paylaştılar. Hızla sıfırdan büyüdük ve bunu kesinlikle hafife almıyoruz.

İlk birkaç yıl genel olarak olumlu bir destek içeriyor olsa da, biz büyüdükçe ve bir milyonun üzerinde aktif kuruluma ulaştıkça, başka sesler de ortaya çıkmaya başladı. Bu mantıklı – bir milyon kullanıcı, bir milyon ihtiyaç ve istek.

Sağ Tıklamada Kargaşa

Elementor v2.1 için arayüzde önemli değişiklikler yaptık ve düzenleme tutamaçlarını bir ön uç menüsünden sağ tıklama menüsüne taşıdık. Bu güncelleme, Elementor topluluğunda çok sayıda konuşmaya neden oldu. Bazıları değişikliği beğendi, bazıları daha az.

İlk başta Değişimi Neden Yaptık?

Elementor'u WordPress'te web siteleri oluşturmak için yeni standart çözüm olarak görüyoruz. Bu, kullanıcıların tasarımlarına odaklanmalarını sağlayan temiz bir tasarım arayüzü sunmaya büyük önem veriyor.

Bunu düşündüğünüzde, Word veya PowerPoint gibi temel yazılımlar bile, başka hiçbir yazılım ön uçta silme ve çoğaltma düğmelerini görüntülemez.

Sağ tıklama, arayüzler için standart bir uygulama haline geldi ve klavye kısayollarıyla birleştiğinde, kullanıcılara akıcı bir süreç sunuyor. Çoklu ön uç tutamaçları, kullanıcılarımız arasında çok fazla kafa karışıklığına neden oldu ve bazen tutamaçlar gizlendiğinde, görünmez olduğunda veya kısmen diğer öğeler tarafından kaplandığında da çatışmalar yarattı.

Sağ tıklamaya geçiş, kopyala-yapıştır stilleri, en son gezinme ağacı ve daha fazlası gibi ek ve önemli yeteneklere de izin verdi.

Değişim için ve karşı sesler

Sağ tıklamanın yayınlanmasının ardından, Facebook topluluğunda öfkeli gönderiler ortaya çıktı. Ayrıca e-posta şikayetleri ve hatta sağ tıklama dışında ürünümüzü gerçekten seven kullanıcılar tarafından yapılan birkaç kötü inceleme aldık.

Bu şimdiye kadar aldığımız en kötü tepkiydi ve itiraf etmeliyim ki bizi şaşırttı. Uzun bir Beta dönemiyle birlikte bu değişikliği kontrol etmek ve kanıtlamak için uzun zaman harcadık. Açık kollarla kabul edileceğini ve kullanıcıların bunu önemli bir UX geliştirmesi olarak deneyimleyeceğini düşündük.

Tüm yorumları okuduk, birçok kullanıcıyla kişisel olarak konuştuk ve sürecimizde neyin yanlış gittiğini anlamaya çalışarak gerekli özeni gösterdik.

Geri bildiriminizi dinlemek

Ürünümüz için net bir vizyonumuz olsa da, kullanıcı geri bildirimlerini dinlemeye de aynı derecede önem veriyoruz. Aslında, ürün özelliklerimizin yaklaşık %80'i doğrudan kullanıcı geri bildirimlerinden gelir.

Sağ tıklama için, değişikliğin gerçekleşmesi gerekirken, onu serbest bırakmak için çok hızlı olduğumuz sonucuna vardık. Bu satırları yazarken, güncellemeden birkaç hafta sonra, ilk başta şikayet edenler bile, kullanıcılar buna alışmış görünüyor. Bu değişikliği adım adım uygulamaya koysak ve yavaş yavaş kullanıcıların buna alışmasını sağlasak daha iyi olabilirdik.

Geçtiğimiz birkaç ay içinde, tüm kullanıcıların Sağ Tıklamaya uyum sağlamasını kolaylaştırmak için çok çalıştık.

İşte yaptığımız şey:

Sağ Tıklama Eylemlerinin Farklılaştırılması

Kullanıcı araştırmamız sırasında, asıl UX sorununun ekstra tıklama olmadığını fark ettik. Önceki sürümlerde, kullanıcıların tutamaçları göstermek için zaten bir tutamaç alanının üzerine gelmesi gerekiyordu.

İncelendikten sonra, asıl sorun, hangi sağ tıklama öğesinin ne yaptığını tanımanın zorluğu gibi görünüyordu. Bu sorunla başa çıkmak için düzenleme, çoğaltma ve silme ve sütun düğmelerini eklemeye ilgili simgeleri ekledik. Bunu daha da kolaylaştırmak için, artık fareyle üzerine gelindiğinde görünen 'Sil'e kırmızı bir arka plan ekledik.

Daha İyi Klavye Kısayolları

Her ikisi de tasarım sürecinin ayrılmaz bir parçası olan klavye kısayollarının sağ tıklama menüsü ile bir kombinasyonunun kazanan set olduğuna inanmaya başladık. Kısa süre önce kısayol tuşlarımızın çalışma şeklini önemli ölçüde iyileştirdik ve bunları geliştirmeye devam etmeyi ve gelecekte daha fazla kısayol eklemeyi planladık.

Kademeli Değişim

Sağ tıklamaya verilen geri bildirimin karışık olduğunu vurgulamalıyım. Değişiklikle ilgili çok cesaret verici geri bildirimler aldık. Kullanıcılar, artan erişilebilirliğin yanı sıra kopyala-yapıştır özelliklerinin katma değerini övdü.

2.2'nin en son sürümünde, eski tutamaçları kaçıran kullanıcılara hitap etmeye ve onlara sağ tıklama menüsünün yanı sıra ön uç tutamaçlarını geri getirmenin bir yolunu sunmaya karar verdik. Çalışma yöntemlerini değiştirmenin zorluğunu anlıyoruz ve sağ tıklamaya daha kademeli bir geçiş sağlamak istiyoruz.

Nasıl Başladığınızı Geliştirmek

En iyi kullanıcı deneyimini sunma hedefimizin bir parçası olarak, sitemiz için planladığımız yeni bir eğitim kaynağını paylaşmak istiyorum. Bu kaynak, kullanıcıların Elementor'u nasıl daha iyi kullanacaklarını öğrenmelerine ve verimli bir çalışma süreci geliştirmelerine yardımcı olacaktır.

Elementor 2.2'yi yeni bir siteye yüklerseniz, kısa bir tanıtım videosu içeren bir 'Başlarken' penceresi eklediğimizi fark edeceksiniz. Bu, sayfa oluşturucumuz için işe alım sürecini kolaylaştırmaya yardımcı olacak, atmayı planladığımız birçok adımdan ilkidir.

Vizyonumuzla İlerlemek

Topluluğun yanı sıra büyümemizi artıran diğer ana neden, sadece rakamlarla değil, ürünümüz için net bir vizyonla yönetilen bir şirket olmamızdır.

WordPress web tasarımını iyileştirme konusunda net bir fikirle Elementor'u oluşturmak için yola çıktık. Hem tema şirketi hem de tasarım stüdyosu rollerini deneyimledikten sonra bu sektörden geldik ve onu yenilemeyi hedefledik.

Bu yaklaşımla kesinlikle büyümeye dayalı bir yaklaşım arasındaki temel fark, bazen popüler olmayan değişiklikler yapmamız ve bunu satışları artırmak için değil, ürünü optimize etmek için yapmamızdır.

Bu yaklaşım aynı zamanda, yalnızca yenilik adına yenilik yapmak için değil, ürünümüzün en küçük ayrıntılarını iyileştirmemiz için de bize güç veriyor.

Widget'ları Yeniden Adlandırma

Daha önce de belirttiğim gibi, rolümüzü ciddiye alıyoruz. Ekibimiz, en küçük ayrıntıları, hatta widget adlarını bile dikkate almaya çalışır. Yakın zamanda 'Sütunlar' widget'ının adını 'İç Bölüm' olarak değiştirdik.

Sürekli bir kullanıcı araştırması döneminde, her seviyeden kullanıcılar tarafından sık sık tekrarlanan rahatsız edici bir hata bulduk. Kullanıcıların sağ tıklamadaki 'Yeni sütun ekle' seçeneğini kullanarak yapmak yerine mevcut bir bölüme bir sütun eklemeleri gerektiğinde, kullanıcılar yanlışlıkla bir Sütunlar widget'ına sürüklediler.

Bu isim değişikliği, bugün erken saatlerde gruptaki bazı hoşnutsuz sesleri gündeme getirdi. Tamamen hayal kırıklığı ile ilgiliyim, çünkü ekibimiz artık widget'ın önceki adına atıfta bulunan birkaç YouTube eğiticimizi ve Dokümanımızı da yeniden yapmak zorunda.

Yine de değişikliği yaptık çünkü gelecekteki kullanıcılarımızın yanı sıra milyon kullanıcımızın daha iyilerini de göz önünde bulundurmak zorundayız.

Ne Öğrendik?

Değişiklikler, özellikle arayüzler açısından göz korkutucu olabilir. İşleri belirli bir şekilde yapmaya alışkınsınız ve beyniniz daha az çaba gerektiren otomatik davranışlar yapmak için süreçler geliştirir. Bir değişiklik – ister kullanıcı arayüzü tabanlı olsun, isterse yer değiştirme, yeni bir iş… yeni otomatik süreçler geliştirmeyi gerektirir ve çoğu zaman oldukça sinir bozucu olabilir. Ama bir süre sonra alışıyorsunuz (bir yerde iki hafta sürdüğünü okumuştum).

Elementor kullanıcısıysanız, projemizin bir parçasısınız. Bu, web siteleri oluşturmak için nihai çözümü oluşturmak için vizyonumuzu ve uzun vadeli ve sürekli görevimizi paylaştığınız anlamına gelir. Her zaman en iyi olmak, geri bildirim almak ve ilerlemek için çalışıyoruz. Bunu başarmak için sürekli değişiklik yapmamız gerekiyor.

Bu değişiklikleri daha akıcı ve daha az rahatsız edici bir şekilde yapmak için yeni yollar geliştiriyoruz. Yakın zamanda bir kullanıcı anketi yaptık, daha geniş bir KG departmanı geliştirmeye başladık, Beta sürümlerimizi uzattık ve daha iyi ürün içi ve çevrimiçi eğitim kaynakları oluşturmak için yola çıktık.

Özetliyor

Bu yazıyı, son güncellemelerle ilgili bakış açımızı sunmak için yazdım. Ayrıca büyümemize rağmen aynı kullanıcı odaklı zihniyetin yolumuza devam ettiğini de bilmenizi istedim. Sağlam, topluluk odaklı bir ürün geliştirmeye devam ederken, kullanıcılarımız olan her birinizle iletişimi iyileştirmenin yeni yollarını bulmayı planlıyoruz.