viernes, enero 28, 2011

Diseño de Paginas Web - Parte V -Facebook

Como hemos ido viendo en el curso, cada vez van aprendiendo partes del diseño, color, estructura y mas detalles por cuidar en la realización de nuestra pagina web, otra cosa muy importante es la promoción y difusión hacia el mercado al cual, lo tienes que enfocar la ayuda de las nuevas tecnologías, están a la par, y medios de difusión muy importantes hoy en día son Facebook, twitter, google, etc,. Los cuales serán caso de uso para continuar con la creación de paginas web.
d strict - Designing DIGILOG experience - Projects   Samsung JET Global Promotion El lanzamiento de todos los productos son mas innovadores cada día, y la publicidad nos hace parecer que sea una necesidad indispensable, tal es el caso de el iPhone y demás monerías, la batalla por ganar los medios cada vez se hace mas interesante y las formas de publicidad tienen que dar giros y cambios mas drásticos, romper esquemas, rating, y dejar la idea o concepto en cualquier parte del mundo, he aquí como avanza la tecnología y como los nuevos medios están por venir, samsung contrato hace tiempo para el lanzamiento de su nuevo teléfono, en ese entonces era allá cuando era joven en el 2006 o un poco mas un poco menos, su presentación que fue excelente y que el mismo iPhone envidiaría, hago entrada con esto, para que sean innovadores, sobre todo por que siguen creciendo, mucho y por que tienen mucho potencial por explorar.

La empresa que contrataron se llama d’strict y es en verdad muy buena para hacer performance, la primera vez que la vi quede completamente incrédulo, pero fue para una obra de teatro, hoy por hoy hace las presentaciones para grandes marcas y su especialidad es en publicidad y sobre todo ese 4D, que la caracteriza con una tecnología Touch por así decirlo, la cual será pionera muy al estilo de Minority Report, mas allá del proyecto del Control del Wii, que convierte nuestra pantalla touch de la formas mas austera y económica, ni el mismo Kinect aun le es competencia.  
dstrict
El FaceBook, es la parte mas importante, anteriormente vimos como años atrás el Rey que dominaba las redes sociales era el Hi5, hoy en día parece ser que ni el programa de TV en canal 11 lo recuerda, poco tiempo basto para que se inundara en México, pero el éxito se debe a muchas cosas, como innovaciones, sencillez, rapidez, estructura, medidas de seguridad, hyperelaciones, como esa parte de utilizar contraseñas múltiples, cuentas múltiples, o detección de seguridad de alguna anomalía por lugar sitio o residencia, que a mi me encanto, lamentablemente aun no están disponibles todos los servicios pero aun así nos ayudaremos con algunos otros elementos en el camino. La parte que tienen que desarrollar en Facebook esta divida en varias áreas las cuales son: Inicio , Desarrollo y Plugins , Empresas, Tips, Ejemplos y Extra. Están hechos en varias imágenes para que lo pueden visualizar mejor y al final en la parte de ejemplos tenemos, los links para que puedan apoyarse y revisar cada pagina, algunas cosas son OBLIGATORIAS y otras no, pero a eso le daré énfasis para que lo agreguen o no, espero que hagan buenos diseños, pero sobre todo usen su creatividad, y que gane la mejor idea.
Definiendo sus temas, no será nada sobre la casa del tamarindo, es una idea personal de la promoción de su sitio los temas quedan así:
Jonathan - Soccer (todos menos el América)
Marioni - Educación (como ser hacker, o cualquier area educativa)
Luis - Juegos (medalH, o cualquier video juego que te agrade)
Héctor - Técnicas de Defensa (karete do, lima lima, etc.)
Débora - Ciencias Sociales (como ser buen ciudadano, derechos de la mujer, etc)
  • INICIO.- Creación de tu Pagina en Facebook, de tipo Organización, Empresa, aquí todas las pantallas son obligatorias

