OktoPeople UX Trends 2016

20/04/2016

2016 UX Menüsünde Lezzetli Neler Var? (Kullanıcı Deneyimi Tasarımı ve Kullanılabilirlik)

OktoPeople

2

BU YILIN LEZZETLERİ

• Full Width Görseller - Tam Ekran • Arka Planı Videolu Siteler • Hamburger Menü’nün Yeniden Konumlandırılması • Web Push Bildirimleri • Mono-chrom - Tek Renkli Siteler • Animasyon, Hareketli Görsel Kullanımı • Bölünen Ekranlar • Card-base Tasarım • Kişiselleştirilmiş Deneyim • Dikkat Çekenler • Uzman Görüşü Örneği

OKTOPEOPLE KURUMSAL EĞİTİMLER

3

Full Width Örneği http://giflybike.com/

4

5

Full Width Örneği https://www.bugaboo.com/US/en_US/home

6

Full Width Örneği

1.FULL WIDTH (TAM GENİŞLİĞE SAHİP GÖRSELLER)

7

http://www.lifeofpimovie.com/

VİDEO ARKA PLANLAR

Dinamizm ve ambiyans bir arada.

8

2016 Mart Ayı Bülteni

HAMBURGER MENÜ YENİ YERİNİ SEVDİ

http://silenza.it/

9

WEB BİLDİRİMLERİ / PUSH NOTIFICATIONS

10

KİŞİSELLEŞTİRİLMİŞ DENEYİM

11

Card-Based Örneği

2.CARD-BASED SITELER (KART TASARIMLI SİTELER)

12

2.CARD-BASED SITELER (KART TASARIMLI SİTELER)

13

MONOKROMATİK TEK RENKLİ TASARIMLAR

Zıtlıkların uyumu, time saver!

14

MONOKROMATİK TEK RENKLİ TASARIMLAR

15

MOTION ANIMATION 360 VE DAHASI

https://www.bugaboo.com/US/en_US/strollers/bugaboo-cameleon3

16

BÖLÜNMÜŞ EKRAN DÜZENİ ÖRNEĞİ

BİLGİLERİN HİYERARŞİSİ BEYAZ ALANIN İHLALİ 5 SANİYE’DE DEĞER TEKLİFİ

17

Etkili Eylem Çağrısı Örneği

SINGLE COLUMN CTA (ETKİLİ EYLEM ÇAĞRISI)

• Sizi ‘’Let’s Get Started Today’’ Etkili Eyleme Çağrısı. • Kullanıcıyı bir sonraki adıma yönlendirir. Pazarlamada açısından

önem veren bir yere sahiptir çünkü hedef kitleyi yakalamada önemli bir avantaj sağlar.

18

Full Width Örneği

DİKKAT ÇEKENLER BUGABOO

19

Full Width Örneği

DİKKAT ÇEKENLER- BUGABOO

20

Full Width Örneği

21

Full Width Örneği

22

23

2016 Mart Ayı Bültenihttps://www.intercom.io/

DİKKAT ÇEKENLER

24

2016 Mart Ayı Bültenihttps://www.intercom.io/

DİKKAT ÇEKENLER

25

2016 Mart Ayı Bülteni

HERUSTİK ANALİZ-UZMAN GÖRÜŞÜ

https://www.intercom.io/

26

2016 Mart Ayı Bülteni

HERUSTİK ANALİZ-UZMAN GÖRÜŞÜ

https://www.intercom.io/

27

2016 Mart Ayı Bülteni

HERUSTİK ANALİZ-UZMAN GÖRÜŞÜ

https://www.intercom.io/

28

2016 Mart Ayı Bülteni

HERUSTİK ANALİZ-UZMAN GÖRÜŞÜ

https://www.intercom.io/

29

2016 Mart Ayı Bülteni

HERUSTİK ANALİZ-UZMAN GÖRÜŞÜ

https://www.intercom.io/

30

2016 Mart Ayı Bülteni

HERUSTİK ANALİZ-UZMAN GÖRÜŞÜ

https://www.intercom.io/

31

Bir sonraki görüşmeye kadar, Stay Tuned!

İrtibatta kalmak için, [email protected]