Muy pero muy probablemente te haya pasado una situación similar a esta:
Entras a un sitio web, y al cabo de unos segundos te ves amenazado con cientos de mensajes, banners y ventanas que no te permiten checar las fotos de la boda de tu artista favorito… lo cual resulta ser frustrante en muchas maneras.
Este tipo de elementos se les llama, elementos intrusivos.
Estos elementos normalmente es publicidad que los mismos sitios web ingresan de manera consciente y con la intensión de generar un modelo de negocio alrededor de la página, ya que cada click en el banner es dinero seguro para ellos, cada impresión también lo es, y para muchos no es importante interponerse entre la usabilidad de su sitio y lo que el usuario quiere buscar de el, aunque no es muy ético manejarlo de esa .....
Leer el arículo completo
Los concursos web son excelentes formas de aumentar el tráfico hacia una pagina web. De hecho, es una técnica de promoción web de la que tanto los participantes como los organizadores pueden sacar provecho (tu ganas visitas y reconocimiento, ellos el premio). Además, es una buena forma de interactuar y relacionarse con el usuario de la web, e incluso empezar a conocerlo un poco más.
Los concursos en la promoción de websLos concursos generan enlaces
Cuantas veces habré visto concursos del tipo “diseño del logotipo” “diseño del blog” etc., y lo cierto es que es una técnica que cada vez se está utilizando con más frecuencia, sobre todo en la blogosfera. Y es precisamente aquí donde podemos conseguir una cantidad de buenos enlaces nada despreciables si proponemos un buen concurso. En la red hay muchos blogs dispuestos a ofrecer a sus lectores noticias interesantes, y los concursos con buenos premios suelen tener bastante acogida. Es frecuente que el blogger que lee la noticia de un .....
Leer el arículo completo
Cómo realizar con Photoshop, paso a paso, una imagen que sirva para utilizar de fondo de una página web.
Vamos a ver un ejercicio sencillo de creación de un fondo que luego utilizaremos en una página web. Para crear el fondo trabajaremos con el programa Adobe Photoshop , que es una de las mejores opciones de software profesional para diseño gráfico.
Merece la pena ver el fondo de la página web que vamos a crear. Para hacerse una idea exacta del objetivo de este artículo.
Nota del editor.
Ya tienes pagina web? buscas hosting de calidad?, visita Okhosting.com la empresa numero uno de Web hosting dominios y páginas web en Mexico, conoce nuestros planes de Hosting con correos electronicos ilimitados , y si aun no tienes nombre de dominio ( dirección única en internet www.tuempresa.com) regístralo al mejor precio, venta de dominios .com, y dominios ......
Leer el arículo completo
Taller práctico de uso de Photoshop para crear un fondo para una página web compuesto por líneas diagonales.
Vamos a ver como construir un tipo de fondo bastante utilizado recientemente en páginas web que resulta muy sencillo de hacer y que tiene cierto gusto. Se trata de un fondo realizado con líneas diagonales que ocupan toda la pantalla. No obstante, nosotros crearemos una imagen muy pequeña, que no ocupa casi espacio en Kb. Al incluirla como fondo en una web se generará un mosaico y se podrán apreciar las líneas diagonales.
El proceso no tiene ninguna dificultad. Empezamos creando un nuevo documento en blanco. No tiene que ser muy grande, tal vez 150x150 pixels, lo suficiente para no quedarnos cortos de espacio.
Seleccionaremos la herramienta de línea, que está agrupada junto a las herramientas de formas, cuadrados, rectángulos, etc.
Luego haremos .....
Leer el arículo completo
Con CSS se puede especificar colores para cada elemento HTML de la página, incluso hay elementos que podrían admitir varios colores, como el color de fondo o el color del borde. Pero bueno, vamos a ver ahora es las distintas maneras de escribir un color en una declaración CSS.
Porque lo más habitual es que especifiquemos un color con su valor RGB, de una manera similar a como aprendimos a definir colores en HTML. Pero en CSS tenemos otras maneras de declarar colores que pueden interesarnos, como mínimo para poder entender el código CSS cuando lo veamos escrito.
Nota del editor.
Ya tienes pagina web? buscas hosting de calidad?, visita Okhosting.com la empresa numero uno de Web hosting dominios y páginas web en Mexico, conoce nuestros planes de Hosting en Windows con soporte asp y php , y si aun no tienes nombre de dominio ( dirección única en internet www.tuempresa.com) regístralo al mejor precio, venta de dominios .com, y .MX, okhosting.com te ofrece también paquetes de .....
Leer el arículo completo
Viendo el mal estado general de las webs corporativas de empresas punteras españolas, ofrecemos diversas claves que deberían aplicar para llegar a ser decentes.
Resumen:El tener una pagina corporativa decente no es facil pero tampoco es imposible.Evita un peso excesivo.Organiza la informacion de forma eficaz (y pon un buscador que encuentre las cosas).Responder al correo.Presentacion de la informacion financiera.1. El tener una pagina corporativa decente no es facil pero tampoco es imposible.
Desde Think Tank procuro seguir el estado de las paginas web de las empresas que forman el IBEX 35. El estado general de estas webs es malo aunque existen indicios de recuperacion. Desde este articulo se ofrecen algunas ayudas para ofrecer una web corporativa decente.
Durante la presentacion de un proyecto web es importante comunicar a la audiencia las ventajas de un diseño web centrado en el usuario. Explicar las virtudes de un diseño ligero, presentar diferentes opciones de navegacion y .....
Leer el arículo completo
Como grabar video para una correcta reproduccion en internet. Piensa en una sóla cosa: compresión.
Cuando vayas a grabar un video para internet piensa en una sola cosa. Compresion.La compresion de video en general tiene 2 parametros.A. Compresion del frame: El frame se analiza pixel a pixel, repitiendo aquellos que sean iguales. Con esto podemos deducir que cuanto mas homogenea sea la imagen, mejor compresion tendras. B. Compresion historica: Si en diferentes frames se repiten pixeles, se recuerdan y no se reproducen nuevos pixels. Mejor compresion.Como grabar un video para internet:La escena:
Que la escena sea lo mas homogenea posible. Que tanto la ropa y el fondo sean de colores planos y evita las texturas. Esta prohibido las rayas, los cuadros y el vaquero.
Que los frames entre ellos no varien mucho. Esto lo conseguiras si dispones de un escenario mas o menos homogeneo. Evita los exteriores.Los planos:
El tamaño del plano tambien varia, en el caso de internet recuerda que la .....
Leer el arículo completo
Páginas más ligeras implican más páginas vistas. Algunos consejos para reducir el peso de tu site.
Resumen.Paginas mas ligeras incrementan el numero de paginas vistas.Elimina las imagenes. Elimina los banners de autopromocion (no dan beneficios).Aprovecha todo lo que el sistema operativo te ofrece (botones, colores, tablas, tipografias).Se flexible con las limitaciones del html.Reduce el peso de tu site.
Reducir el peso de un site en un 20% equivale a incrementar en un 20% el numero de paginas vistas. El peso de las paginas es un lastre que hace que el numero de paginas vistas se reduzca por sesion de usuario. Peso de las paginasTotal peso / velocidad de conexionEn una sesion de 30segsSite A30kbs de html + 20kbs de imagenes50kbs / 5kbs/segbajan 3 paginas.Site B15kbs de html + 10kbs de imagenes25kbs / 5kbs/segbajan 6 paginas.
Tomando como constantes el tiempo de conexion y la velocidad de descarga, la variable donde un site puede tomar ventaja para servir mas paginas es reducie.....
Leer el arículo completo
En este artículo indicaremos que elementos ayudan al usuario a navegar y cuales no. Además, intentaremos indicar que elementos ayudan a predecir al usuario su destino al pinchar un enlace.
Resumen:Utiliza enalces azules y botones del sistema. Ayudan al usuario a reconocer lo que es pinchable y lo que no.Ofrece al usuario la informacion necesaria sobre donde esta y a donde puede ir de forma clara.Ofrece guias al usuario (1, 2 y 3, primero esto, luego aquello, te recomendamos esto).Los elementos que recargan la pagina deben indicarlo claramente.
Ordenados de mas a menos aquellos elementos que claramente indican accion de pinchar y cambiar de pagina.Los link en azul y los botones del sistema (no se incluyen combos).Los links en otro color que no sea azul, pierden parte de la llamada de enlace.Los botones que no son del sistem.....
Leer el arículo completo
Hace un análisis de las características a buscar en una buena cabecera de portal y ofrece una visión crítica sobre el uso de éstas en los portales más destacados.
Cabeceras de portal = espacio perdido.Resumen:El usuario suele mirar al centro de la pantalla, por lo que debemos procurar que los elementos importantes esten asi colocados.Nadie usa tu barra de navegcion y nadie mira los banners, procura que ocupen lo menos posible.Lo que pongas en la barra de navegacion que sea util. Terra incluye el horoscopo en la barra de navegacion, es realmente imprescindible?La mejor:
MSN ofrece una barra adecuda, se ajusta a las resoluciones mas pequeñas de pantalla y ofrece todas las herramientas basicas del site. Un buen ejemplo a seguir.
De esta cabecera podemos destacar lo siguiente:No se usan iconos para nombrar las zonas.....
Leer el arículo completo
El diseño Real Web 2.0, las utilidades de diseño Web2.0 esenciales
Aunque hay algunos diseños importantes y relevantes que podemos asociar con "Web2.0", no son los estilos y efectos de superficie que podrían venir primero a la mente. Los elementos del diseño Web2.0 reales no son puramente gráficos.
Efectos como gradientes, colores sólidos, fuentes grandes, reflejos y etiquetas flash, que he descrito en 2 artículos previos (Estilo Actual en Diseño Gráfico para la Web y Guía de Estilo Web2.0) son productos a corto plazo para un giro cultural más fundamental.
Éste artículo apunta a explicar la diferencia, y demostrar los elementos valorables que todo diseñador debe aprender del diseño de paginas web moderno.
El sello del Diseño Web2.0 no es gráfico
El efecto de mesa brillante no representa el Web2.0 verdadero más que los alfileres de .....
Leer el arículo completo
Posicionamiento Lógico de Componentes de Páginas Web
Al disponer formularios y otros elementos de la pantalla, lea la disposición como una conversación, que funcione desde el comienzo de la página. Acomode los elementos para asegurarse de que el diálogo tenga sentido, y será una mejor experiencia para el usuario. El monólogo mental del browser
Cuando usamos una página web, como algún software o medio de comunicación, todos tenemos un comentario mental sutil corriendo dentro de nuestras cabezas. Éste toma decisiones, da instrucciones, hace preguntas, y hace comentarios sobre la página. Ejemplo de monólogo mental
- ¿Qué es esto?
- "¡No, no quiero recibir más información!"
- "Esto se ve como aqué.....
Leer el arículo completo
Ritmo y repetición en la disposición de una página web
El ritmo es la más sutil y abstracta de las herramientas 'de asociación'.
El ritmo ayuda a asociar elementos repitiendo una presentación o arreglo estilístico común. Esto funciona incluso cuando los elementos no están agrupados o alineados, pero funciona a menudo en conjunción con estas técnicas.
El ritmo es una técnica común en el diseño gráfico. Puede funcionar siempre que se repite un estilo. Los ejemplos familiares incluyen listas y encabezados publicados.
Es más fácil mostrar como funciona el ritmo o repetición a través de ejemplos.
Ejemplo simple de ritmo
Este recorte de la página inicial del Partido Republicano de EEUU (no implica una toma de partido), muestra ritmo y efecto.
El estilo del encabezado de la sección es repetitivo, todas las secciones están alineadas a la izquierda y separadas con un .....
Leer el arículo completo
El poder de la proximidad en la disposición de una página web
La manera más simple de asociar una cantidad de elementos es agruparlos juntos.
Lo que hace el agrupar es hacer que los objetos similares se vean similares.
De ese modo, el ojo puede descifrar un título (por ejemplo) e inmediatamente asociar ese título con todos los objetos a su alrededor. Haciendo similares a los objetos similares, el agrupamiento hace que los objetos diferentes se vean diferentes. "¿Porqué están los objetos en ese grupo en lugar del otro grupo..? Deben ser diferentes."
El diseño 2D usa una serie de técnicas de agrupamiento, desde párrafos y márgenes hasta barras de navegación y elementos de formulario agrupados.
Así como con otras herramientas de diseño y creacion de paginas web , el agrupamiento con proximidad se basa en fuerzas contrastantes, en este caso esp.....
Leer el arículo completo
Usando la Alineación en la disposición y el diseño de una página web
La alineación funciona asociando visualmente una cantidad de elementos. Cuando usted ve una cantidad de elementos alineados, cree instintivamente que esos elementos son iguales a los otros, o que comparten alguna otra propiedad común.
Ésta es una herramienta realmente útil para permitir rápidamente a un usuario saber qué están mirando al trazar relaciones instantáneas entre diferentes elementos.
Cómo Funciona la Alineación en el Diseño Gráfico
La alineación funciona con cualquier elemento de la pantalla: párrafos de texto, imágenes, botones, fotografías, links, e incluso combinaciones de todos ellos.
Aunque los elementos alineados son comunmente agrupados espacialmente, no tienen porqué estarlo. La alineación funciona a lo largo de la pantalla entera, incluso cuando el eje es.....
Leer el arículo completo
Contención en una disposición de diseño web
Hay dos variaciones de mecanismo: encapsulación estricta, donde el elemento es contenido totalmente dentro de un cuadro; y contención suave, donde el cuadro es sugerido usando la cascada jerárquica y el espacio en blanco.
Estricto: Encapsulación
Aquí es donde usted muestra que un elemento es parte de, o un retoño de, o relacionado con (en una dirección), otro elemento, colocando al retoño dentro de los bordes de su elemento padre. El elemento padre debe ser simplemente identificado por una etiqueta que esté ya sea dentro del cuadro y hacia el origen, o ubicándolo en el borde del cuadro.
" Web host en Mexico en Okhosting.com, visitanos y contrata tu plan de hosting y dominio al mejor precio, aprovecha nuestras promociones en registro de dominios . MX "
En este ejemplo, los tres p.....
Leer el arículo completo
Existen muchas formas para revisar si tu página está funcionando correctamente y si se encuentra en línea las 24 horas del día, pero es posible que no sepas cuanto te costaría si esto pasará algún día con tu sitio web. Este tiempo sin estar al aire o con errores graves, representa una frustración inmensa ya que podrías dejar de recibir miles de notificaciones y correos de los mismos usuarios, diciéndote al otro día si tu pagina esta o no funcionando.
¿Cuánto se podrías perder por tener problemas en su página web?
La respuesta a esta pregunta puede ser muy difícil de cuantificar ya que dependerá del tamaño de la empresa, pero posiblemente significará inicialmente
perdidas por las posibles ventas del día que presente en funcion de este error. Será muy difícil cuantificar cuantos podrían haber comprado y eventualmente no volverán porque no creen que tu pagina web sea confiable y lo suficientemente robusta para realizar algún tipo de transacción.
Para evitar que esto suceda, debes .....
Leer el arículo completo
El término de “marketing viral” no es un término reciente, pero su estrategia ha permitido que Internet tenga más actividad exponencial para transmitir la información. Una de las formas que maneja el marketing viral, son las cadenas de correos pero cada vez existen nuevas y mejores formas de llegar a mas usuarios con poca inversión.
Su objetivo principal es dar a conocer una marca o producto, haciendo un "renombre de la marca" para que muchos usuarios la recuerden o la identifiquen fácilmente. Es posible hacerlo sin gastar un solo dólar, solo se requieren algunas reglas recomendadas para que esta estrategia en lineapueda lograr su efectividad como son:
a. Debes ofrecer ya sea un producto o un servicio que represente un valor a los visitantes potenciales
b. Para que sea transmitido fácilmente, debe ser un mensaje muy claro y definido.
c. Que su transmisión sea exponencial o escalable de una manera muy rápida.
d. Debe ser transmitido a través de redes sociales y comunicaciones ex.....
Leer el arículo completo
Si has ingresado a una página web que te llama mucho la atención o requieres usar un color en particular para tu diseño web, puedes buscar muchas herramientas disponibles para hacerlo fácilmente, sin necesidad de invertir mucho dinero en la adquisición de programa profesionales como Photoshop o Corel Draw (desde 30 hasta 170 USd). Este artículo te proporciona algunas herramientas o trucos que puedes utilizar para lograr esta captura.
Existe un software para capturar colores en la red llamado Colorzilla. Es una herramienta que sirve para el diseño de páginas web y es gratuito y es necesario descargarlo. Es posible con hacerlo un solo click, para "leer" y conocer el código exacto del color en la pantalla. Es una extensión para Mozilla Firefox que sirve para reconocer, copiar o capturar el código del color de cualquier elemento utilizado en una página web. Luego de instalar ColorZilla en nuestro ordenador, se agregará un icono en la barra inferior.
Otros softwares que ofrecen estas he.....
Leer el arículo completo
La palabra "Crowdsourcing" está relacionada con un término que conocemos y estamos mas familiarizados llamado Outsourcing, normalmente conocido como la contratación de un servicio tercerizado para disminuir costes de producción. El desglose de esta palabra en ingles, nos permite saber que se refiere a multitud (crowd) y a fuente de materia prima o de ingresos (sourcing).
En este caso, estaríamos atrayendo a miles de usuarios en masa (a muy bajos costos y mano de obra) que tendrán un reconocimiento personal por el trabajo o anuncio realizado, y a cambio generarnos una solución a nuestro problema, gran cantidad de tráfico y visibilidad en la red.
Nota del editor.
Ya tienes pagina web? buscas alojamiento web de calidad?, visita Okhosting.com la empresa numero uno de hosting dominios y páginas web en Mexico, conoce nuestros planes de Web Hosting con correos electronicos ilimitados , y si aun no tienes nombre de dominio ( dirección única en internet www.tuempresa.com) regístralo.....
Leer el arículo completo