Novy design koncept – wireframe

Otevrene vyzyvam vsechny “odborniky” na design at me napisou komentar. Mam tady wireframy, ktere nakreslil Ondrej Prostrednik z www.lbstudio.sk (diky vypada to pekne) Konzultuji to se @synopsi, ktery to dela jako odreagovani po sve praci:-). I kdyz docela pochybuji, ze se odreaguje podle toho jake mame rozohnene diskuze po Skypu.Vetsinou me nadava za to, ze se ho ptam kdy to spusti nebo za to, ze odmitam vest nekonecne diskuze o prkotinach;-). Ale i takovi lidi co resi ty detaily jsou potreba, takze jsem mu za to vdecny. Ma u me za odmenu slibeny job v Shipito. To az proda za tezky balik Synopsi TV a bude si chtit hrat se statistikami a ladenim logistickych procesu (coz ho udajne bavi).

Ono to totiz vubec neni jednoduche si nejak v hlavne ujasnit jak vlastne Shipito prezentovat. Ma to byt hlavne jako preposilaci sluzba nebo se vice jako logisticka firma. Co zduraznovat a co potlacit. Mozna mi chybi ten nadhled. Snazim si ujasnit jake informace by meli byt co nejvyrazneji uvedeny. Cim se nejlepe prodat. Tady jsou dva navrhy wireframu. Tak me prosim ukazte jestli crowdsourcing funguje at mam z toho dobry pocit;-).


 

Spread the love

