Arxiu de ‘Disseny Web’ Categoria

FIASCO AWARDS 2010

Per admin, dintre de Disseny Web, Eines a internet
Imatge corporativa de FIASCO AWARDS

Imatge corporativa de FIASCO AWARDS

Rebem via Facebook una invitació per la festa FIASCO AWARDS 2010. Veiem que si has comprat un domini punt cat hi podrem accedir gratuïtament. Ens interessem per el funcionament dels FIASCO AWARDS.

Els FIASCO AWARDS és un concurs de votació popular on es premia les iniciatives TIC que no ha tingut èxit, i han sigut tal com diu la paraula: un fiasco. Aquest premi és iniciativa d’uns catalans que sense ànim de lucre, organitzen un concurs que pretén ésser crític i aprendre dels errors i tal com diuen ells, divertir-se.

Defineixen l’esperit del concurs:

L’avenç tecnològic no és un camí recte. Malgrat les inversions econòmiques, els esforços intel·lectuals i les il·lusions invertides sovint, en lloc d’aconseguir un producte exitós, una empresa rendible, un nou servei útil o un desenvolupament interessant, acabem tenint entre mans un autèntic fiasco. Però els èxits i els fiascos formen part del mateix procés de progrés, són la cara i la creu de la mateixa moneda. Els primers es cel·lebren i dels segons, superat l’ensurt inicial, se n’apren. A més, acostumen a ser molt divertits.

Les candicatures d’enguany són:

Personalment crec que Google Wave serà el vencedor, com a gran FIASCO en el món de les TIC.

Podeu veure tota la informació a la seva web. En aquests moments estan en el període de votació, on el vot és obert. I podeu veure informació sobre la festa a la seva web.

Youtube, 5 anys de vida

Per admin, dintre de Digital, Disseny Web, Eines a internet, Publicitat, Vídeo, Xarxes Socials

El dia 15 de Febrer de 2005, Chad Hurley, Steve Chen i Jawed Karim registraven el domini YouTube.com. Era l’inici del fenomen del vídeo i de la web 2.0 a Internet. YouTube, amb més de 3.500 anys de vídeo i amb un preu de venda de 1.650 milions de dolars a Google és més que una web: un servei que ha marcat la forma d’interactuar amb Internet.

Aquell 2005, el primer usuari penjava el seu primer vídeo. Anomenat “Jo al Zoo”, no vaticinava tota la força que podria donar la filosofia d’aquest servei. Una pàgina web on qualsevol usuari podia pujar un vídeo i poder mostrar-lo a tothom.

L’èxit d’aquesta pàgina radica en que tot el contingut el fa l’usuari. I el poder de la massa social dona una notorietat enorme YouTube. Hi ha altres característiques que expliquen el seu èxit:

  • Un petit codi que ens permet posar aquest vidéo on volent, per exemple la nostra web.
  • La possibilitat de comentar els vídeos amb comentaris, i vídeo comentaris.
  • Podem realitzar canals amb diferents vídeos.
  • Mostra de vídeo en HD.

Read the rest of this entry »

Enllaços que confonen

Per Jordi Almirall, dintre de Arquitectura de la informació, Disseny Web, Usabilitat

Ahir a la web del diari esportiu Marca hi havia un article de la xiulada a l’himne espanyol a la final de la Copa del Rei de bàsquet de diumenge. L’article era correcte però al final del resum que es podia veure a la pàgina principal hi havia un enllaç dins el text que deia “himno nacional”. Fins aquí tot correcte; però el problema és que aquest enllaç et portava a una altra notícia: quan l’himne va ser xiulat a la final de la Copa del Rei de futbol de la temporada passada i Televisió Espanyola va emetre l’himne censurant els xiulets.

La situació és la següent: llegeixes el resum de la notícia, quan acabes de llegir el resum, esperant llegir la notícia sencera cliques en el link “himno nacional”, i vas a parar a l’article de la Copa de Rei de futbol on es parlava de la censura dels xiulets del públic per part de Televisió Espanyola. Com que la lectura de la notícia centra l’atenció de l’usuari sense parar atenció a la data de publicació, la primera impressió es assimilar que en la final de la Copa del Rei de bàsquet també hi va haver censura per part de la televisió; quan realment no va ser així.

