martes, 12 de mayo de 2015

DIEZ CLAVES PARA UN BUEN DISEÑO WEB


1. Cuando el visitante «aterriza» en una página web lo primero que intenta es escanear la información dividendo el área de contenidos en cápsulas de información «digeribles». Cada idea, mensaje o funcionalidad debe destacarse con un protagonismo propio.
Cuanto más simples y claras sean las cápsulas de información, mejor. Hay que aligerar las páginas sin atosigar con contenidos innecesarios.
El uso de espacios en blanco separando párrafos de texto, imágenes, botones, banners, etc., hace que se incremente la compresión de los mensajes y mejore la experiencia del usuario permitiéndole un respiro en sus «saltos de vista» de unos contenidos a otros.
Para organizar bien los contenidos de una web hay que ponerse en la posición del usuario. Se trata de agrupar contenidos, funcionalidades y tareas de forma lógica, sencilla e intuitiva para el usuario. Hay que agrupar los contenidos en base a sus necesidades y no al organigrama de la empresa.
2. Uno de los activos que debe estar en la caja de herramientas de cualquier emprendedor es el famoso Pitch Deck, ya que no sólo sirve para vender nuestro proyecto a inversores, sino que nos ayuda a sintetizar las ideas clave de nuestra startup y es muy útil para poder contar el proyecto… pero ¿qué incluir? ¿en qué orden?
Sin duda el preparar la famosa “presentación ante inversores” es una de las cosas que quita el sueño a muchos emprendedores, pero no es tan complicado si sabes qué incluir en cada punto. Eso si, a me gusta más el término anglosajón, pitch deck, porque reconoce la naturaleza de la presentación, no es sólo para inversores: la vas a usar al principio con amigos, gente cercana, posibles colaboradores, y, sí, si al final decides , con inversores.
Trabajo habitualmente con inversores y fondos, y os puedo confirmar que es un elemento crítico, que debe estar bien construido y recoger los puntos más importantes sobre tu empresa…  ya que es el primer filtro y típicamente en él se descarta un 80-90% de los proyectos recibidos.
3. 
  • Crear una imagen que unifique e identifique a IEEE Colombia
  • Brindar las pautas necesarias para el diseño de la imagen corporativa de la Sección Colombia y cada uno de los entes que la componen.
  • Proporcionar elementos que impulsen la publicidad de IEEE Colombia y los eventos que se realicen con la participación de la misma.
  • Promover el sentido de pertenencia de los miembros a la Sección.
  • Colaborar con el desarrollo de la imagen de los Capítulos y Grupos de Afinidad profesionales y Ramas Estudiantiles.
El comité de IEEE Sección Colombia ha trabajado en el diseño de una imagen que identifique a la Sección, queremos tener una imagen que nos represente de forma efectiva y unificada.

Es por esto que se han adoptado las siguientes políticas para el manejo de la imagen corporativa de la Sección

4. No importa qué sistema de navegación diseñes para tu sitio, todo lo que hará es mostrar la situación actual del usuario y los posibles movimientos relativos a la estructura de la información subyacente.
Si la estructura es caótica la navegación no la salvará.
La mayoría de los sitios tienen una estructura jerárquica con niveles de información progresivamente más detallados.
Otros sitios tienen una estructura tabular en la que las páginas se clasifican de acuerdo a cierto número de atributos o parámetros.
El usuario puede seleccionar uno o varios de ellos para agrupar la información según sus criterios.
Finalmente hay estructuras lineales que son de aplicación en sitios que reflejan una sucesión de pasos
5. El Programa Nacional de Diseño Industrial del Ministerio de Comercio, Industria y Turismo -MCIT-, conjuntamente con Confecámaras y la Universidad Nacional de Colombia, está trabajando en la construcción de un “Banco de Proyectos de Diseño en Colombia”, que permitirá documentar los casos de aplicación de diseño gráfico y comunicación visual en las MIPYMES colombianas y dar razón de su éxito.
Este banco de proyectos permitirá realizar una selección de los 10 casos exitosos de diseño gráfico y comunicación visual en diversas categorías y a partir de ellos producir la Serie Documental:  “Casos de Éxito de Diseño Gráfico y Comunicación Visual en las micro, pequeñas y medianas empresas Colombianas. Hacia el éxito por el camino del diseño”.
El Ministerio de Comercio, Industria y Turismo, mediante este material didáctico, promocionará la labor del diseño como eje central de la innovación, divulgando y reconociendo la actividad profesional del diseño gráfico y la comunicación visual desde la industria en Colombia mediante la presentación de casos de estudio exitosos en donde el diseño haya jugado un rol crucial para la competitividad de una organización productiva.
6. A coA continuación encontrarás los logotipos de la POWERADE NONSTOP SERIES. Para el correcto uso y aplicación gráfica del logotipo éste no podrá ser modificado en todas sus posibles expresiones. Ha sido ideado pensando en las necesidades de todas aquellas personas responsables de interpretar, articular, comunicar y aplicar el logotipo en sus diferentes ámbitos. El correcto y consistente uso contribuirá a que consigamos los objetivos de identificación y refuerzo del evento. Es un trabajo de equipo, en el que todos participamos para hacer de este un gran evento.ntinuación encontrarás los logotipos de la POWERADE NONSTOP SERIES. Para el correcto uso y aplicación gráfica del logotipo éste no podrá ser modificado en todas sus posibles expresiones. Ha sido ideado pensando en las necesidades de todas aquellas personaiferentes ámbitos. El correcto y consistente uso contribuirá a que consigamos los objetivos de idenos para hacer de este un gran eventotificación y refuerzo del evento. Es un trabajo de equipo, en el que todos partic


