{"id":220,"date":"2013-10-02T08:24:08","date_gmt":"2013-10-02T07:24:08","guid":{"rendered":"http:\/\/www.2day.sk\/blog\/?p=220"},"modified":"2013-10-24T19:45:53","modified_gmt":"2013-10-24T18:45:53","slug":"ako-sme-redizajnovali-superfakturu","status":"publish","type":"post","link":"https:\/\/www.2day.sk\/blog\/ako-sme-redizajnovali-superfakturu\/","title":{"rendered":"Ako sme redizajnovali SuperFakt\u00faru"},"content":{"rendered":"<p>Tento \u010dl\u00e1nok mal vyjs\u0165 u\u017e pred rokom, no tak dlho som odkladal jeho dop\u00edsanie, \u017ee som ho takmer odlo\u017eil nadobro. Nakoniec som si ale na\u0161iel \u010das na dokon\u010denie a po dllllllhom \u010dase op\u00e4\u0165 trochu poodhal\u00edm z\u00e1kulisie SuperFakt\u00fary.<\/p>\n<p>Pribli\u017ene po roku od spustenia slu\u017eby sme za\u010d\u00ednali poci\u0165ova\u0165 potrebu zmeni\u0165 vizu\u00e1l SuperFakt\u00fary. Samotn\u00fd dizajn nebol nijak hrozn\u00fd, ale mali sme minim\u00e1lne dva in\u00e9 d\u00f4vody na zmenu:<\/p>\n<ul>\n<li>S prib\u00fadan\u00edm nov\u00fdch funkcional\u00edt bolo st\u00e1le n\u00e1ro\u010dnej\u0161ie zapracov\u00e1va\u0165 ich do existuj\u00faceho dizajnu. Bolo to u\u017e tak trochu zn\u00e1sil\u0148ovanie.<\/li>\n<li>Za ten jeden rok slu\u017eba vyr\u00e1stla. Z pubert\u00e1lneho decka sa st\u00e1va zrel\u00fd \u010dlovek a treba to uk\u00e1za\u0165 aj svetu.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-251\" alt=\"SuperFakt\u00fara - p\u00f4vodn\u00fd dizajn\" src=\"https:\/\/www.2day.sk\/blog\/wp-content\/uploads\/sf_povodnydizajn.jpg\" width=\"530\" height=\"262\" srcset=\"https:\/\/www.2day.sk\/blog\/wp-content\/uploads\/sf_povodnydizajn.jpg 530w, https:\/\/www.2day.sk\/blog\/wp-content\/uploads\/sf_povodnydizajn-300x148.jpg 300w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/><\/p>\n<p>Tak\u017ee v apr\u00edli 2012 som za\u010dal pracova\u0165 na novom dizajne. Na za\u010diatku som si stanovil nieko\u013eko bodov, ktor\u00fdch som sa chcel dr\u017ea\u0165:<\/p>\n<ul>\n<li>Nov\u00fd vizu\u00e1l nem\u00f4\u017ee by\u0165 pr\u00edli\u0161 odli\u0161n\u00fd od p\u00f4vodn\u00e9ho. Nechceme nikomu sp\u00f4sobi\u0165 \u0161ok<\/li>\n<li>V bud\u00facnosti nesmie by\u0165 dizajn prek\u00e1\u017ekou pri roz\u0161irovan\u00ed funkci\u00ed syst\u00e9mu. Mus\u00ed by\u0165 na to pripraven\u00fd<\/li>\n<li>Rovnako tak treba myslie\u0165 na preklady aplik\u00e1cie do r\u00f4znych jazykov<\/li>\n<li>Slu\u017eba v novom kab\u00e1te mus\u00ed vzbudzova\u0165 d\u00f4veru, vyzretos\u0165. Ale pritom je st\u00e1le d\u00f4le\u017eit\u00e9 zachova\u0165 si svie\u017eos\u0165 a mlad\u00e9ho ducha \ud83d\ude09<\/li>\n<\/ul>\n<p>Po p\u00e1r t\u00fd\u017ed\u0148och bol nov\u00fd dizajn hotov\u00fd. Po \u010fal\u0161\u00edch p\u00e1r d\u0148och boli zapracovan\u00e9 aj pripomienky kadekoho z t\u00edmu. Tak\u017ee sme mohli za\u010da\u0165 nasadzova\u0165.<\/p>\n<p>Najjednoduch\u0161ie by bolo skokom vymeni\u0165 star\u00fd dizajn za nov\u00fd a necha\u0165 \u013eud\u00ed to nejak\u00fdm sp\u00f4sobom pre\u017eu\u0165. To som ale nechcel robi\u0165. Som presved\u010den\u00fd, \u017ee akoko\u013evek dobr\u00fd redizajn sa podar\u00ed, v\u017edy si n\u00e1jde svojich vern\u00fdch odporcov. Nakoniec pr\u00edkladov je ve\u013ea, niektor\u00e9 slu\u017eby boli dokonca n\u00faten\u00e9 sa po p\u00e1r d\u0148och vr\u00e1ti\u0165 k p\u00f4vodn\u00e9mu dizajnu, ak bol po\u010det odporcov ne\u00fanosn\u00fd. A tomu sme sa chceli vyhn\u00fa\u0165.<\/p>\n<p>Po\u010dkali sme na letn\u00fa uhorkov\u00fa sez\u00f3nu a cel\u00fd postup nasadzovania som rozvrhol na \u010do najmen\u0161ie kroky. Tie sme potom od za\u010diatku j\u00fala 2012 postupne aplikovali. Ka\u017ed\u00fa tak\u00fato zmenu sme nechali nieko\u013eko dn\u00ed (ob\u010das a\u017e dva t\u00fd\u017edne) fungova\u0165, k\u00fdm sme prist\u00fapili k \u010fal\u0161iemu kroku. Cie\u013e bol jasn\u00fd: nikto si nesmie v\u0161imn\u00fa\u0165, \u017ee sa nie\u010do z\u00e1sadn\u00e9 men\u00ed. Uvar\u00edme pou\u017e\u00edvate\u013eov postupne a ve\u013emi pomaly;) Niektor\u00e9 kroky boli tak mal\u00e9, \u017ee sa n\u00e1m to pri nich naozaj podarilo. Pri t\u00fdch v\u00e4\u010d\u0161\u00edch, ktor\u00fdm sa nedalo vyhn\u00fa\u0165, sme museli by\u0165 o to viac opatrn\u00ed.<\/p>\n<p>Redizajn sa t\u00fdkal takmer v\u0161etk\u00fdch existuj\u00facich podstr\u00e1nok. T\u00fdch element\u00e1rnych krokov bolo zhruba 10. Najd\u00f4le\u017eitej\u0161\u00edch \u0161es\u0165 z nich v\u00e1m najlep\u0161ie uk\u00e1\u017eem na obrazovke &#8220;Zoznam fakt\u00far&#8221;:<\/p>\n<div class=\"blog_image_left\">Krok 0 &#8211; p\u00f4vodn\u00e1 verzia<br \/>\n<a class=\"colorbox\" href=\"https:\/\/www.2day.sk\/blog\/wp-content\/uploads\/sf_redizajn_krok0.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-2747\" alt=\"SuperFakt\u00fara prv\u00e1 verzia\" src=\"https:\/\/www.2day.sk\/blog\/wp-content\/uploads\/sf_redizajn_krok0-300x177.jpg\" width=\"300\" height=\"177\" \/><\/a><\/div>\n<div class=\"blog_image_right\">Krok 1<br \/>\n<a class=\"colorbox\" href=\"https:\/\/www.2day.sk\/blog\/wp-content\/uploads\/sf_redizajn_krok1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-2747\" alt=\"SuperFakt\u00fara prv\u00e1 verzia\" src=\"https:\/\/www.2day.sk\/blog\/wp-content\/uploads\/sf_redizajn_krok1-300x177.jpg\" width=\"300\" height=\"177\" \/><\/a><\/div>\n<div class=\"blog_image_left\">Krok 2<br \/>\n<a class=\"colorbox\" href=\"https:\/\/www.2day.sk\/blog\/wp-content\/uploads\/sf_redizajn_krok2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-2747\" alt=\"SuperFakt\u00fara prv\u00e1 verzia\" src=\"https:\/\/www.2day.sk\/blog\/wp-content\/uploads\/sf_redizajn_krok2-300x177.jpg\" width=\"300\" height=\"177\" \/><\/a><\/div>\n<div class=\"blog_image_right\">Krok 3<br \/>\n<a class=\"colorbox\" href=\"https:\/\/www.2day.sk\/blog\/wp-content\/uploads\/sf_redizajn_krok3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-2747\" alt=\"SuperFakt\u00fara prv\u00e1 verzia\" src=\"https:\/\/www.2day.sk\/blog\/wp-content\/uploads\/sf_redizajn_krok3-300x177.jpg\" width=\"300\" height=\"177\" \/><\/a><\/div>\n<div class=\"blog_image_left\">Krok 4<br \/>\n<a class=\"colorbox\" href=\"https:\/\/www.2day.sk\/blog\/wp-content\/uploads\/sf_redizajn_krok4.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-2747\" alt=\"SuperFakt\u00fara prv\u00e1 verzia\" src=\"https:\/\/www.2day.sk\/blog\/wp-content\/uploads\/sf_redizajn_krok4-300x177.jpg\" width=\"300\" height=\"177\" \/><\/a><\/div>\n<div class=\"blog_image_right\">Krok 5<br \/>\n<a class=\"colorbox\" href=\"https:\/\/www.2day.sk\/blog\/wp-content\/uploads\/sf_redizajn_krok5.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-2747\" alt=\"SuperFakt\u00fara prv\u00e1 verzia\" src=\"https:\/\/www.2day.sk\/blog\/wp-content\/uploads\/sf_redizajn_krok5-300x177.jpg\" width=\"300\" height=\"177\" \/><\/a><\/div>\n<div class=\"blog_image_left\">Krok 6 &#8211; fin\u00e1lna verzia<br \/>\n<a class=\"colorbox\" href=\"https:\/\/www.2day.sk\/blog\/wp-content\/uploads\/sf_redizajn_krok6.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-2747\" alt=\"SuperFakt\u00fara prv\u00e1 verzia\" src=\"https:\/\/www.2day.sk\/blog\/wp-content\/uploads\/sf_redizajn_krok6-300x177.jpg\" width=\"300\" height=\"177\" \/><\/a><\/div>\n<div class=\"float_end\"><\/div>\n<p>Cel\u00fd proces zmeny dizajnu n\u00e1m tak\u00fdmto sp\u00f4sobom trval pribli\u017ene 10 t\u00fd\u017ed\u0148ov. Negat\u00edvne ohlasy boli po\u010das tohto procesu dva. Obaja sa s\u0165a\u017eovali na to, \u017ee sa im hlavi\u010dka str\u00e1nky s logom SuperFakt\u00fary p\u00e1\u010dila viac na tmavom pozad\u00ed. S t\u00fdmto s\u00fahlas\u00edm, ale tu som musel urobi\u0165 kompromis. Chceli sme toti\u017eto, aby si u\u017e\u00edvatelia SuperFakt\u00fary mohli vymeni\u0165 na\u0161e logo v hlavi\u010dke za svoje. Z\u00edskaj\u00fa tak osobnej\u0161\u00ed vz\u0165ah k produktu, bud\u00fa sa c\u00edti\u0165 v syst\u00e9me dom\u00e1ckej\u0161ie a bud\u00fa k nemu aj loaj\u00e1lnej\u0161\u00ed. A ke\u010f\u017ee v\u00e4\u010d\u0161ina logotypov je na svetlom pozad\u00ed, musela tam teda zosta\u0165 biela.<br \/>\nPozit\u00edvne ohlasy, ak si dobre pam\u00e4t\u00e1m, neboli \u017eiadne. Ute\u0161ujem sa t\u00fdm, \u017ee to bolo pr\u00e1ve kv\u00f4li tomu, \u017ee rozlo\u017een\u00edm na viac krokov sa n\u00e1m cel\u00fd proces redizajnu podarilo naozaj dobre zamaskova\u0165 \ud83d\ude09<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tento \u010dl\u00e1nok mal vyjs\u0165 u\u017e pred rokom, no tak dlho som odkladal jeho dop\u00edsanie, \u017ee som ho takmer odlo\u017eil nadobro. Nakoniec som si ale na\u0161iel \u010das na dokon\u010denie a po dllllllhom \u010dase op\u00e4\u0165 trochu poodhal\u00edm z\u00e1kulisie SuperFakt\u00fary. Pribli\u017ene po roku od spustenia slu\u017eby sme za\u010d\u00ednali poci\u0165ova\u0165 potrebu zmeni\u0165 vizu\u00e1l SuperFakt\u00fary. Samotn\u00fd dizajn nebol nijak hrozn\u00fd, [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-220","post","type-post","status-publish","format-standard","hentry","category-design"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.2day.sk\/blog\/wp-json\/wp\/v2\/posts\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.2day.sk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.2day.sk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.2day.sk\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.2day.sk\/blog\/wp-json\/wp\/v2\/comments?post=220"}],"version-history":[{"count":5,"href":"https:\/\/www.2day.sk\/blog\/wp-json\/wp\/v2\/posts\/220\/revisions"}],"predecessor-version":[{"id":266,"href":"https:\/\/www.2day.sk\/blog\/wp-json\/wp\/v2\/posts\/220\/revisions\/266"}],"wp:attachment":[{"href":"https:\/\/www.2day.sk\/blog\/wp-json\/wp\/v2\/media?parent=220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.2day.sk\/blog\/wp-json\/wp\/v2\/categories?post=220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.2day.sk\/blog\/wp-json\/wp\/v2\/tags?post=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}