50 thoughts on “Novy design koncept – wireframe

  1. Ludi nezaujima, co ty robis. Ludi zaujimaju ich potreby.

    Co clovek potrebuje:
    Buy any goods in USA and send it to you, in your country for $8 USD +shipping cost!

    Co ty robis:
    We ship worldwide

  2. Ludi nezaujima, co ty robis. Ludi zaujimaju ich potreby.

    Co clovek potrebuje:
    Buy any goods in USA and send it to you, in your country for $8 USD +shipping cost!

    Co ty robis:
    We ship worldwide

    1. presne tohle sem jdu ted napsat – to tlacitko “Create account” bije do oci nejvic – odstranit a nahradit necim jako “buy and ship”. taky je tam vsude kolem hrozne moc omacky, to odradi. VSECHNO nahazet pryc a detaily skryt az pod odkazy, nebo se potencialni zakaznik poleka.

      1. Souhlasim s tim, ze “Create account” by bylo mozna vhodnejsi nahradit necim jako “Register, buy and shipito you” (easy as 1-2-3) – tohle si nech patentovat Johne :-). Je to takove na pohled az skoro familiarni a neotesane (nemuzu najit ten spravny vyraz 🙂 Osobne bych design ladil smerem k podobnemu vyobrazeni jako ty wireframy. Vypada to fakt luxusne a az redneckovsky jednoduse. B&W design pusobi seriozne a ne jako barevny cirkus. 🙂 (uff, no co jsem to zase sesmolil…)

  3. Ja by som bol za návrh č.2. Myslí­m, že dať do hlavnej sledovanej plochy obrazovky mapu sveta s nejakými bodmi je oveľa lepšie, ako tam dať 3 obálky. Ak by sa tá mapa ešte vylepšila (jasne by sa ukázali miesta, kde si niekto niečo kúpil, potom od toho miesta ší­pla do Shipita a z toho ší­pka do domu zákazní­ka), tak by to bolo podľa mňa oveľa lepšie. Aj to video v 3 stĺpci dole mi prí­de oveľa lepšie ako texty. Vo videu sa dá povedať toho o dosť viac, ako v texte…

  4. Ja by som bol za návrh č.2. Myslí­m, že dať do hlavnej sledovanej plochy obrazovky mapu sveta s nejakými bodmi je oveľa lepšie, ako tam dať 3 obálky. Ak by sa tá mapa ešte vylepšila (jasne by sa ukázali miesta, kde si niekto niečo kúpil, potom od toho miesta ší­pla do Shipita a z toho ší­pka do domu zákazní­ka), tak by to bolo podľa mňa oveľa lepšie. Aj to video v 3 stĺpci dole mi prí­de oveľa lepšie ako texty. Vo videu sa dá povedať toho o dosť viac, ako v texte…

  5. Obě varianty jsou dobré. Wireframe čí­slo 1 klade větší­ důraz na “call to action” a jasně ve třech krocí­ch ukazuje funkcionalitu Shipito. Primární­m cí­lem je donutit návštěvní­ka k registraci a provedení­ akce. Naproti tomu Wireframe čí­slo 2 ukazuje rozší­řenost služby, takže bych se snažil do čí­sla 1 zakomponovat tu mapu, napří­klad do hlavičky a ukázat to velké čí­slo, které dokazuje to, že služba je velmi zaběhnutá a využí­vaná. Video pěkné, ale udělal bych to formou odkazu na novou stránku. Všechny části Homepage jsou důležité a video zabí­rá mí­sto hodnotným informací­m. Přece jen je homepage většinou první­ stránka, na kterou se návštěvní­k stránek dostane, zde se rozhoduje, zda půjde dál, nebo odejde jinam.

    Jinak pěkné, jednoduché – důležité ukazovat reference, čí­sla, certifikáty kvality apod…

  6. “Otevrene vyzyvam vsechny “odborniky” na design at me napisou komentar. ” ANEB zdarma mi poraďte v hodnotě 20 tisí­c CZK. A to bez použití­ slova “prosí­m”…

  7. “Otevrene vyzyvam vsechny “odborniky” na design at me napisou komentar. ” ANEB zdarma mi poraďte v hodnotě 20 tisí­c CZK. A to bez použití­ slova “prosí­m”…

    1. No ja jsem tam psal ty uvozovky… 🙂 Odbornikum platim.. ale na payroll vsechny ctenare blogu nemuzu dat.. je to blog. Skutecne odborniky neocekavam, ze by mi na tom pracovali kvuli tomuto clanku.

    2. No ja jsem tam psal ty uvozovky… 🙂 Odbornikum platim.. ale na payroll vsechny ctenare blogu nemuzu dat.. je to blog. Skutecne odborniky neocekavam, ze by mi na tom pracovali kvuli tomuto clanku.

    3. @Beefer445 ja by som to takto neriesil 🙂 tento blog ludia navstevuju slobodne, a diskusia je to nieco ako online pivo 🙂 proste si sadneme pokecame o novych projektoch a pridame nejake nove napady, pripomienky. John si tiez nevybera $100 za pristup k obsahu ktory je mimochodom dost cenny.

    4. @Beefer445 ja by som to takto neriesil 🙂 tento blog ludia navstevuju slobodne, a diskusia je to nieco ako online pivo 🙂 proste si sadneme pokecame o novych projektoch a pridame nejake nove napady, pripomienky. John si tiez nevybera $100 za pristup k obsahu ktory je mimochodom dost cenny.

    5. “…zdarma mi poradte v hodnote 20k CZK…”. Za tuhle cenu tak mozna od nejakeho “odbornika” na predrazenem trhu v CR (ktery tohle mimochodem outsourcuje v Indii nebo Pakistanu). Za mene nez tretinu pres nejaky freelancer server. 🙂

  8. Nice, oba navrhy wirefrejmy, ciste (necudo, lb su dobri:-)

    Prvy ma vyhodu vizualizacie jednuduchosti objednavky – 3 zakladne kroky, v druhom je fajn pocet shipmentov. Podla mna je to silnejsie nez testimonial.

    Co by som riesil by bol asi button vytvorit ucet, no nazval by som to inak. Neklikal by som na to, neviem co to je za sluzba/ako este funguje, preco mam hned vytvarat ucet.
    Nazval by som to inak napr. “Pod nakupovat”, “Pod si vybrat”, “Vyskusaj to…””, “Pod dotoho”:-) Aspon na a/b testing, ze co to spravi.

    Este to video v rohu… Zvyraznit a vyssie/alebo vacsie, ak ma 30s, urcite ho ocekujem a nemusim citat web…

  9. Nice, oba navrhy wirefrejmy, ciste (necudo, lb su dobri:-)

    Prvy ma vyhodu vizualizacie jednuduchosti objednavky – 3 zakladne kroky, v druhom je fajn pocet shipmentov. Podla mna je to silnejsie nez testimonial.

    Co by som riesil by bol asi button vytvorit ucet, no nazval by som to inak. Neklikal by som na to, neviem co to je za sluzba/ako este funguje, preco mam hned vytvarat ucet.
    Nazval by som to inak napr. “Pod nakupovat”, “Pod si vybrat”, “Vyskusaj to…””, “Pod dotoho”:-) Aspon na a/b testing, ze co to spravi.

    Este to video v rohu… Zvyraznit a vyssie/alebo vacsie, ak ma 30s, urcite ho ocekujem a nemusim citat web…

  10. Nejsem zákazní­k, takže jeden BS názor:
    1) Vypadá jako MYus.com. Přesně.
    2) Stávají­cí­ se chtějí­ přihlásit. Klik naví­c zdržuje.
    3) Lowest prices, 2 easy programs, More services… Usnu, než dočtu.
    4) Video ano. Počí­tadlo ano.
    5) Ní­zký důraz na brand. Přeposí­lá kde kdo.
    6) Shipito pro podnikatele prezentovat zvlášť.
    7)První­ nebo druhou? Konkurence zvládla v jednom.

  11. Verze 1, ktera mi krasne ukaze, co presne tvoje sluzba dela. V pripade take a tour pridat ten samy obrazek, ale ukazat jeste skladani mensich krabicek do vetsi – konsolidace, coz je dalsi supr sluzba. Verze dva je sice fajn, ale zakaznikovi je imho ta mapa k prdu. A pridal bych tam to video z dvojky.

  12. Jednoznacne je lepsi prvni verze, ta mapa je jenom pro efekt, dokazal bych si ji mozna predstavit nekde vespod stranky. Ale i tu prvni verzi bych zmenil. Hlavni sdeleni (Shop in the…) bych nechal kde je. Pod nej bych dal co nejstrucnejsi a nejvystiznejsi vyjadreni toho co je Shipito, co umoznuje a pridal vyhody oproti konkurenci. To trikrokove “polopaticke” znazorneni bych vyplnil fotografii atraktivniho produktu -> realnych skladu Shipita -> Lidmi pri praci pri “vyrizovani baliku”. Zbytek smerem dolu se mne zda v poradku, Shipito in 30 seconds je vyborny napad.

  13. Súhlasí­m s Martin. Skí´r #2, zmeň claim (stačí­ 1, máš tam 2). Nezaují­ma ma worldwide, zaují­ma ma ku mne domov (možno geotargetova?). Nikto nikdy si nechce “Create an account”, všetci chcú “Start shipping!”, “Ship now!”, prí­p. to “Shipito in 30 seconds”. Testimoniali sa mi k takejto službe nehodia (lebo ma ví´bec nezaují­ma, či niečo načas došlo niekomu v inej krajine), skí´r nejaké záruky ohľadom času alebo ceny, možno niečo tipu “Last shipment shipped 37 seconds ago.” Claims zo sekcie 8 (lowest prices) sa dajú ukázať efektí­vnejšie – quotovať ceny, tie adresses in Nevada, HK, China dať aj na mapu. Zvážil by som použiť kredibilné logá firiem, od ktorých sa dajú package shipitovať (pri tomto biznis modeli sa dá dostať na vlastný homepage možno niečo ako Amazon, GAP, a podobne kredibilné a rozoznateľné.

      1. Nestesti zrovna asi ne, ale takovychto schemat najdes plno na strankach kazde podobne sluzby. Je treba se alespon trochu odlisit – vystoupit ze sediveho uniformniho prumeru k barevnemu odliseni. 🙂

  14. Já bych osobně ponechal první­ verzi. Ví­ce to lidem vysvětluje co děláte. Z té druhé verze bych vzal ten údaj o počtu balí­ků (to je celkem dobrý tahák pro nové, váhají­cí­ zákazní­ky, kteří­ si řeknou, když to využí­vá tolik lidí­, asi to bude dobré) a taky bych z té druhé verze vzal to video Shipito in 30 seconds.

    A na závěr ještě malou poznámku k angličtině. Správnější­ je “We help buyers around the world shop in the USA”.

  15. While we talk about site design….Recently I was unable to find out how to choose anything faster then “fast mail out”(which is actually pretty slow). But hey, that’s me. I’m busy, not a regular user, and not too bright.

  16. Za mna par postrehov

    – ako zakaznik na screene 2 jasne vidim (vizualne) odkial a kam mozem balik poslat

    – cislo 72 234 … informacia o tom kolko balikov bolo poslanych za poslendy tzyden, mesiac, rok vo mne vzbudzuje vacsiu doveru vo firmu

    – create an account je zle umiestnene, nevyrazne a musim sa vracat spat k hlavicke stranky

    – text create an account > mozno priatelnejsia informacia, Try it, sign up or login , new account

    – mozno by stalo za zvazenie doplnit “take tour” 3 slajdy kde su ukazane 3 najdolezitejsie korky , nakup, platba, ako to poslat

    Ciel tohoto webu je ukazat novym zakaznikom ze posielanie balikov cez shipito je jendoduche rychle a bezpecne a vytvorit potrebu aby si to chceli vyskusat.

  17. Ahoj Johne,

    1) create an account puts people off – start shipping je mnohem lepsi
    2) libi se mi video na wirefremu2. ja osobne se rada divam na intro videa, kdyz prijdu na stranku s novou sluzbou, o ktere nic nevim. Je to jednodussi a rychlejsi nez cist a neco zjistovat po cele strance
    3) cislo, kolik jste udelali zasilek by na me take pusobilo dobre. mozna i cislo, kolik jste usetrili lidem penez by mohlo byt zajimave
    4) osobne si nejsem jista, zda se mi libi ta mapa na druhem wireframu. Ja bych volila ty vysvetlujici ilustrace z prvniho wireframu

    1. so vsetkymi bodmi suhlasim, presne moj nazor 😉

      tiez bol super napad, co som cital vysie, zobrazit kolko uz sipoto zakaznikom usetrilo penazi. to je dovod, preco je sipito take uspesne, nie?

      1. umoznuje nakopovat v usa
      2. dokaze usetrit peniaze

  18. můj subjektivní­ názor: když jsem si nechal udělat grafiku na eshop, vždycky jsem se těšil na to, jak to bude vypadat, ale při výběru z ví­ce možností­ jsem se nikdy nemohl rozhodnout… takže chápu, že chceš slyšet klidně i blbý nápady… pár blbejch ode mně… mám rád barvy, takže barevnosti mě návrhy nijak nezaujaly, jako člověk, co se shipitem nemá nic společného, ani jako zákazní­k mě vždy štve jakákoliv registrace… mám rád vše bez registrace, adresu pří­jemce musí­ vyplnit každý, nejde to udělat tak jako u e-shopu, přihlašovací­ jméno se doplní­ automaticky z emailu, ten nikdo nezapomene a heslo přijde mailem s tí­m, že si ho každý může změnit, registrace se vyplní­ automaticky z adresy pří­jemce… určitě bych doplnil údaj o tom kolik stojí­ např. průměrně těžký balí­k do EU a nebo jinam do části světa, kam zrovna cí­lí­š nějakou reklamu na netu… lidi si tak udělají­ obrázek o tom, jak hodně je shipito výhodné…

    1. Jen malá informace: toto je wireframe (drátěný model), barvy se využí­vají­ minimálně. Samozřejmě, že při tvorbě grafického návrhu barvy budou, dle kreativity grafika a požadavků, nicméně ve wireframe se různé barvy využí­vají­ pouze pro oddělení­ jednotlivých částí­ (napří­klad hlavička a patička může mí­t šedivé pozadí­, aby se to oddělilo od obsahové části)

  19. Rozdily mezi obema nejsou tak velke a tady je moc maly vzorek testeru, aby z toho byl nejaky rozumny vystup. Proto bych povazoval za rozumnejsi vytvorit obe sablony, mesic nebo dva to prohanet pres Google Website Optimizer a pak vybrat uspesnejsi…

    Ono se muze jako lepsi volba ukazat ta, ktera na to vubec na prvni pohled nevypada. Nakonec, neucils nas to Johne ty, nenechat se odradit a presvedcit tim, co povidaji lidi a radeji si vse vyzkouset na vlastni kuzi? 😉

  20. Také preferuji první­ verzi, z druhé se mi lí­bí­ video a počty balí­ků, mapička by byla hezká někde dál, pokud toho posí­láte opravdu hodně různě po světě tak s animací­ kam zrovna třeba expedujete (rozsvěcování­ bodů na mapě?).

  21. Me tam v tech informacich chybi ty hlavni vyhody, proc to pouzivat. Podle me jsou 2:
    – nakupuj stejne jako american – dame ti americkou adresu
    – usetris na postovnym, je to vetsinou levnejsi, nez si posilat z obchodu primo do tve zeme (pokud to vubec jde)

    + ty dalsi vyhody bych dal nekde dolu

    Dale bych zjednodusil zalozeni uctu. Podle me by bylo hezke, kdyby misto “zalozeni uctu” (to moc lidi nemaj radi) by bylo “Try it now” a formular by po Tobe chtel jen tvoji postovni adresu + email. Rovnou by to zobrazilo Tvoji USA adresu jak bys psal tu svoji zahranicni (mozna s poznamkou Inactive) a po odeslani by se ti poslal aktivacni email, po prokliku zadani hesla + predpokladana velikost/hmotnost zasilky, spocitalo by to kolik to bude priblizne stat a nasledne tlacitko Aktivuj moji USA adresu. Vykaslal bych se na uvodni $8.5 deposit. Je to velke riziko?

    Typ uctu bych nechal uzivalte zvolit (pokud by to nezvolil pres administraci sam) pote, co prijde prvni balik. Neco jako “hej, mas tu prvni balik a pokud chces budes posilat vic a chces usetrit, tak muzes pouzit nas mesicni program.”.

    Jindra

  22. Osobne bych byl urcite pro wireframe c.2, myslim, ze zaujme kolemjdouciho navstevnika na prvni pohled mnohem vic nez c.1 a mapa je urcite prakticka, vyvola dobrou asociaci a urcite bude mit nejakou sikovnou interakci 🙂

  23. Nevěděl jsem, co to je wireframe, ale většina vzdušných zámků… promiňte, webů má úplně stejný koncept. A neví­m jestli je to dobře anebo špatně, hodně lidí­ to považuje za bezpečné. Velký napis Register a Create account všude tam kde se jen podí­vám ve mě vzbuzuje spí­še únavu, ale to možná proto, že tráví­m na webu spoustu času a můj mozek je zdecimován tunou vyskakují­cí­ch oken, která lákají­ na stejné kouzelné sloví­čka. Registruj se! Proč? Není­ lepší­ nejdří­ve zodpověďet tuto otázku a teprve pak vyzvat k akci? Jestli už bude třetí­ web, který navští­ví­, unaven rezignuje na další­ zkoumání­ možností­.
    Já jsem dlouho z webu nedokázal pochopit jak to přesně funguje, i když jsem četl tvůj blog. Ty balí­ky jsou na můj vkus fádní­. Dneska dostáváme různé balí­čky, balí­čky služeb, finanční­ balí­čky, většinou ve mě vzbuzují­ jakékoliv balí­ky pochybnosti. Co takhle ví­ce akce, jednoduchá obrysová animace: Balí­k se posadí­ na mapu USA, napadají­ do ní­ různé předměty, televize, playstation, něco jako základní­ deska, pak se zavře a přesune nad Evropu rychlostí­ jež zanechají­ na displeji šmouhy. Tam už bude čekat smajlí­k s bí­lými rukavičkami a vytáhne z krabice se zářivým úsměvem tričko.
    Žadné registruj se, vytvoř účet přes celou obrazovku. Produktem je štěstí­ člověka, který dostal svoji hračku.

  24. Myslí­m, že oba návrhy jsou dobrý. Jenom ty ifnormace na pravé straně, to už mi přijde nějak moc. Myslí­m, že když chci znát “detaily”, tak si klidně kliknu na nějakej link (když ho tedy hned najdu).

    Osobně by se mi nejví­c lí­bil návrh č.1 (předpokládám, že to jsou balí­ky a ne obálky) bez infa na pravé straně a s videem mí­sto more services.

    Ty balí­ky mi přijdou super, protože popisujou, jak to funguje. Možá by bylo dobrý na ty první­ dva dát nápis USA a na třetí­ Anywhere nabo Your Country (jj moc dlouhý:), což by ješte ví­c osvětlilo, jak přesne to funguje.

  25. Pre uplne noveho zakaznika mi pride lepsi koncept cislo 2. Pre staleho je asi lepsia jednotka. Zalezi od toho, ci chces novych zakaznikov, alebo stalych.

  26. Par postrehu ode mne:
    1 – na framu s mapou balik s hmotnosti a rozmery na casti s USA a animaci kde se presunuje na misto statu dle moji IP adresy vc. informace o cene za preposlani. Tato animace da pripadnemu klientovi mnohem vice nez nekolik radku dalsiho textu.
    2 – je zde maly duraz na branding Shipito. Shipito neni jen nejaka dalsi neznama stranka s nejakou dalsi sluzbou preposilani, je to znacka podobne jako eBay, Amazon, Buy, atp. Dobrym doplnenim preposilacich sluzeb by byl eshop s ruznymi predmety se znackou Shipito. Nemyslim tim zrovna hrnky ci propisky, ale nejake originalni predmety, ktere pobavi a klient si zapamatuje nazev Shipito.
    3 – vice durazu na propojeni affiliate s e-shopy v USA, ktere nezasilaji mimo domestic, dle meho nazoru je zde obrovsky prostor pro rozvoj a zvyseni obratu zasilek + samozrejme slusne procenta ze zisku za doporuceni mimo primou sluzbu preposilani zasilek. Proc nenabidnout potencionalnim klientum i primy zdroj odkud muzou rovnou nakupovat? Propojenim techto sluzeb ma potencial vytvorit opravdu velmi vynosny a prinosny business.

Leave a Reply

Your email address will not be published. Required fields are marked *