inicioFB
  • Desarrollo y Plugins : aqui se encuentran estas herramientas los obligatorios son twitter, i like, los otros son opcionales.
  • Analytics: Esta configuración es obligatoria síganla paso por paso, y ahí mismo encontraran mas tips, para las nuevas redes sociales y para que sean unos expertos tipos SEO.
How to Add Google Analytics to Your Facebook Fan Page   Social Media Examiner
  • Empresas: Estos son ejemplos de algunas empresas, las cuales te pueden ayudar en diseño o tienen video, color, y ciertas características que te ayudaran para crear la pagina de FB

empresas
  • Tips: Aquí tenemos varios tips para ayudarnos, les recomiendo leer todos, deben tener uno de cada pantalla.
tips1
Estos son ejemplos en español, así que son muy parecidos sigan algunas instrucciones que les convengan para tener mas impacto
tips2
  • Ejemplos: Aquí tenemos unos ejemplos les recomiendo revisen la pagina de “daddy” ya que contiene el código de FBML y los ejemplos de como hacer
 example
Aquí están los recursos para que puedan continuar con su configuración mas personalizada.
  1. http://wiki.developers.facebook.com/index.php/Main_Page
  2. http://www.hyperarts.com/blog/category/facebook-static-fbml/
  3. http://www.allfacebook.com/
  4. http://www.allfacebook.com/2009/03/facebook-page-strategy/
  5. http://www.techipedia.com/2010/how-to-use-facebook-for-business-and-marketing/
  6. http://www.webdesign-tutorials.com/blog/2010/06/23/how-to-create-facebook-fbml-template/
  7. http://www.webdesign-tutorials.com/blog/2010/06/24/how-to-create-facebook-fbml-page-part-2/
  8. http://www.phpeveryday.com/articles/Facebook-Programming-Facebook-Platform-P845.html
  9. http://www.snipe.net/2009/06/fb-fanpages-fbml-box/
  10. http://www.snipe.net/2009/10/mini-site-facebook-static-fbml/
  11. http://www.snipe.net/2010/05/static-fbml-microsite-next-level/
  12. http://www.webdigi.co.uk/blog/2010/creating-a-custom-facebook-page/
  13. http://www.webdigi.co.uk/blog/2010/google-analytics-for-facebook-fan-pages/
  14. http://mashable.com/2010/02/22/build-facebook-landing-page/
  15. http://www.hyperarts.com/blog/facebook-static-fbml-internet-explorer-stylesheets-css/
  16. http://mashable.com/2009/05/13/facebook-brand-apps/
  17. http://www.proworks.com/blog/2010/04/30/add-a-custom-tab-to-your-facebook-fan-page-starter-template-included/
  18. http://wiki.developers.facebook.com/index.php/Roadmap_Profile
  19. http://www.diosacommunications.com/facebookbestpractices.htm
  20. http://www.techipedia.com/2009/create-facebook-page/
  21. http://www.hyperarts.com/blog/adding-iframes-to-facebook-application-2010-static-fbml/
  22. http://www.emanueleferonato.com/2009/09/20/developing-a-facebook-application-for-absolute-beginners/
  23. http://www.facebookdesigns.org/
  24. http://www.customfacebookpage.com/
  25. http://facebookshowcase.net/
  26. http://developers.facebook.com/showcase/
  27. http://www.1stwebdesigner.com/development/customize-facebook-fan-page/
  28. http://layoutspack.com/wp/website-templates/free-psd-facebook-template/
  29. http://www.fuelyourcreativity.com/free-psd-facebook-fanpage-template/
  30. http://icetemplates.com/blog/134/absolutely-free-cool-facebook-template/
  31. http://blog.homegain.com/blogging-and-social-networking/free-fbml-template-for-facebook-fan-pages/
  32. http://www.tes.co.uk/article.aspx?storycode=6025698

  • Extra: Esta es una vista tipo revista, no es obligatorio pero quien quiera verla configurarla y anexarla no hay problema.
Issuu - You Publish

No hay comentarios.: