{"id":62,"date":"2012-06-11T14:30:00","date_gmt":"2012-06-11T14:30:00","guid":{"rendered":"http:\/\/cdn.jevelin.shufflehound.com\/blog1\/?p=62"},"modified":"2012-06-11T17:54:29","modified_gmt":"2012-06-11T17:54:29","slug":"bir-uygulamayi-yeniden-tasarlamak","status":"publish","type":"post","link":"https:\/\/www.fatihsevinc.com\/blog\/bir-uygulamayi-yeniden-tasarlamak\/","title":{"rendered":"Bir Uygulamay\u0131 Yeniden Tasarlamak"},"content":{"rendered":"\n

Yak\u0131n zamanlarda \u201cHawthorne Labs\u201d\u0131n \u00e7\u0131karm\u0131\u015f oldu\u011fu Circle – Who’s Around You <\/strong>isimli basit bir uygulamay\u0131 tasarlama s\u00fcre\u00e7leri ger\u00e7ekten \u00e7ok dikkatimi \u00e7ekti.\n\nUygulama GPS ile sizin o andaki konumunuzu bulup, size yak\u0131n b\u00f6lgelerdeki kullan\u0131c\u0131lar ile ileti\u015fime ge\u00e7menize, arkada\u015f olarak eklemenizi sa\u011fl\u0131yor. Bu ve benzeri uygulamalar(Google Latude, Find my Friends vb) daha \u00f6nceden yap\u0131lm\u0131\u015f olmas\u0131na ra\u011fmen fark yaratacaklar\u0131n\u0131 d\u00fc\u015f\u00fcnerek b\u00f6yle bir uygulamay\u0131 geli\u015ftirmeyi d\u00fc\u015f\u00fcnm\u00fc\u015fler. Bu fark\u0131 yaratmak i\u00e7in ge\u00e7en s\u00fcreci ba\u015f\u0131ndan sonuna k\u0131saca anlatmaya \u00e7al\u0131\u015fm\u0131\u015flar.\n\nUygulama daha \u00f6nceden a\u015fa\u011f\u0131daki gibi tasarlanm\u0131\u015f. G\u00f6r\u00fcld\u00fc\u011f\u00fc gibi eli y\u00fcz\u00fc d\u00fczg\u00fcn, kesinlikle \u00e7ok k\u00f6t\u00fc denemeyecek bir tasar\u0131ma sahip.  Ama bir fark yaratm\u0131yor ve uygulaman\u0131n ilk bak\u0131\u015fta ne i\u015fe yarad\u0131\u011f\u0131n\u0131 anlayam\u0131yorsunuz.\n\n<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

\n\nFakat bu tasar\u0131mla ama\u00e7lar\u0131na ula\u015famam\u0131\u015flar ve uygulama yeterince ilgi g\u00f6rmemi\u015f. Pes etmeyerek 4 ayl\u0131k yeniden tasar\u0131m s\u00fcrecine ba\u015flam\u0131\u015flar.\n\n<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

\n\nA\u015fa\u011f\u0131daki \u00e7\u0131kard\u0131klar\u0131 ilk tasar\u0131m \u00e7al\u0131\u015fmas\u0131 ba\u015far\u0131l\u0131 olmasa da teknik olmayan kullan\u0131c\u0131lardan ald\u0131ktalar\u0131 geri d\u00f6n\u00fc\u015fler neticesinde, insanlar\u0131n uygulamada arama yapmad\u0131klar\u0131n\u0131 fark etmelerini ve bu konu \u00fczerine daha fazla d\u00fc\u015f\u00fcnmeleri gerekti\u011fini anlam\u0131\u015flar.\n\n<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Kullan\u0131labilirlikte \u2018arama\u2019 az\u0131msanamayacak kadar \u00f6nemlidir. Asl\u0131nda g\u00fcn i\u00e7erisinde hemen her \u015feyi arar\u0131z. \u0130nternette dola\u015facaksak browser arar\u0131z, bilgisayar\u0131 a\u00e7acaksak a\u00e7ma\/kapama butonu arar\u0131z vs. Web \u00e7al\u0131\u015fmalar\u0131nda ise arama k\u0131sm\u0131n\u0131 tasarlarken genelde arama kutusunun b\u00fcy\u00fckl\u00fc\u011f\u00fc, site \u00fczerindeki konumu, t\u0131klanmadan aramaya ba\u015flamas\u0131, h\u0131zl\u0131ca filtreleme yapmas\u0131 gibi \u00f6zellikleri g\u00f6z \u00f6n\u00fcnde bulundururuz. Ancak \u00e7evredeki arkada\u015flar\u0131 arayan bir uygulamada arama kutusu ve arama butonu kullan\u0131lmas\u0131n\u0131n gerekli olmad\u0131\u011f\u0131n\u0131 feedback\u2019lerden anlay\u0131p ikinci concept\u2019 lerinde daha farkl\u0131 bir \u00e7\u00f6z\u00fcm bulmu\u015flar. <\/p>\n\n\n\n

Yeni Concept \u00c7al\u0131\u015fmas\u0131 <\/strong><\/p>\n\n\n\n

Konumuza d\u00f6necek olursak, t\u00fcm bu beyin f\u0131rt\u0131nas\u0131ndan sonra ikince gece basit ve sade yeni bir concept tasarlam\u0131\u015flar. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Bu concepti bir gecede tasarlam\u0131\u015f olsalar da uygulaman\u0131n di\u011fer ekranlar\u0131 ve kullan\u0131labilirlik i\u00e7in 3 haftada 80\u2019in \u00fczerinde ekran varyasyonu yapm\u0131\u015flar. Bu kadar ekran alternatifleri aras\u0131nda \u201c\u015e\u00f6yle olsun, B\u00f6yle olsun\u201d diye detaylar \u00fczerinde d\u00fc\u015f\u00fcn\u00fcrken de \u00fc\u00e7 ayl\u0131k bir zaman dilimini geride b\u0131rakm\u0131\u015flar. \u0130kon Tasar\u0131m\u0131 <\/strong>Circle ad\u0131n\u0131 verdikleri bu uygulama i\u00e7in ismine ve amac\u0131na uygun bir ikon tasarlay\u0131p turuncu ve mavi olan alternatifleri aras\u0131nda se\u00e7im yapmakta biraz zorlanm\u0131\u015flar. \u0130\u015fi kolayla\u015ft\u0131rmak i\u00e7in her iki alternatif art\u0131 ve eksilerini listelemi\u015fler. \u00a0 <\/p>\n\n\n\n

Turucu ikon i\u00e7in;<\/strong><\/p>\n\n\n\n

  • Turuncu g\u00fcc\u00fcn rengidir. (+)<\/li>
  • S\u0131cak renkler aras\u0131nda yer al\u0131r.  (+)<\/li>
  • Di\u011fer sosyal uygulamalarda (Facebook, Twitter vb) kullan\u0131lmam\u0131\u015f.  (+)<\/li>
  • Texas\u2019l\u0131lar turuncu rengi sevmezler.  (-)<\/li><\/ul>\n\n\n\n

    Mavi ikon i\u00e7in;<\/strong><\/p>\n\n\n\n

    • <\/strong>Mavi uykunun, denizin, g\u00f6ky\u00fcz\u00fcn\u00fcn yani so\u011fuklu\u011fun rengidir.  (-)<\/li>
    • Di\u011fer Sosyal uygulamalar (Facebook, Twitter, FourSquar vb) mavi kullan\u0131yor.  (-)<\/li>
    • Turuncudan daha fazla be\u011fenilmedi.  (-)<\/li>
    • Gradient\u2019i daha rahat kullanabiliyorsunuz.  (+)<\/li><\/ul>\n\n\n\n

      \nTuruncu renkli olan ikon \u00e7ok daha avantajl\u0131 olmas\u0131na ra\u011fmen tasar\u0131mc\u0131n\u0131n her tart\u0131\u015fmay\u0131 kazanamayaca\u011f\u0131ndan L olsa gerek mavi renkli olan alternatifi se\u00e7mek durumunda kalm\u0131\u015flar.\n\nFoto\u011fraf Kullan\u0131m\u0131\n<\/strong>T\u00fcm ekran tasar\u0131mlar\u0131ndaki foto\u011fraflarda g\u00fczel model foto\u011fraflar\u0131 se\u00e7ilmi\u015f. Bu sayede basit olan alt ekran tasar\u0131mlara dahi estetik bir hava kat\u0131lm\u0131\u015f.\n\nAk\u0131ll\u0131ca yap\u0131lan bir \u00e7al\u0131\u015fma ile temiz ve kullan\u0131labilir \u015fekilde yeniden tasarlamay\u0131 ba\u015farm\u0131\u015flar. Uygulamay\u0131 buradan indirebilir veya a\u015fa\u011f\u0131daki tan\u0131t\u0131m videosunu izleyerek anlatmak istedi\u011fin “Fark yaratmak”<\/strong> kavram\u0131 daha iyi anlayabilirsiniz.\n\n<\/p>\n\n\n\n

      \n