Exemples de com dissenyar parts d’una pàgina: buscant inspiració en el què han fet altres

Quan hem de pensar com serà una part d’una pàgina de la nostra web (un menú, un formulari, una llista d’elements…) habitualment ens trobarem amb molts dubtes sobre la manera d’enfocar-ho. Poso el text al costat? Reordeno el formulari? Hi poso una imatge o no? Una de les opcions a l’hora de fer canvis a una pàgina, si ja ho tenim més o menys orientat seria fer el què havia comentat, testos que ens ajudin a decidir quina de les opcions que hem pensat funcionen millor. Però si tenim dubtes més generals de com fer-ho, podem mirar com ho han fet altres que s’han enfrontat que tenen a la seva web parts semblants al què volem fer. Per un cantó pot venir ha la idea “ei, que si els de Google ho fan així, amb la de peles i equip que tenen per investigar, testejar i trobar la millor opció, senyal que ha de ser una bona opció”, però cal tenir en compte que cada pàgina és un món i la mateixa solució pot no servir per problemes en aparença similars. Però si que val la pena fer un cop d’ull a solucions a l’hora de plantejar una pàgina, per poder decobrir idees noves o solucions en les que no s’havia pensat i a partir d’aquí aplicar-ho segons les especificitats que tenim a la nostra web.

Una pàgina que he mirat uns quants cops és UI-Patterns.com que fa un recull de casos classificats per categories. Últimament no l’actualitzen gaire, però continua sent interessant per veure resolucions de problemes. Per exemple, si estem pensant com resoldre un formulari per recollir informació a la nostra pàgina podem fer un cop d’ull a la secció “Getting input”. Tenim captures gràfiques de la pàgina i un text que ens explica què s’ha fet i els punts positius d’haver triat aquesta manera de fer-ho. Val la pena arribar fins a sota de la pàgina, als comentaris, on sovint hi ha un debat interessant que crítica o valida les opcions que han presentat a la pàgina, com per exemple, parlant de fer un sistema de registre just a l’últim moment. O sobre posar el logo de la pàgina com a enllaç a la pàgina principal, amb un exemple de la web de la BBC. Un dels que hi comenta apunta que està bé, però que ha fet testos d’usabilitat i això d’identificar logo amb pàgina principal és més cosa dels usuaris avançats i hi ha molta gent que si no veu un text que hi posi “Home” o “Pàgina principal” o “Inici”, no sap on clicar. Un tema interessant aquest de tenir present que els usuaris de la nostra web no són usuaris tan avançats i poden no entendre coses que a nosaltres ens semblen obvies.

bbc Exemples de com dissenyar parts duna pàgina: buscant inspiració en el què han fet altres

A part d’aquest UI-Patterns, n’hi ha més de molt interessants i completes (si en conegueu més que valguin la pena, recomaneu-me-les!). Per exemple hi ha Quince, Yahoo Design Pattern Library, Konigi i altres més enfocats a la part del disseny gràfic (recorreguts visuals, sense l’explicació de perquè s’han fet les coses) com Elements of design o Pattern Tap (format més galeria, sense explicació), però que també poden ser útils.

Una resposta a “Exemples de com dissenyar parts d’una pàgina: buscant inspiració en el què han fet altres”

  1. Oriol López 25 setembre 2012 at 16:47 #

    Sí, de vegades no cal que reinventem la roda i veure com ho han resolt d’altres ens pot ser de gran ajut.

Deixa una resposta


− 3 = six