Diseño de blogs y paginas de difusión con

43
Diseño de Blogs y páginas de difusión con herramientas libres o gratuitas. [email protected]

description

Presentación de Edison Monsalve C - @morpheusco - para el Flisol 2011, en Cartagena Colombia.Universidad Tecnológica de Bolívar.

Transcript of Diseño de blogs y paginas de difusión con

Page 1: Diseño de blogs y paginas de difusión con

Diseño de Blogs y páginas de difusión con herramientas 

libres o gratuitas. 

[email protected]

Page 2: Diseño de blogs y paginas de difusión con

¿ Expertos ?• Experto en Social Media• Experto Community Manager• Experto en Redes Sociales• Experto en Web

• ¿ Donde pueden ser expertos ?  ‐Cambiemos a vivencias válidas.

Page 3: Diseño de blogs y paginas de difusión con

• Uno no dice «Que bonito día, voy a hacer un blog» o «Como hoy es martes, haré un video».

• No me tiene que creer, lo invito a que pruebe y «cacharree» – Así funciona todo.

¿ Para qué y porqué ?

Page 4: Diseño de blogs y paginas de difusión con

Publicar contenido – El fin.

• Si voy a publicar en un blog es lo mismo si publico en una página web? –Finalmente no es HTML todo ?

Page 5: Diseño de blogs y paginas de difusión con

Algunas preguntas

• ¿Se reutilizarán los contenidos en diversos medios? (EJ; documento que sirva para presentación y para impresión)

• ¿Adobe Rome?

Page 6: Diseño de blogs y paginas de difusión con

Algunas preguntas• ¿Quiero ser dueño absoluto de mi contenido?

Entonces vamos a bloquear el clic derecho, a pedir que bloqueen las webs que comparten mi contenido, finalmente yo hago contenidos solamente para mi. ¿No?

Page 7: Diseño de blogs y paginas de difusión con

Algunas preguntas• ¿Debo optimizar mis contenidos y plataformas?

– Cuando tomas una foto con tu Supercámara de «21 y pico» Megapixelazos, ¿porqué la subes directamente a la web sin optimizar su tamaño?

–Shink‐O‐Matic O´O´

Page 8: Diseño de blogs y paginas de difusión con

Algunas preguntas

• ¿Te interesa la usabilidad? ¿Sabes que es eso?

– Cambios simples pueden contribuir a grandes resultados ‐¿Colocas subtítulos a tus videos? – ¿Vale la pena?

Page 9: Diseño de blogs y paginas de difusión con

Algunas preguntas

• ¿Resolución, navegadores, S.O –Importan?

– Revisas o revisarás las estadísticas para continuar el desarrollo de contenidos y de tu web (porque no termina, recuérdalo!).

• ¿Resolución, navegadores, S.O –Importan?

– Revisas o revisarás las estadísticas para continuar el desarrollo de contenidos y de tu web (porque no termina, recuérdalo!).

Page 10: Diseño de blogs y paginas de difusión con

Algunas preguntas• La maldición de Flash!

– Quiero que el logo sea en 3D, que de 3 vueltas por la pantalla y que unos ojitos miren el cursor del mouse mientras cae nieve en la página (si es diciembre) y algo de música y video.

– RTA: Flash?

Page 11: Diseño de blogs y paginas de difusión con

Algunas preguntas• La maldición de Flash!

– Es que yo conozco muchas páginas hechas con flash, llenas de animación, pero ya no las hacen así… 

• Será que se murieron todos los diseñadores en Flash por culpa de la maldición? ‐ ¿La maldición la echó Steve Jobs?

Caricatura: http://lordmva.blogspot.com/

Page 12: Diseño de blogs y paginas de difusión con

Algunas preguntas• Los colores de la web – Diseño centrado en quién ?– Mija, venga y mire la página tan bacana que nos hicieron.

– Yo he colocado mi sello de diseñador, soy un «chocoloco»

– Eso si, quiero que sea Caribe!

Page 13: Diseño de blogs y paginas de difusión con

Algunas preguntas• Diseño centrado en quién ?

– Tenemos que utilizar lo último en tecnología, si nos quieren visitar que actualicen.

– HTML 5 y CSS 3 – ¿Esta vaina existe?

Page 14: Diseño de blogs y paginas de difusión con

Algunas preguntas• Quién alimenta los contenidos?

– Sistemas – Todos los ingenieros saben diseñar.– Comunicaciones – Todos los diseñadores saben de web.

– La gerencia, porque quiere tener control– Ventas – ¿Finalmente no es un canal de ventas?

Page 15: Diseño de blogs y paginas de difusión con

Algunas preguntas

• Si deseamos ser multinacional, necesitamos sitio web en varios idiomas!

– Quién traduce?– Quién responde y retroalimenta?

Page 16: Diseño de blogs y paginas de difusión con

Algunas preguntas• Tenemos que estar en Facebook y «Juiter»

– Para qué, porqué– Quien contesta– Políticas de respuesta– Como medir y que esperar.

– «Me gusta!»  ‐‐‐‐‐‐‐‐ «Me gusta que te guste»

Page 17: Diseño de blogs y paginas de difusión con

Algunas preguntas• A quién contrato o subcontrato?

– Fresco, Edison dijo que cacharreando, se puede hacer todo gratis – Perdiste el tiempo.

– Es que tengo un vale, que me hace la página en XX Software y le quedan bonitas.

