{"id":91,"date":"2012-06-11T15:00:00","date_gmt":"2012-06-11T15:00:00","guid":{"rendered":"http:\/\/cdn.jevelin.shufflehound.com\/blog1\/?p=91"},"modified":"2012-06-16T20:24:42","modified_gmt":"2012-06-16T20:24:42","slug":"kullanici-deneyiminde-aramak-ve-bulmak","status":"publish","type":"post","link":"https:\/\/www.fatihsevinc.com\/blog\/kullanici-deneyiminde-aramak-ve-bulmak\/","title":{"rendered":"Kullan\u0131c\u0131 Deneyiminde Aramak ve Bulmak"},"content":{"rendered":"\n<p>Uzun ve yorucu bir g\u00fcn\u00fcn ard\u0131ndan karn\u0131n\u0131z\u0131n ac\u0131kt\u0131\u011f\u0131n\u0131 hissedip, internetten yemek sipari\u015f vermeye karar verdiniz. Al\u0131\u015fkanl\u0131klar\u0131n\u0131za ba\u011fl\u0131 olarak yemek sipari\u015fi verilecek <strong>web site<\/strong> veya <strong>uygulama<\/strong> \u00e7al\u0131\u015ft\u0131rd\u0131n\u0131z.\n<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">A-) Ne d\u00fc\u015f\u00fcn\u00fcr, ne yapars\u0131n\u0131z?<\/h4>\n\n\n\n<ol><li>Can\u0131n\u0131z\u0131n \u0131zgara k\u00f6fte \u00e7ekti\u011fini d\u00fc\u015f\u00fcnerek arama kutusuna <strong>\u2018Izgara K\u00f6fte\u2019<\/strong> yazars\u0131n\u0131z.<\/li><li>\u0130lk kar\u015f\u0131n\u0131za gelen <strong>Kampanya<\/strong> ve <strong>Fiyatlar\u0131na<\/strong> bak\u0131p ilginizi \u00e7eken menu veya yeme\u011fi se\u00e7ersiniz.<\/li><li>Ba\u015fkas\u0131n\u0131n da tecr\u00fcbe etti\u011fi <strong>menu<\/strong> ve <strong>yemekler<\/strong> aras\u0131ndan se\u00e7im yapars\u0131n\u0131z.<\/li><li>B\u00f6lgenize yak\u0131n restoranlardaki menu veya lezzetleri aramak i\u00e7in<strong> Select Box<\/strong>\u2019lardan b\u00f6lgenizi se\u00e7ersiniz.<\/li><\/ol>\n\n\n\n<p>\nG\u00f6r\u00fcld\u00fc\u011f\u00fc gibi kullan\u0131c\u0131lar bu d\u00f6rt farkl\u0131 yolu tercih edebilir. Bu tercihleri biraz daha kafa yorarak art\u0131rman\u0131z daha iyi sonu\u00e7lar alman\u0131z sa\u011flar. Daha basit anlatabilmek i\u00e7in d\u00f6rt alternatif \u00fczerinden devam edece\u011fim.\n<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">B-) B\u00f6yle kullan\u0131c\u0131 alternatifinin olaca\u011f\u0131 bir sitede b\u00fct\u00fcn kullan\u0131c\u0131lara istedikleri sistemi nas\u0131l sunabiliriz?<\/h4>\n\n\n\n<ol><li>Sitede mod\u00fcl sistemi kullan\u0131p, kullan\u0131c\u0131 \u00fcye olduktan sonra kendine \u00f6zel sayfas\u0131nda sadece istedikleri mod\u00fcl\u00fc istedi\u011fi yerde g\u00f6r\u00fcnt\u00fcleyebilmesini sa\u011flar\u0131z<\/li><li>T\u00fcm bu \u00f6zelliklerin her biri i\u00e7in ayr\u0131 sayfalar tasarlar ve istedi\u011fi \u00f6zelli\u011fi kullanabilmesi i\u00e7in menu \u00fczerinden se\u00e7im yapmas\u0131n\u0131 sa\u011flamaya \u00e7al\u0131\u015f\u0131r\u0131z. ( Menu \u00fczerine, Yemek Ara, Yak\u0131n B\u00f6lgeyi Ara gibi y\u00f6nlendirmeler ekleyerek.<\/li><li>Kuvvetli bir yard\u0131m b\u00f6l\u00fcm\u00fc (videolu, interaktif vb) haz\u0131rlayarak kullan\u0131c\u0131ya alt sayfan\u0131n derinliklerinde istedi\u011fini bulabilece\u011fini anlatmaya \u00e7al\u0131\u015f\u0131rs\u0131n\u0131z.<\/li><\/ol>\n\n\n\n<p>\n&nbsp;\n\nG\u00f6r\u00fcld\u00fc\u011f\u00fc bizim tasarlarken <strong>\u201carama kutusu olsun\u201d<\/strong> \u015feklinde d\u00fc\u015f\u00fcnd\u00fc\u011f\u00fcm\u00fcz basit bir olay sitenin temel kullan\u0131labilirlik altyap\u0131s\u0131n\u0131 olu\u015fturuyor. Bu y\u00fczden tasar\u0131ma ba\u015flamadan \u00f6nce mutlaka wireframe haz\u0131rlanarak kullan\u0131c\u0131n\u0131n nas\u0131l davranaca\u011f\u0131n\u0131 tespit etmek gerekiyor.\n\nYukar\u0131daki problemi basit\u00e7e \u00e7\u00f6z\u00fcmlemeye \u00e7al\u0131\u015f\u0131rsak,\n\nAc\u0131kt\u0131m! &nbsp;\u0130nternetten sipari\u015f verece\u011fim. Yemek sipari\u015fi verece\u011fim web sitesi veya uygulamay\u0131 a\u00e7\u0131yorum. Arama kutusuna <strong>\u201cIzgara K\u00f6fte\u201d<\/strong> yaz\u0131yorum. Sonu\u00e7lar kar\u015f\u0131ma g\u00f6rsel ve metin \u015feklinde listeleniyor.\n\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"745\" height=\"344\" src=\"https:\/\/www.fatihsevinc.com\/blog\/images\/arama-sonuclari-listesi-wireframe-1.jpg\" alt=\"\" class=\"wp-image-172\" srcset=\"https:\/\/www.fatihsevinc.com\/blog\/images\/arama-sonuclari-listesi-wireframe-1.jpg 745w, https:\/\/www.fatihsevinc.com\/blog\/images\/arama-sonuclari-listesi-wireframe-1-300x139.jpg 300w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/figure>\n\n\n\n<p>\n\nListelenen sonu\u00e7lar aras\u0131nda \u00fcst s\u0131rada bulunanlar benim b\u00f6lgeme yak\u0131n restoranlardaki \u0131zgara k\u00f6fteler ve benim arkada\u015flar\u0131m\u0131n be\u011feni ve\/veya yorum yapt\u0131\u011f\u0131 \u0131zgara k\u00f6fteler listeleniyor. Bunu anlatabilmek i\u00e7in liste i\u00e7erisinde ikon ve ufak simgeler ile tasar\u0131m fark\u0131 yarat\u0131l\u0131yor.\n\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"745\" height=\"500\" src=\"https:\/\/www.fatihsevinc.com\/blog\/images\/arama-sonuclari-secilen-urun-wireframe-1.jpg\" alt=\"\" class=\"wp-image-180\" srcset=\"https:\/\/www.fatihsevinc.com\/blog\/images\/arama-sonuclari-secilen-urun-wireframe-1.jpg 745w, https:\/\/www.fatihsevinc.com\/blog\/images\/arama-sonuclari-secilen-urun-wireframe-1-300x201.jpg 300w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/figure>\n\n\n\n<p>\n\nBu fark\u0131 hissedip arkada\u015f\u0131m Caner\u2019in daha \u00f6nceden sipari\u015f verip be\u011fenmi\u015f oldu\u011fu iki blok ilerideki <strong>&nbsp;&#8220;Muhte\u015fem K\u00f6fteci&#8221;<\/strong> den \u0131zgara k\u00f6fteyi se\u00e7iyorum. T\u0131klad\u0131\u011f\u0131mda daha sonra kapatmam gereken yeni bir sayfa veya pop-up a\u00e7\u0131lm\u0131yor. Se\u00e7ti\u011fim \u0131zgara k\u00f6fte kutusu <a title=\"Expandanle Menu\" href=\"http:\/\/www.onlineaspect.com\/2010\/05\/01\/simple-jquery_menu\/\" target=\"_blank\" rel=\"noopener noreferrer\">expandable<\/a> olarak a\u015fa\u011f\u0131ya do\u011fru uzayarak sayfa yenilenmeden \u0131zgara k\u00f6ftenin fiyat\u0131, i\u00e7erisinde hangi bilgilerin oldu\u011fu ve<strong> \u2018Sipari\u015f Ver\/Sepete Ekle\u2019<\/strong> butonunun oldu\u011fu ekran g\u00f6r\u00fcnt\u00fcleniyor.\n\nIzgara K\u00f6fteyi be\u011fenmi\u015f bir arkada\u015f\u0131m olmad\u0131\u011f\u0131n\u0131 d\u00fc\u015f\u00fcnelim. \u00d6yleyse \u00e7evremde iyi bir k\u00f6fteci olmad\u0131\u011f\u0131n\u0131 d\u00fc\u015f\u00fcnerek yemek menuleri aras\u0131ndan ba\u015fka bir yemek se\u00e7meyi d\u00fc\u015f\u00fcnd\u00fcm. Arama sonu\u00e7lar\u0131n\u0131 sekme haline getirerek yan\u0131nda yemek menulerimizi g\u00f6sterebiliriz.\n\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"745\" height=\"350\" src=\"https:\/\/www.fatihsevinc.com\/blog\/images\/arama-sonuclari-menuler-sekmesi-wireframe-1.jpg\" alt=\"\" class=\"wp-image-176\" srcset=\"https:\/\/www.fatihsevinc.com\/blog\/images\/arama-sonuclari-menuler-sekmesi-wireframe-1.jpg 745w, https:\/\/www.fatihsevinc.com\/blog\/images\/arama-sonuclari-menuler-sekmesi-wireframe-1-300x141.jpg 300w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/figure>\n\n\n\n<p>\n\nKullan\u0131c\u0131 ile daha fazla etkile\u015fime girebilmek i\u00e7in \u00fcr\u00fcn detay sayfas\u0131nda Puanlama, Yorum, Listeme Ekle, Favorilerime Ekle butonlar\u0131 eklemek zorunday\u0131z. Ancak bu kadar \u00e7ok butonu basit bir \u00fcr\u00fcn bilgisi ekran\u0131nda a\u015f\u0131r\u0131 dikkat \u00e7ekecek \u015fekilde sergilemeye \u00e7al\u0131\u015fmak \u00fcr\u00fcn\u00fc satma amac\u0131m\u0131zdan uzakla\u015fmam\u0131za neden olacakt\u0131r.\n\nG\u00f6rsel a\u00e7\u0131dan karga\u015fa yaratmayacak \u015fekilde, ilgiyi \u00fcr\u00fcn d\u0131\u015f\u0131na \u00e7\u0131karmadan, kullan\u0131c\u0131n\u0131n mouse ile \u00fczerinde olma ihtimali en yak\u0131n olan <strong>&#8220;Add to Basket&#8221;<\/strong> butonunun sa\u011f \u00fcst k\u00f6\u015fesine ikonlar yard\u0131m\u0131 ile ekleme \u00e7al\u0131\u015f\u0131yoruz.\n\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"745\" height=\"278\" src=\"https:\/\/www.fatihsevinc.com\/blog\/images\/urun-puanlama-favorilerime-ekleme-wireframe-1.jpg\" alt=\"\" class=\"wp-image-353\" srcset=\"https:\/\/www.fatihsevinc.com\/blog\/images\/urun-puanlama-favorilerime-ekleme-wireframe-1.jpg 745w, https:\/\/www.fatihsevinc.com\/blog\/images\/urun-puanlama-favorilerime-ekleme-wireframe-1-300x112.jpg 300w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/figure>\n\n\n\n<p>\n\nYorumlar\u0131 s\u00fcreki ekranda g\u00f6stermek yerine \u00fcr\u00fcn\u00fcn sa\u011f taraf\u0131na ekledi\u011fimiz navigasyona t\u0131klan\u0131nca g\u00f6z\u00fckecek \u015fekilde yorumlar\u0131 ekliyoruz.\n\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"745\" height=\"455\" src=\"https:\/\/www.fatihsevinc.com\/blog\/images\/urun-yorumlari-wireframe-1.jpg\" alt=\"\" class=\"wp-image-357\" srcset=\"https:\/\/www.fatihsevinc.com\/blog\/images\/urun-yorumlari-wireframe-1.jpg 745w, https:\/\/www.fatihsevinc.com\/blog\/images\/urun-yorumlari-wireframe-1-300x183.jpg 300w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/figure>\n\n\n\n<p>\n\nB&nbsp;sorusunun&nbsp; \u0130kinci &nbsp;alternatifine g\u00f6re kullan\u0131c\u0131ya biraz daha fazla se\u00e7enek sunmak i\u00e7in yeni \u00f6zellikler eklememiz gerekiyor. Restoranlar ve yemek menu\u2019lerini arama sonu\u00e7lar\u0131n\u0131n yan\u0131na&nbsp;<strong>tab sekmesi<\/strong>&nbsp;\u015feklinde eklersek kullan\u0131c\u0131 eski aramalar\u0131n\u0131 kaybetmeden&nbsp;<strong>menu<\/strong>&nbsp;ve <strong>restoranlar<\/strong> aras\u0131nda gezinebilir.\n\n<\/p>\n\n\n\n<p><strong>Yak\u0131n B\u00f6lgeleri<\/strong> arama gibi bir \u00f6zellik ekleyece\u011fimizi s\u00f6ylemi\u015ftik. Ancak <strong>\u2018Yak\u0131n B\u00f6lge\u2019<\/strong> kullan\u0131c\u0131 i\u00e7in g\u00f6receli bir kavram. Harita \u00fczerinde alan se\u00e7menin kullan\u0131c\u0131 i\u00e7in zor bir i\u015flem olmas\u0131 sebebiyle daha basit bir tasar\u0131m ile \u00e7\u00f6zmemiz gerekiyor.\n\nUfak bir beyin f\u0131rt\u0131nas\u0131 yaparak sipari\u015f s\u00fcrecinde kullan\u0131c\u0131n\u0131n kafas\u0131nda <strong>\u201cAcaba ka\u00e7 dakika gelir?\u201d <\/strong>sorusunun olu\u015ftu\u011funun fark\u0131na vard\u0131m. Soruya basit\u00e7e cevap verecek \u015fekilde, arama sonu\u00e7lar\u0131n\u0131n hemen \u00fcst k\u0131sm\u0131na yeni bir <strong>navigasyon<\/strong> ekliyoruz.\n\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"745\" height=\"354\" src=\"https:\/\/www.fatihsevinc.com\/blog\/images\/kac-dakikada-gelir-wireframe-1.jpg\" alt=\"\" class=\"wp-image-254\" srcset=\"https:\/\/www.fatihsevinc.com\/blog\/images\/kac-dakikada-gelir-wireframe-1.jpg 745w, https:\/\/www.fatihsevinc.com\/blog\/images\/kac-dakikada-gelir-wireframe-1-300x143.jpg 300w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/figure>\n\n\n\n<p>\n\nKullan\u0131c\u0131n\u0131n kafas\u0131nda olu\u015fan <strong>\u201cNe kadar?\u201d<\/strong> sorusuna cevap vermek i\u00e7in sa\u011f \u00fcst k\u00f6\u015feye fiyat aral\u0131\u011f\u0131 belirleyebilecekleri bir navigasyon yerle\u015ftiriyoruz. Fiyat aral\u0131\u011f\u0131 se\u00e7erken iki i\u015flem yapmam\u0131za gerek olmad\u0131\u011f\u0131n\u0131 anlayarak sadece ba\u015flang\u0131\u00e7 fiyat\u0131n\u0131 belirleyebilece\u011fi bir tasar\u0131m yap\u0131yoruz. &nbsp;Bu sayede kullan\u0131c\u0131 sayfay\u0131 a\u015fa\u011f\u0131ya s\u00fcr\u00fckledi\u011finde yeni eklenen \u00fcr\u00fcnler belirledi\u011fi fiyattan daha y\u00fcksek veya daha az \u00fcr\u00fcnler g\u00f6r\u00fcnt\u00fclenecek.\n\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"745\" height=\"191\" src=\"https:\/\/www.fatihsevinc.com\/blog\/images\/fiyat-araligi-belirleme-wireframe-1.jpg\" alt=\"\" class=\"wp-image-220\" srcset=\"https:\/\/www.fatihsevinc.com\/blog\/images\/fiyat-araligi-belirleme-wireframe-1.jpg 745w, https:\/\/www.fatihsevinc.com\/blog\/images\/fiyat-araligi-belirleme-wireframe-1-300x77.jpg 300w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/figure>\n\n\n\n<p>\n\nSonunda a\u015fa\u011f\u0131daki gibi bir wirerame \u00e7izmi\u015f olduk.\n\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"731\" height=\"1024\" src=\"https:\/\/www.fatihsevinc.com\/blog\/images\/kullanici-deneyimde-full-wireframe-1-731x1024.jpg\" alt=\"\" class=\"wp-image-258\" srcset=\"https:\/\/www.fatihsevinc.com\/blog\/images\/kullanici-deneyimde-full-wireframe-1-731x1024.jpg 731w, https:\/\/www.fatihsevinc.com\/blog\/images\/kullanici-deneyimde-full-wireframe-1-214x300.jpg 214w, https:\/\/www.fatihsevinc.com\/blog\/images\/kullanici-deneyimde-full-wireframe-1.jpg 745w\" sizes=\"(max-width: 731px) 100vw, 731px\" \/><\/figure>\n\n\n\n<p>\n\nBasit bir \u2018Arama\u2019 \u00f6zelli\u011fini sorgulayarak kullan\u0131c\u0131n\u0131n akl\u0131n\u0131 kar\u0131\u015ft\u0131rmada gezinebilece\u011fi basit ve kullan\u0131labilir bir wireframe haz\u0131rlamaya \u00e7al\u0131\u015ft\u0131m. Umar\u0131m yeterince aktarabilmi\u015fimdir.\n\nstrong<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Uzun ve yorucu bir g\u00fcn\u00fcn ard\u0131ndan karn\u0131n\u0131z\u0131n ac\u0131kt\u0131\u011f\u0131n\u0131 hissedip, internetten yemek sipari\u015f vermeye karar verdiniz. Al\u0131\u015fkanl\u0131klar\u0131n\u0131za ba\u011fl\u0131 olarak yemek sipari\u015fi verilecek web site veya uygulama \u00e7al\u0131\u015ft\u0131rd\u0131n\u0131z. A-) Ne d\u00fc\u015f\u00fcn\u00fcr, ne yapars\u0131n\u0131z? Can\u0131n\u0131z\u0131n \u0131zgara k\u00f6fte \u00e7ekti\u011fini d\u00fc\u015f\u00fcnerek arama kutusuna \u2018Izgara K\u00f6fte\u2019 yazars\u0131n\u0131z. \u0130lk kar\u015f\u0131n\u0131za gelen Kampanya ve Fiyatlar\u0131na bak\u0131p ilginizi \u00e7eken menu veya yeme\u011fi se\u00e7ersiniz. Ba\u015fkas\u0131n\u0131n [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":168,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,2,6,5,1],"tags":[56,54,53,55],"_links":{"self":[{"href":"https:\/\/www.fatihsevinc.com\/blog\/wp-json\/wp\/v2\/posts\/91"}],"collection":[{"href":"https:\/\/www.fatihsevinc.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fatihsevinc.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fatihsevinc.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fatihsevinc.com\/blog\/wp-json\/wp\/v2\/comments?post=91"}],"version-history":[{"count":3,"href":"https:\/\/www.fatihsevinc.com\/blog\/wp-json\/wp\/v2\/posts\/91\/revisions"}],"predecessor-version":[{"id":405,"href":"https:\/\/www.fatihsevinc.com\/blog\/wp-json\/wp\/v2\/posts\/91\/revisions\/405"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fatihsevinc.com\/blog\/wp-json\/wp\/v2\/media\/168"}],"wp:attachment":[{"href":"https:\/\/www.fatihsevinc.com\/blog\/wp-json\/wp\/v2\/media?parent=91"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fatihsevinc.com\/blog\/wp-json\/wp\/v2\/categories?post=91"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fatihsevinc.com\/blog\/wp-json\/wp\/v2\/tags?post=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}