Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mobil UX

654 views

Published on

Userspots Sherlock ekibinden Oğuz Arıkan'ın şirket içi eğitimleri kapsamında katıldığı Mobil UX eğitiminde değerli bulduğu noktaları anlattığı sunumunu, sizlerle de paylaşmaktan mutluluk duyuyoruz!

Published in: Design
  • Login to see the comments

Mobil UX

  1. 1. Mobil UX
  2. 2. 2 Kimi zaman bireyler birbirini etkiler ve bu kitlelere yayılan bir etkiye dönüşür. Kimi zaman da, bir birey ya da bir kurum kitleleri tek başına etkileyebilecek ve yönlendirebilecek trendler yaratabilir. Teknoloji odaklı bir tasarım yaklaşımı hızlıca outdated olur ve kullanıcılarını aynı kısıtlarla birbirine bağlayan bir tasarım ortaya çıkar. Technology Focused vs. Human-Centered Design Approach Mobil UX
  3. 3. 3 Kimi zaman bireyler birbirini etkiler ve bu kitlelere yayılan bir etkiye dönüşür. Kimi zaman da, bir birey ya da bir kurum kitleleri tek başına etkileyebilecek ve yönlendirebilecek trendler yaratabilir. Kullanıcı odaklı bir tasarım yapmak ise daha uzun soluklu bir tasarım yapmanıza yardımcı olur. Ve kullancıya odaklanarak o ürünle alakalı kendi anlayışınızı ve yaklaşımınızı oluşturabilirsiniz. Technology Focused vs. Human-Centered Design Approach Mobil UX
  4. 4. 4 HEPSİPAY Example Based Learning Research Based Learning Tasarımda gitgide yerleşen al şunları direk kopyala mantığının yerleşmesine sebep oluyor. Just Fucking Do It ya da Fail Fast gibi daha ziyade girişimcilerin çok sık kullandıklarını, hızlıca çıkaralım mantığı yaygınlaştırıyor. Varolan bir çalışmanın iyi tarafları alınabileceği gibi kötü örnekleri de görmek ders çıkarmaya yardımcı oluyor. Birilerinin yaptıklarını taklit etmek yerine, kullanıcılar hakkında daha fazla bilgi sahibi olup, rakiplerinizden öne geçmenize yardımcı olabilir. Güncel pazarı ve kullanıcıyı daha iyi tanımanızı sağlar. Hızlı geri bildirimlerle sizi daha da ön plana çıkarır.
  5. 5. 5 Kimi zaman bireyler birbirini etkiler ve bu kitlelere yayılan bir etkiye dönüşür. Kimi zaman da, bir birey ya da bir kurum kitleleri tek başına etkileyebilecek ve yönlendirebilecek trendler yaratabilir. Tasarımcı insan beyninin limitlerini bilmelidir. Kısa süreli hafıza limitli ve yanıltıcı olabilir. Dolayısıyla bilginin doğru yerlerde, doğru şekillerde tekrar ettirmek önemli olacaktır. Limitations Of Human Memory Mobil UX
  6. 6. 6 HEPSİPAY Responsive Design Adaptive Design Browser’ın kullanıcının cihazıyla iletişime geçip medya kütüphanelerine göre hareket etmesidir. CSS’in teknik bir özelliğidir ve uzantısıdır. Ayrı ayrı tasarımlar yapmadan, cihazlarla da dost olan bir tasarım yapmanızı sağlar. Adaptive design’a responsive’in kuzeni diyebiliriz. Adaptive design’da önce text, sonra html, ses ve görseller browser ile iletişim kuruyor. Cihazlara göre kararlar alabilmeyi kolaylaştırıyor.
  7. 7. 7 GOALS OF MOBILE
  8. 8. 8 Easy To Use Mobil UX User know where controls are Discoverability is reduced No understanding is required Features are where users expect them to be Users feel in control
  9. 9. 9 HEPSİPAY Easy To Learn Mobil UX Users can find their way over time Users remember shortcuts, rules, routines Learning curve is short Confusion is minimized
  10. 10. 10 HEPSİPAY Satisfying Mobil UX Produces loyalty behaviour Users enjoy using it Users look forward to it Stress response is removed Users feel more bonded it
  11. 11. 11 HEPSİPAY Friction Free Mobil UX Don’t make user where to click Be clear about where they are, where they are going to Bond users to your app
  12. 12. 12 2RULES BEST PRACTICES 5
  13. 13. 13 Karanlık ya da aydınlık ortamda olabilirler. Tek elle, farklı parmak boyutlarında, farklı görebilme yetenekleri ve farklı teknik seviyelerden geliyorlar. Content Is Key For Mobile Mobil UX
  14. 14. 14 Ekranlarınızın şişko parmak dostu olması gerekiyor ve bunun için en az 44 px ebatlarında olması gerekiyor. Fat Finger Friendly. Always! Mobil UX
  15. 15. 15 S HEPSİPAY Layout Tasks Navigation Visual Control 1 2 3 4 5
  16. 16. S Make the main task apparent, have a clean layout. Avoid visual density. User right contrast and brightness Make the navigation pop. Visible controls, back button, navigation. 5 Best Practices Less play and more control. Mobil UX
  17. 17. TEŞEKKÜR EDERİZ İletişim Etkilab Ar-ge, Kullanıcı Araştırmaları, Danışmanlık ve Tasarım A.Ş. Eski Büyükdere Caddesi Sanayi Mahallesi Behçet Sokak Büyükdere İş Hanı No:2 Kat:1 Telefon: 0 212 272 77 66 Fax: 0 212 272 77 68 E-posta: iletisim@userspots.com

×