UI kullanıcı arayüzü demektir. Her şeyden önce UX’in bir parçası yani alt kümesidir. Nihai kullanıcının iletişime geçtiği mobil uygulama, internet sitesi, ATM, kioks ve daha ne kadar digital platform -konumuz digital- varsa ile iletişimi sırasında kullandığı arabirimin tamamıdır.  Bahsettiğimiz platform örneğin bir ATM ise nakit para yatırırken parayı yerleştirdiğimiz bölme, tuşlar, kredi kartını soktuğumuz yer, ekran, şifre girerken dışarıdan el hareketlerinin takibini zorlaştıran plastik parça ve diğer tüm objeler kullanıcı arayüzünü oluşturur. Söz konusu platform bir web sitesi veya mobil uygulamaysa tabii ki donanımsal değil yazılımsal öğeleri dikkate alıyoruz. UI ve UX arasında farklar vardır.
Web arayüz tasarımı bilgisayar dünyasının vazgeçilmezlerindendir. Kullandığınız Web tabanlı yazılımlarınız yada yazılımını üretebildiğiniz web siteniz var oldukça başarılı olduğunu düşünüyorsunuz. Bu konuda ne kadar başarılı bir yazılım ortaya çıkarırsanız çıkarın kullanıcılar sadece ön yüzü görür. Hazırladığınız Web arayüz tasarımı yapılan işi kullanıcılara sunmak bakımından çok önemlidir. Web arayüzü göze hoş görünmeyen karışık neyin nerde olduğunun anlaşılması için uzun uzun sayfa içinde gezilmesi gereken kullanıcı dostu olmayan bir tasarım ile yüksek beklentilerinizi malesef karşılayamazsınız. Tasarım yaptığınız Web Arayüzünün iskeletini oluştururken özellikle dikkat etmeniz gerekenler şöyledir. Her ortamda kolay erişilebilirlik (Accessibility), Sayfa kullanımında maksimum faydanın sağlanması, Ziyaretçi ve kullanıcı deneyimlerinin test etmek (User Experience – UX Design), Gereksiz görsel kullanımından kaçınılması ve ziyaretçinin göz zevkini hafife alınmaması, Mümkün olan en sade HTML ve CSS kodlama ile sayfaların yüklenme hızlarının artırılması, Hızlı ve rahat bir kullanımı sağlanması, Mümkün olan her browserda hazırlanan arayüzün test edilmesi (Cross Browser Test).
Web ve mobil UI’da dikkat etmeniz gereken diğer bir nokta ise yeniliktir. Uzun yıllar önce bir web sitesi yaptırıp iş dünyasındaki yerinizi yıllar önce alıp birde web sitesi ile internet üzerinden insanlara ulaştınız. Peki Web sitenizi en son ne zaman gözden geçirdiniz? Aynı zamanda uzun zamandır güncellemediğiniz sizi ve imajınızı artık tam olarak yansıtmayan artık yeterince dönüş alamadığınız bir web siteniz var. Web sayfanız bu halde ise web sitenizi yeniden yatırmayı düşünmenizin zamanı gelmişte geçiyor demektir. Bu durumda web sitenizin yeniden tasarlanması gerekir.
Güçlü bir şirket imajı geliştirdiniz yada geliştirmek istiyorsunuz fakat internetteki imajınız için yeterli yatırım yaptığınızdan emin değilsiniz. Hedef kitlenin bir şirketin kendisi ürünleri ve hizmetleri hakkında bilgi edinmek için başvurduğu ilk kaynak artık internet. Twitter, “Facebook, Youtube, Google Plus, Vimeo bu kelimeleri çok sık duyar hale geldiniz. Ancak henüz bu mecraların hiçbirinde yer almıyorsunuz. Web ve Mobil UI iskeletleri Şablon oluştururken online kurumsal kimliğinizin yepyeni ve önemli bir parçası haline gelecek sosyal medya araçlarından azami olarak faydalanmanızı sağlıyoruz. Android, iPad, iPhone, birçok platformda yer almamanız için hiçbir engel yok. Her platformda şirketinizi kurumunuzu ve projelerinizi eksiksiz sunun.
Web ve Mobil UI iskeletleri Şablon oluştururken internet üzerinde çok sayıda örnek tasarım hazırlama programı bulabiliyorsunuz. Bu programların bir çoğu web üzerinden çalışıyor ve kayıt olmanız şartı istiyor ya da kısıtlı bir kullanım imkanı veriyor. Çok sayıda Ücret talep eden servisler dışında ücretsiz olan ve tüm özelliklerini kullanabileceğiniz çıktısını alabileceğiniz araçlar da bulunuyor. Bunlardan başlıcaları Pencil, Mockup Builder, Lumzy, Gliffy, MockFlow Desktop, Frame Box, Maki, Mockabilly Lite, iPhone Mockup ve FluidIA’dır. bu araçlar sayesinde web ve Mobil IU iskeletleri şablon oluşturabilirsiniz.