martes, 5 de mayo de 2015

hipervinculos

                                HIPERVINCULOS

¿QUE ES UN HIPERVINCULO ?
  
Un hipervínculo es un enlace, normalmente entre dos páginas web de un mismo sitio, pero un enlace también puede apuntar a una página de otro sitio web, a un fichero, a una imagen, etc. Para navegar al destino al que apunta el enlace, hemos de hacer clic sobre él. También se conocen como hiperenlaces, enlaces o links.
Normalmente el destino se puede saber mirando la barra de estado del navegador cuando el ratón esté sobre el hipervínculo.
Dependiendo de cual sea el destino , hacer clic en un hipervínculo puede hacer que ocurran varias cosas. Si el destino es otra página web, el navegador la cargará y la mostrará, pero si el destino es un documento de Word, el navegador nos dará la posibilidad de abrir una sesión de Word para visualizarlo o de guardar el archivo.
Por lo tanto, podemos usar los hipervínculos para conducir a los visitantes de nuestro sitio web por donde queramos. Además, si queremos que se pongan en contacto con nosotros, nada mejor que ofrecerles un hipervínculo a nuestro correo electrónico.

¿ AL HACER CLIK EN UN HIPERVINCULO SI EL DESTINO DE ESE HIPERVINCULO A UN DOCUMENTO DE WORD ?¿QUE SUCEDE ?

si volvemos a la pag después de visitar el enlace este aparecerá con otro tono también.
   


¿ QUE ES UN HIPERVINCULO DE TEXTO ?

 Un hipervínculo de texto es un enlace que se encuentra asociado a un texto, de forma que si hacemos clic sobre ese texto, navegamos dónde indique el hipervínculo. Por defecto, cuando creamos un hipervínculo de texto, el texto aparece subrayado y en un color distinto al del texto normal, de forma que el visitante sepa que existe ese enlace. Si volvemos a la página después de visitar el enlace, este aparecerá con otro tono también. Aunque es interesante diferenciar el hiperenlace, es posible que no queramos que aparezca así.


¿ QUE ES UN HIPERVINCULO DE IMAGEN ?

Un hipervínculo de imagen es un enlace que se encuentra asociado a una imagen, de forma que si hacemos clic sobre esa imagen, navegamos dónde indique el hipervínculo. Por defecto cuando creamos un hipervínculo de imagen, la imagen aparece rodeada de un borde con un color llamativo para que el visitante sepa que existe ese enlace.
Por otra parte, los hipervínculos pueden referirse a páginas del mismo sitio web o de otros sitios web.



¿ QUE ES UN HIPERVINCULO INTERNO ?


Un hipervínculo local o interno es un vínculo a una página que se encuentra en el mismo sitio web (sitio local). Así, para referirnos a ella tan solo basta con poner la ruta o dirección en el disco duro. Si se encuentra en la misma carpeta, basta con poner su nombre.
Por ejemplo, supongamos que tenemos un vínculo desde esta página a otra llamada curso que está en la carpeta access . El vínculo sería: access/curso.htm



¿ QUE ES UN HIPERVINCULO EXTERNO ?

 Un hipervínculo externo es un vínculo a otro sitio web en Internet (sitio externo). Es un vínculo a cualquier otro lugar fuera del sitio actual. Cuando ponemos un vínculo externo, escribimos la dirección completa de la página incluido http://www....

 





¿ HIPERVINCULO DE CORREO ELECTRÓNICO ?

 Un hipervínculo a una dirección de correo electrónico es un vínculo que contiene una dirección de correo. Al pulsar en él, automáticamente se abre el programa de correo que tenga el usuario instalado para poder escribir a esa dirección de correo. 




¿ A QUE CONDUCE UNA REFERENCIA ABSOLUTA ?
 Conduce a una ubicación externa al sitio en el que se encuentra el archivo. La ubicación es en Internet, es decir toda la url identificativa del archivo en la red. Los hipervínculos externos siempre deben tener una referencia absoluta. Por ejemplo: "http://www.ecomur.com". Los hipervínculos internos pueden tener referencia absoluta o relativa. Por ejemplo: "http://www.deciencias.net/disenoweb/elaborar/graficos.htm" o "graficos.htm"






¿Referencia relativa (al sitio o al documento):?

 La referencia relativa al sitio conduce a un archivo situado dentro del mismo sitio que el documento actual partiendo del directorio raiz y al documento conduce a un archivo situado dentro del mismo sitio que el archivo actual, pero partiendo del directorio en el que se encuentra el actual.
Se emplea más por ser menos engorrosa la relativa al documento. Pero hay que tener muy presente la estructura del sitio en carpetas y subcarpetas y los niveles de organización de los archivos:
Ejemplo: (al documento): " ../index.htm "; (al sitio): " disenoweb/index.htm"




¿Referencia a una parte de un documento:?
 Conduce a un punto dentro de un documento, ya sea dentro del actual o de otro diferente. Primero debemos definir un punto de fijación, anclaje o marcador. El punto se define dentro de un documento con el cursor en el lugar exacto a través del menú Insertar , opción Anclaje con nombre (DW) o Marcador (FP).
Después colocar el vínculo:" #nombre_anclaje" (misma página)
" nombre_documento#nombre_anclaje" (distinta página).                           

¿ EN QUE CONSISTE UN HIPERVINCULO CON REFERENCIA A UNA PARTE DE UN DOCUMENTO ?

conduce a un punto dentro de un documento, ya sea dentro de la actualo de otro diferentes.