Jak bych vylepšil Foto.mapy.cz

Nějakou dobu používám Foto.mapy.cz a snad jsem získal určitý odstup k sepsání připomínek k této webové aplikaci. Vedle fotomap často používám Panoramio a Flickr. Oba zmíněné weby považuji za velmi kvalitní weby ve svém oboru, kterým by se fotomapy od Seznamu měly přiblížit. V tomto spotu se zaměřím hlavně na činnosti spojené s přidáváním fotek do fotomap.

Nahrávání fotek

Řeč bude o stránce Nahrát fotografie (poznámka: mnohé odkazy jsou dostupné až po přihlášení). Na této stránce mi nejvíc vadí zbytečný klik navíc. Ve výchozím stavu je na stránce textové pole pro cestu k souboru, tlačítko pro výběr fotografie a IMHO zbytečný odkaz Přidat další fotografii. Panoramio si vystačí pouze s textovým polem a tlačítkem. Po výběru fotky totiž Panoramio zobrazí rovnou nové textové pole s tlačítkem.

Po výběru všech fotek je potřeba stisknout tlačítko Načíst fotografie. Na pomalejším připojení nebo při větším počtu fotek uživatel netuší, jestli fotomapy něco dělají. Možná by stálo za to nějakým zřetelným způsobem informovat o probíhajícím uploadu.

Foto.mapy.cz považuji především za aplikaci pro geotagging fotografií. Proto bych oddělil tuto hlavní činnost (propojení fotky s místem jejího pořízení) od zbytku (popis fotky, označkování atd.). Fotomapy mají totiž přiřazování vlastnosti fotek dost nepřehledné. Panoramio v prvním kroku po nahrání umožňuje popis fotky a přiřazení polohy. Až na další stránce se doplňují další informace.

Vlastnosti fotek

Stránka pro nastavení vlastností fotek působí chaoticky. Textboxy jsou rozházené, na stránce je hodně stylů a barev písma, pořadí polí taky není nejlepší. Zamrzí, že není vidět jméno souboru konkrétní fotky. Sám mám ve jménu souboru fotky jméno vyfoceného subjektu. Proto by mi zobrazení jména souboru pomohlo při pojmenování fotky.

Docela nevzhledné je orámování náhledů fotek, které předpokládá, že všichni fotí kompakty do formátu 4:3. Náhledy jsou zbytečně obaleny do nehezkých okrajů. Tento jev se táhne celými fotomapami.

nastavení polohy fotky na mapě mám několik připomínek. Asi nejvíc mi vadí, že fotomapy neumí rozlišit mezi kliknutím a držením levým tlačítkem myši. Při každém posunu mapy tažením myši totiž dojde k označení polohy (většinou samozřejmě špatné). Lepší by bylo polohu označit až poté, co je správně nastavená mapa a uživatel klikne na správné místo. Zamrzí, že není možné přesunout značku polohy přetažením myší. Taky mi chvilku trvalo, než jsem přišel na to, jak označovat polohu následující fotky, která byla pořízena nedaleko předchozí fotky (stačí nechat neoznačené vyhledávací pole prázdné a klepnout na tlačítko Hledej). Tato část formuláře by zasloužila přepracovat. Jen drobností je, že se po klepnutí na tlačítko Hledej chová stránka jankovitě. Různě odskakuje a často se náhled fotky a některá pole nad mapkou zarolují nad horní okraj.

Za vyloženou chybu považuji, když se po chvíli začne rozcházet poloha značky s místem, kam jsem klikl. Značka je sveřepě umísťována několik set metrů jižně. Nezbývá pak jiná možnost než posunout mapu a klikat do prostoru nad skutečným místem pořízení fotky.

Zoomování mapy myší se taky nechová nejlíp. Ve srovnání s Panoramiem musím na fotomapách víc skrolovat. Vypadá to, že se při zoomování nebere v potaz poloha kurzoru na mapě a zoomované místo často odskočí mimo viditelnou část mapy.