Probablement el redactor va voler incloure un enllaç del tipus “notícies similars”. Si aquest hagués estat el cas hauria d’haver utilitzat l’estil d’enllaç que el gestor de continguts del diari té per aquest fi i no incloure’l dins del resum de la notícia on l’usuari espera trobar la el detall de la notícia actual. O bé explicar clarament quin serà el contingut que l’usuari es trobarà si hi fa clic.

El futur del Flash

Per admin, dintre de Disseny Web, Edició Html, Tecnologia, creativitat

Macromedia va revolucionar el mercat del disseny de pàgines web amb Macromedia Flash. El format permetia dissenyar pàgines web amb animacions, música i sense totes les limitacions que porta l’HTML. La veritat, una revolució per a tots els dissenyadors gràfics que veien en aquesta manera de dissenyar, un gran via per realitzar el que tenien al cap.

Això si, ja en aquell moment tindre una pàgina web en Flash ja significava no aparèixer als cercadors. Però no importava: estar a Internet de forma espectacular era més important que rebre visites.

Read the rest of this entry »

2010 Intranet Design Awards

Per Jordi Almirall, dintre de Disseny Web, Usabilitat, internet 2.0

El Nielsen Norman Group va donar a conèixer les deu intranets guanyadores del premi al millor disseny 2010 mitjançant un dels seus informes.

L’informe recull casos d’estudi, on s’exposen els principals problemes de disseny en els que es van haver d’enfrontar els desenvolupadors i com aquests varen ser solucionats.

De les guanyadores, vuit són dels Estats Units, una és canadenca i una altra japonesa: Enbridge: Empresa dedicada al transport i distribució d’energia (Canadà); General Electric: Una de les empreses més grans i diversificades del món fundada per Edison (EEUU); Howard Hughes Medical Institute: ONG de recerca mèdica (EEUU); Huron Consulting Group: Consultoria (EEUU); Jet Propulsion Laboratory: Laboratori de la NASA (EEUU); The MITRE Corporation: Organització d’investigació i recerca (EEUU); SCANA Corporation: Holding energètic (EEUU); Trend Micro: Empresa dedicada a la seguretat a Internet (Japó); URS Corporation: Consultoria i enginyeria especialitzada en el medi ambient (EEUU) i Wal-Mart Stores: “El Corte Inglés” a l’americana. (EEUU).

Entre les característiques de les guanyadores destaquen:

  • *L’ús de plantilles per a aconseguir interfícies d’usuari consistents.
  • *Polítiques editorials per assegurar-ne la qualitat del contingut.
  • *L’ús de rols d’usuari per a que cadascú vegi el contingut que li és rellevant.
  • *Possibilitat de personalització.
  • *L’ús de metodologies d’usabilitat a l’hora dissenyar-les.
  • *L’ús de mètriques ROI (”Retorn de la Inversió”) que no pretenen obtenir un benefici econòmic, sinó un increment de l’ús i a la satisfacció dels usuaris.
  • *Funcionalitats de xarxes socials com fòrums, valoració de la participació o pàgines de projectes.
  • *Blogs de directius on mostren el seu vessant més “humà”.

Per a poder tindre accés a l’informe  i poder veure imatges d’aquestes intranets en la que no hi podem accedir per la naturalesa d’aquestes, cal comprar-lo per uns 160 euros.

Canvi de tema a aol.com

Per Jordi Almirall, dintre de Disseny Web, Usabilitat

La web d’AOL (www.aol.com) inclou una curiosa forma per a que l’usuari triï el tema (theme) del portal. A la part superior apareixen unes imatges de tonalitats de colors diferents que tenen superposades les inicials de la companyia. Quan s’hi clica en una, automàticament el tema canvia.

Inconvenients

La situació d’aquests elements en la part superior de la plana i el fet de que alguns casos siguin elements identificables en categories pròpies de portals d’aquest estil (moda o natura) pot fer pensar que es tracta de contingut de la pàgina i no pas d’una eina per a canviar l’aparença.

Plana coherent

Cal destacar, però que aquestes imatges estan situades per sobre del logotip identificatiu d’AOL i del cos de la web, proporcionant així, una navegació coherent.

Proveu-ho

Feu la prova, digueu-li a algú que entri a aol.com i que comenci a navegar, per on començarà?

Un dels temes d'aol.com

La importància del mòbil a Internet

Per admin, dintre de Disseny Web, iPhone, marketing

