Category Archives: Použiteľnosť
Nové GUI prvky na youtube
Prvý článok publikovaný cez wordpress app pre iphone
Test.
Máte starý internet
Google Chrome OS
Pre užívateľov bude bude nový operační systém k dispozícii v druhé polovici roku 2010. http://www.chromium.org/chromium-os
WordPress Audio Player plugin
Lepšia správa MySQL za pomoci Adminera
Vyzerá to lepšie ako phpmyadmin, má to rôzne vylepšováky, idem to vyskúšať a hodím viac info. http://www.adminer.org/sk/
Spellcheking plugin do wordpressu teraz opensource
Gettext v PHP na tvorbu multijazičných webov
Našiel som zaujímavý článok jedného slovenského blogera Linkescha, ktorý píše o jednom spôsobe ako robiť viacjazyčné webové stránky a projekty.
Robiť alebo nerobiť prototypy webových stránok?
Problémová oblasť:
- Klient dodá najviac nejaký excel súbor, aj to len málokedy.
- Klient nevie čo chce.
- Klient nevie ako to funguje štandardne a nevie ani ako to chce, aby to fungovalo.
- Klient nerozumie IT, technológii, procesom.
- Často krát klient nemá ani predstavu o dizajne, rozmiestnení prvkov, inzercie, …
Samozrejme sú výnimky. Niekedy ma prekvapí objednávateľ presnou špecifikáciou, rozumie sa problematike a dá mi konkrétne požiadavky.
Doteraz som väčšinou vždy nakreslil na stretnutí kopec obrázkov na papier, analyzoval potom požiadavky v hlave a dizajnoval rovno v grafickom programe. Zistil som však, že sa oplatí robiť ešte pred dizajnovaním prototyp webovej stránky, eshopu alebo aplikácie.
Výhody:
- Nezoberie to až tak veľa času a ušetrí veľa času v budúcnosti.
- Klient môže odsúhlasiť prototyp(rozmiestnenie prvkov, názvy položiek,…)
- Lepšie je mať niečo viditeľné a klikateľné na webe ako mať 50 stranovú špecifikáciu s nepresnými požiadavkami.
- Je to vlastne jedna z hlavných čŕt čoraz viac zaužívanejšieho prístupu ako je agilné programovanie .
- Dajú sa na prototype robiť používateľské testy.
- Vidí sa budúca funkcionalita. Dá sa lepšie naceniť.
- Vytvorí sa predstava o počte podstránok, viewov, o ich obsahu.
- Pokryjú sa aj scénáre použitia používateľa.
- Šablóny prototypu sa dajú transformovať aj do výslednej šablóny po vytvorení dizajnu.
- Jednoduchšie špecifikovanie dizajnu pre dizajnéra (niekedy to môže byť ale kontraproduktívne, keď sa obmedzí webdizajnér daným prototypom a nevymýšľa vlastné “kreatívne” rozmiestnenie elementov webovej stránky) .
Čo použiť?
Existujú CSS frameworky ako blue print, 960 grid system a veľa ďalších, kde sú vytvorené základné layoutovacie prvky, je definovaná základná typografia. Ideálne je použiť WYSIWYG editor. Naposledy keď som robil cenovú ponuku pre jeden eshop, tak som ešte pred tým vytvoril prototyp. Ľahšie sa komunikovali potreby, robil som to síce zadarmo netušiac, či vôbec získam danú zákazku. Je to riskantný krok, ale oplatil sa spraviť, lebo sa veci urýchlili. Asi 8 viewov mi trvalo ručne spraviť asi 2 hodiny, čo ma nezabilo. Myslím, že to muselo zaujať viac ako by som poslal len textovú špecifikáciu.
Nápad na Web 2.0 aplikáciu
Vytvoriť v budúcnosti webovú aplikáciu, v ktorej by sa dali prototypy robiť. Samozrejme to musí mať export ako validné XHTML, CSS, najvhodnejšie by bolo aj keby to je pripravené už aj na ďalší vývoj a nasadenie na ľubovoľnom CMS. Protyp by mal byť ale klikateľný, a preto rozmýšľam nad vytvorením aj nejakého maličkého frameworku, ktorý by sa staral o administráciu všetkých viewov, ich prelinkovanie. Išlo by hlavne o nástroj pre web dizajnérov. Preťahovanie elementov z roletky a podobné javascriptové vychytávky by sa takisto zišli. Niečo podobné už existuje a už som to aj zmienil na tomto blogu, ale to bolo skôr len za účelom skicovania, bolo to platené, nie je zatiaľ implementovaná interaktivita. Zišlo by sa niečo, čo sa dá robiť cez web, priamo na stretnutí s klientom a sautomatizuje to čo najviac činností. Uvidím ako na tom budem s časom. Ak si náhodou AJAX guru, tak sa ozvi kôli istej spolupráci.
Mockups – skicovanie aplikácií
Takto som vyriešil vyhľadávanie v jednom zadaní
Ak používate prehliadač firefox pre vyhľadávanie stlačte klávesovú skratku CTRL U a potom CTRL F. Zadajte hľadaný výraz a stlačte Enter.
Ak používate prehliadač internet explorer 7 pre vyhľadávanie kliknite na stránku pravým tlačidlom a vyberte možnosť view source. Potom slačte klávesovú skratku CTRL F a zadajte hľadaný výraz a stlačte Find Next.
Poznámka autora: použiteľnosť 0 bodov. Ale pobavili sme sa.
Anonymné surfovanie webom
Player videa na Vašich stránkach – Flowplayer
Podporuje vlastné efekty, vlastné GUI, skriptovanie a má aj free licenciu. Flowplayer
SEO není optimalizace pro vyhledávače
Marek Prokop, guru SEO v Čechách má zaujímavé čtení na zdrojaku o tom, že SEO nie je optimalizácia pre vyhľadávače, ale pre ľudí.
Fórum pre webmasterov na google
Fórum pre webmasterov na google. Môžete sa spýtať priamo zamestnancov googlu.