Page 18: Diseño de blogs y paginas de difusión con

Algunas preguntas

• CMS, página web, desarrollo propio, que hago?

• Todo en la web son imágenes y videitos –Listo!

Page 19: Diseño de blogs y paginas de difusión con

Algunas preguntas• ¿Yo puedo escribir todo?• ¿Cada cuanto actualizo?

• S0y K00l – ezkRivo kOm QomPleJ0 d3 H@ck3R.

Page 20: Diseño de blogs y paginas de difusión con

Algunas preguntas• ¿SEO, SEM, Analytics, Que es esto?

• ¿De que sirve construir el mejor centro comercial de Latinoamérica en el Amazonas?

• HTML recomendado? Etiquetas?

Page 21: Diseño de blogs y paginas de difusión con

¿Todo es gratis?

• Existe el concepto infomediario y también las creencias sobre lo gratis en Internet.

• ¿Tu trabajo es gratis? 

Page 22: Diseño de blogs y paginas de difusión con

MANOS A LA OBRA…

Page 23: Diseño de blogs y paginas de difusión con

Para textos

• Cualquiera, ojalá un editor de texto plano que permita realizar corrección ortográfica (Notepad++).

• Mi plataforma soporta HTML? Tiene editor propio? ¿ Genera etiquetas recomendadas ?

Page 24: Diseño de blogs y paginas de difusión con

La magia del «Embed»• El código Embed y otros artilugios como iframe por ejemplo, permiten compartir piezas de contenido de un sitio a otro.

• ¿Esto es malo?

Page 25: Diseño de blogs y paginas de difusión con

Para imágenes Mapas de Bits• Como todo en la vida – Depende...

• Picasa• Gimp

• Pixl• Splashup

Page 26: Diseño de blogs y paginas de difusión con

Para Vectores y Diagramas

• Inkscape• Aviary (La navaja suiza)• Creately

Page 27: Diseño de blogs y paginas de difusión con

Wireframes y estructuras

• Iplotz• Pidoco• Pencil Project

• Freemind• Text2mindmap• Mindomo

Page 28: Diseño de blogs y paginas de difusión con

Documentos

• Google Docs (con Gmail – la joya de la corona)

• Zoho (otra navaja suiza)• ThinkFree

Page 29: Diseño de blogs y paginas de difusión con

¿Donde publicar?

• Flickr, Redes sociales, Youtube, Bubok, Slideshare, Scribd y todo lo que se mueva (y lo que no!).

• Normalmente te cobran por aparecen en una revista, en un programa, ¿en Internet no?

Page 30: Diseño de blogs y paginas de difusión con

¿RSS?

• Sindicación de contenidos.

• Como aprovecharlos? Publicidad y nuevos contenidos (paper.li)

Page 31: Diseño de blogs y paginas de difusión con

Sonido, probando….• Podcast, entrevistas.

• Itunes! – Colombia?

• Audacity en local

• Divshare

Page 32: Diseño de blogs y paginas de difusión con

Videos

• Movie maker ‐ ¿Guácala?• Vivia• Youtube tiene editor propio.• Dotsub (subtítulos).• Tubemogul (seguimiento a videos)• Qik – Video desde tu celular.

Page 33: Diseño de blogs y paginas de difusión con

¿Videotutoriales?

• ScreenR• Jing• Camstudio

Page 34: Diseño de blogs y paginas de difusión con

¿Transmisión online?

• Ustream• TwitCam• Livestream

Page 35: Diseño de blogs y paginas de difusión con

¿Que utilizo como hardware?

• La mayoría de celulares, dispositivos tipo ipad, portátiles, memorias usb, etc. Están facultando al usuario a publicar directamente en su perfil o servicio web.

Page 36: Diseño de blogs y paginas de difusión con

Conversores en línea• No hay nada mas frustrante que la diversidad de formatos y la inmensa incapacidad de visualizarlos.

• Utiliza conversores como:– Media convert– http://benderconverter.com/– Zamzar– DocsPal

Page 37: Diseño de blogs y paginas de difusión con

CONCLUYENDO…

Page 38: Diseño de blogs y paginas de difusión con

¿Quiere cacharrear?

• Que tal el mapa colaborativo de tecnologías disponibles?

Page 39: Diseño de blogs y paginas de difusión con

¿Licencias?• Pilas con las licencias de software y de contenidos.• «No es lo mismo el mercurio cromo que el me lo como crudo».

• Creative Commons, gratis, o ingenio! Tu decides.

• No olvides echarle un vistazo a #LeyLleras.

Page 40: Diseño de blogs y paginas de difusión con

¿Algún consejo?• Cambia la forma de pensar, no existe el botón «hágalo bonito», es mejor el trabajo colaborativo, publica y comparte, subtitula, reutiliza, etiqueta,  hazle seguimiento, retroalimenta y cambia lo que haya que cambiar. 

• No existe el almuerzo gratis.

Page 41: Diseño de blogs y paginas de difusión con

La web de una empresa/corporación es un documento vivo, que también «sufre» las leyes de 

Darwin, donde las adaptaciones permiten la supervivencia o el fracaso.

Page 42: Diseño de blogs y paginas de difusión con

Preguntas

Page 43: Diseño de blogs y paginas de difusión con

EDISON MONSALVE C.

[email protected]

http://morpheus‐co.blogspot.com

@morpheusco

http://paper.li/morpheusco/techno