Certament, un dels canvis del 2009 més importants ha estat la externalització d’Internet a altres dispositius que no són l’ordinador. Internet s’està convertint en un sistema multi-plataforma, on tenir un mòbil amb connexió a Internet constant ens dona un munt de possibilitats.

Els nous mòbils de Google, BlackBerry o l’Iphone ens permeten la descàrrega d’aplicacions que ens obren un gran ventall de possibilitats: Cerques geogràfiques, accedir als teus arxius en qualsevol lloc, escoltar música en tot moment i en tot lloc…

La connexió 3G, el problema

El problema resulta que la connexió a Internet via 3G segueix sent molt cara, i en molts llocs no hi ha cobertura. Si realment el govern donés un impuls abaixant els preus i posant cobertura a tot el territori molts usuaris podríem gaudir de les següents aplicacions:

Aquestes aplicacions encara no estan disponibles a Espanya, però són un bon exemple del futur que ens espera

Realitat augmentada: Pistes d’Esquí a Estats Units

Aquesta aplicació, ens ensenya com amb la càmera del nostre dispositiu mòbil ens permet trobar quins són els punts més propers en diferents pistes d’esquí ( pistes, bar, infermeria ).

En podeu trobar més informació a NetHunting

Cerques Geolicalitzades de Google

Aquest servei, obert en breu per Google ha Estats Units, ens permet cercar negocis al voltant nostre. Aquesta aplicació ha estat oberta per iPhones i el Nexus, el nou mòbil de Google:

Com construïr una empresa mitjançant la web 2.0

Per admin, dintre de Disseny Web, Edició Html, disseny gràfic

Via http://www.rosauraochoa.com/

Aplicacions i eines en la creació i maquetació de pàgines web [Part 1]

Per admin, dintre de Disseny Web, Edició Html, General, creativitat, disseny gràfic

En tota la Catosfera, i la Blogsfera en general, la fi de l’any és sinònim de grans llistes d’aplicacions més usades el 2009. Podem trobar un exemple d’aquestes llistes a Bitelia o a Think Wasabi.

A Disse.cat no volem fer un resum de les aplicacions més usades i populars d’aquest any passat. Volem fer una llista d’aplicacions per al disseny i maquetació web que fem servir. No és sinònim de que són les millors, però segurament el debat que obrim ens enriquirà en la forma de treballar.

Disseny gràfic: Adobe Fireworks

Utilitzo aquest programa des de la seva versió 7. Ara, amb la versió CS4, trobo que és el programari perfecte per la gestió gràfica de la teva pàgina web. La forma de treball en capes senzilla, l’exportació a elements gràfics amb format web, i les seves adreces ràpides de teclat em donen una eina molt productiva. He provat GIMP o Photoshop, i em permeto la llicència que són programes per el retoc, no per el disseny web.

Maquetació web: Adobe Dreamweaver

El programa per excelència de maquetació web, tant però programadors com per dissenyadors. La seva senzillesa em va ajudar a l’inici, actualment la seva gestió d’arxius en servidors externs em fan treballar de manera fàcil i accessible. La facilitat de treball amb arxius Wordpress, o Php, em permet una rapidesa d’ús que amb altres programes com Ultraedit 32 o Coda no m’han donat.

El problema dels dos programes inicials és el seu preu.

Client FTP: Filezilla

No hi ha dubte, no hi ha res a dir. Gratuït, bona gestió de servidors d’FTP.

En la segona part, parlarem d’aplicacions més concretes com IETester , validadors de codi.

Vols traduïr la teva web? Codi javascript per traduir-lo al moment

Per admin, dintre de Disseny Web, Edició Html, disseny gràfic

La veritat que fa pocs dies, Google ens permetia instal·lar una barra en el nostre navegador per poder traduïr les webs a més de 52 idiomes. Trobem via Anieto2k un codi javascript que ens permet la traducció del contingut del a nostra pàgina a més de 52 idiomes.

Aquest codi d’anomena TranslateThis i utiltiza l’api de Google per les traduccions, tan senzill com:

<div id=”translate-this”><a href=”http://translateth.is/”>Translate</a></div>
<script src=”http://www.google.com/jsapi” type=”text/javascript”></script> <script src=”http://x.translateth.is/translate-this.js” type=”text/javascript”></script>
<script type=”text/javascript”><!–
TranslateThis();
// –></script>


Aquest projecte ha estat dissenyat i desenvolupat per Artífecs | Pàgines web i comunicació gràfica
Tancar
Enviar E-mail