Asi by stálo za to schovávat v určitých situacích zobrazenou mapu a přesunout odkaz Smazat fotografii na lepší místo (teď je odkaz daleko od fotky a vyčuhuje z boxu).

Editace fotografií

Při editaci místa pořízení fotek (foto.mapy.cz/edit?####) je nešikovné, že se zobrazí mapa v malém měřítku. Fotomapy přece znají dříve zadanou polohu, tak není třeba zobrazovat celé Československo.

Co by mi ještě bodlo

Na závěr jen v bodech:

  • Výpis komentářů by mohl obsahovat náhledy na komentovanou fotku.
  • Formát datumu ve stylu 4.09 09 nebo 06.09.09 asi není ten pravý.
  • Líbil by se mi pěknější formát URL fotogalerie autora (http://foto.mapy.cz/autor-46166765908-jiri-bures).
  • V Google Chrome chybí v některých textech písmena.
  • Při prohlížení fotek neváží náhledy na fotky s mapkou. Po posunu mapy zůstává seznam fotek nezměněný, i když mapa ukazuje jiná místa.

Přes všechny uvedené nedostatky jsou Foto.mapy.cz užitečnou aplikací. Doufám, že jejich vývoj bude pokračovat a dočkáme se ještě lépe použitelné verze. A třeba si tento spot přečte někdo, kdo má tu moc posunout vývoj fotomap kupředu.

Linky na víkend 257

Best practices vs. big ideas
Marek ProkopBest practices jsou základ, který je třeba zvládnout vždy. Ale až je opravdu zvládnete, hoďte je za hlavu a začnete stavět na big ideas.
Inline Validation in Web Forms
Luke Wroblewski – ověřování webových formulářů.
How to Draw with HTML 5 Canvas
Jamie Newman kreslí do canvasu.
17 Ways Search Engines Judge the Value of a Link
Rand Fishkin – jak (asi) hodnotí vyhledávače hodnotu odkazů.
91 Trendy Contact And Web Forms For Creative Inspiration
Dainis Graveris – trocha inspirace na závěr.

Poslední Potlach

Pátý potlach proběhl počtvrté perfektně. Potlach popíšu pěkně popořádku.

První poprázdninový pátek. Přes půl padesátky přátel poněkolikáté přijelo, potřáslo pravicemi, poplácalo plece, posedělo/postálo, poutavě popsalo poslední projekty, představilo podstatné plány, pomluvilo pomýlené patičkáře, probralo paragrafy, poklábosilo, pábilo. Potomci pobíhali, přivezené pachole předáváno pro pochování přítomným paním (případně partnerkám). Psové (především pejsek) ponoukali přítomné pohodit pamlsek. Paparazzi porovnávali přinesené přístroje, pofocovali popřední přítomné. Později Pavel pokuřoval Parejos.

Poznámka pro přemýšlivé. Prozradil polobůh prohledávání Plaváčkovi privátní poznatky? Prý pověděl. Podle pisatele profesionalismus převážil, pomlčel.

Počasí pokulhávalo (parno pominulo před pátkem), přesto postačilo. Pletené pulovry pomohly přemoci povětří. Pončo překrylo poprsí. Paleto prohřálo prokřehlé plece, ponožky pak palce, prsty a plosky. Podvlékačky pomohly pánům, punčochy paním. Podprdelníky poté přihřály pozadí (později přituhlo). Pršet přestalo před Pardubicemi (potud popis povětrnosti). Polétaví písklaví paraziti (pěkný popis pakomára) pravděpodobně předtím pomrzli.

Pátého po poledni podávali pod přístřeškem parádní porce prohřátého perkeltu (pečivo přílohou). Podnosy přetékaly přinesenými pochoutkami. Průběžně popíjené pivo příjemně podtrhlo příchuť potravin. Po panácích pálilo patro, přesto potěšili.

Podvečer předznamenala pečlivá příprava přerostlého pernatce (prve pozbyl peří, poté propíchnutý prošpikován postoupil pozvolné pootáčení před plameny, pečlivě potírán). Přítomní pak potěšeně pozřeli perfektně propečeného ptáka. Pochvalně pomlaskávali. Počet ptáků (půl páru) postačil – přiznávám plný pupek.

Petrův Pixyband pro potěchu posluchačů pekelně pařil, Philosof pěl, Pavel Píha pískal, pobrnkával, Pavlíček potahoval poskládaný pytel (pekelný popis). Přihlížející pohltil proud poetických písní. Pěli přítomní pánové, pěly přísedící pěknějšího pohlaví. Prokop pobrukoval pod plnovous. Prostohlasí podupávali. Plaváček pronášel prastaré pravdy, pochválil pisateli potomka, pobízel pít pivo, přislíbil pokračování Potlachu (paráda!).

Pozdě po půlnoci palba podmanivých písní přestala. Ponocující přeživší po pijatice provedli potácivý přesun pod peřinu. Podroušení prý padali. Pche, pouhé pomluvy. Přestanu popuzovat potrefené.

Propité pitivo popálilo pajšl, poleptalo potrubí, popraskalo pysky. Právě pomíchané pití přináší podobbné pocity. Poctivá polévka pomohla přemoci přesušené patro. Přesto pisatel prchl před polévkou, protože popojel pozorovat povětroně.

Pochvala plus poklona patří Plaváčkovi potažmo Pavlovi. Paráda pardálové! Příště, pozvete-li, přijedeme.

Promiňte přátelé postrádající písmeno P. Příště popíšu Potlach postaru. Pa.

PS Photky přidám později.

Linky na víkend 256

Opakování je matka moudrosti, ale macecha SEO
Marek Prokop na kontroverzní téma (ne)shody titulků a nadpisů.
Card Sorting: Pushing Users Beyond Terminology Matches
Jakob Nielsen – nepokazte si výsledky testování s uživateli nálepkami.
HTML5 For Smarties
Jeffrey Zeldman – odkazuje na aktuální draft HTML 5 (notně nafouknutý do těžko stravitelné podoby).
How To Choose Content Management Systems For SEO
Stephan Spencer – na co byste si měli dát pozor při výběru CMS.
How to Plugin SEO to WordPress : 9 Great Plugins
Michael Martin – dodatek k předchozímu odkazu.
Great Resources And Tutorials for Photographers
Sbírka fotoodkazů od Barryho.

Linky na víkend 255

Top 10 UX Myths
Keith Lang mýty o User Experience.
Web form design guidelines: an eyetracking study
Chui Chui Tan – lepší formuláře skrze sledování pohybu očí.
Tipy pro portfolio freelancera
Jan Řezáč (ne)filosofuje o portfoliích.
Whiteboard Friday – Generating Unique Content
Rand Fishkin vypráví o tvorbě unikátního obsahu.
50+ Stunning CSS3 Articles, Cheat Sheets and Tutorials Collections
Odkazy na zajímavé zdroje o CSS3.

Linky na víkend 254

Web fonts and standards
Jeffrey Zeldman – současný stav podpory fontů na webu.
10 User Interface Design Fundamentals
Kyle Sollenberger zmiňuje některé zásady tvorby dobrého uživatelského rozhraní.
What Does Good Web Design Look Like?
Tony a jeho opakování základních pravidel návrhu vzhledu webu.
20 MySQL Admin and Development Tools and cheat sheets
Nástroje pro práci s databázemi MySQL.
5 Tips and Tricks For An Effective eCommerce Site With 10 Brilliant Examples
Charlotte nabízí tipy na vylepšení komerčních webů s příklady.

Hlasuji proti ribbonu

Nemám rád ovládání Microsoft Office 2007 ve stylu ribbon. A jestli se zeptáte proč, tak vysvětlení podám třeba v komentářích.

Pokud nemáte ribbon rádi jako já, můžete se vyjádřit na stránce MakeOfficeBetter.com. Je vidět, že nejsem sám, komu Hlasujte, co chcete v nových Office!

Můžete samozřejmě dát hlas i dalším návrhům na vylepšení budoucích MS Office nebo přidat vlastní návrh. Vyjádřete se také.