Diseñando una interfaz de usuario (II)

Diseño digital
Después de finalizar una interfaz  de su boceto, puede comenzar creando la misma en un software como Sketch o Adobe Illustrator o Hype. Este es el momento en que puedes pensar en una paleta de colores, en el tamaño de los elementos, en la ubicación del logotipo o en cualquier otra atención al detalle.

Diseñando una interfaz de usuario (II)

Puede razonar detrás de la ubicación de los elementos y las micro interacciones mediante la empatía y la relevancia del contexto. Básicamente, tener un enfoque centrado en el usuario al diseñar aumenta la experiencia del usuario de una aplicación.

Sketch  es uno de los mejores programas en los que se puede pensar cuando se trata de diseñar interfaces. Sketch tiene plantillas para casi cualquier dispositivo, lo que da un impulso inicial cuando se desarrolla para un dispositivo en particular. El desarrollo de páginas de inicio de sesión, pantalla de bienvenida o paneles se vuelve más fácil cuando tiene elementos de interfaz predeterminados a su disposición.

Adobe Illustrator, cuando se trata de vectores, es la mejor herramienta para diseñar. Aunque tiene una curva de aprendizaje que, una vez dominada, haría que nunca mires a ningún otro lugar.

Hype  también es una herramienta que funciona completamente en vectores y es prometedora para el diseño de interfaces e incluso prototipos con animaciones completas de elementos y efectos de transición de pantalla. Es una gran herramienta para diseñar maquetas completas de aplicaciones web o aplicaciones móviles.

Prototipos
La creación de prototipos se realiza cuando debe presentar maquetas de una interfaz. Una réplica en funcionamiento de una interfaz da la sensación de una aplicación real sin siquiera iniciar el desarrollo del mismo. Esto ahorra mucho tiempo y esfuerzo porque los cambios realizados ahora serían menos costosos en todo sentido que los cambios realizados después del desarrollo.

Principle for mac es una herramienta que te permite dar animaciones a tus diseños. Desde sutiles microinteracciones hasta transiciones rápidas a pantalla completa, todo es posible. Puede importar fácilmente un archivo de bocetos y animar los elementos más pequeños en poco tiempo, es así de fácil.

 

Diseñando una interfaz de usuario

Cualquiera que empezando en el diseño, le corresponda realizar una interfaz de usuario, debe preguntarse de dónde empezar. Uno de los mayores hitos en el diseño de una interfaz es obtener inspiración. Después de haber pensado en una idea, es hora de elaborarla y convertir lo que está en papel en digital. Este artículo lo guiará por todos estos pasos y también le sugerirá un software específico para ese “diseño perfecto”.

Diseñando una interfaz de usuario

Inspiración
Cuando se trata de diseñar interfaces, no se trata solo de botones o cuadros de texto. Incluso una persona muy creativa necesita algún tipo de inspiración para hacer un buen trabajo en ello. Puedes encontrar inspiración en una interfaz que utilizaste y te ha gustado o incluso desde una interfaz que no te gustó pero en la que querrías hacer cambios.

 

Boceto y estructura metálica:
Tienes que saber lo que quiere el usuario y estar listo para cometer todos los errores para luego empezar de nuevo. Un flujo de usuarios en mente definitivamente debería ayudarlo a hacer una estructura metálica que tenga sentido tanto para el usuario como para los desarrolladores.

“La pluma es más poderosa que un mouse e incluso un teclado”. Después de inspirarse y tener en cuenta una perspicaz estructura metálica, puede comenzar a hacer bocetos. La belleza del diseño de la interfaz de usuario es que no necesita ser un dibujante para crear una interfaz hermosa. Puede crear una serie de bocetos de interfaz basados ​​en el wireframe y puede finalizar en una lluvia de ideas después de todo. La empatía también juega un papel importante en el desarrollo de bocetos para hacer un diseño centrado en el usuario. Una idea aproximada de la ubicación de los elementos actúa como la columna vertebral de nuestro próximo paso, el Diseño Digital.

 

 

Base de datos de clientes de web host un negocio silencioso

En internet se puede hacer negocio prácticamente con todo, solo hace falta que alguien pague por ello. En el caso de las compañías de hosting, algunas venden su base de datos por separado de la compañía una vez que el proyecto ha fracasado. También ocurre en ocasiones con web host supuestamente en ascenso, pero estudiemos mejor el tema.

Base de datos de clientes de web host un negocio silencioso

   Hosting gratuito: Es una de las maneras de captar clientes. Las personas que viven de esta trampa montan una “gran compañía de hosting” y empiezan a ofrecer cuentas gratuitas, supuestamente para dar a conocer la compañía, pero en realidad notas cuando están armando una data para luego venderla por un detalle: Exigen dominio global.

Alguien podrá preguntar ¿Qué tiene ver tener o no dominio propio? Cuando ponen en venta una data de este tipo, esta adquiere un valor mucho mayor si todos los clientes tienen dominio propio global, ello implica que tienen para invertir en sus proyectos, aunque poco, puede ser lo justo para luego pagar por planes sencillos de hosting. Es como decir:”Te vendo los datos de 3000 clientes que tienen $ disponibles para comprar y/o renovar dominios”. La persona que compra esta data está comprando un estudio de mercado filtrado donde lo resultante son miles de personas dispuestas a invertir en sus proyectos web.

Es difícil descubrir este negocio puesto que quienes lo hacen utilizan distintos usuarios en foros para mover gente a su web host, darle publicidad… y otra cuenta para luego vender esa data host en otros espacios.

Consejo: O es gratis o no lo es. Cuando te dicen “gratis pero…” algún interés está mediando.

Rediseñando tu sitio web. Pros y contras Parte 02

 

Continuamos con los pros y contras de rediseñar tu sitio web, en este caso continuamos con algunas ventajas de tomar esta medida que te hace equilibrarte y entrar en competencia con los otros proyectos de la misma temática.

Rediseñando tu sitio web. Pros y contras Parte 02

Consejos sobre páginas web

Mejor compatibilidad con navegadores modernos

Muchos  navegadores web modernos han inundado el mercado 2.0. Si su sitio no cuenta con mejor soporte tecnológico, entonces creará problemas a los visitantes que accedan a su sitio web. Si modificam o rediseña su sitio web, certificaremos que su sitio está accesible en todos los navegadores más recientes y ayuda a que su sitio web esté equipado para atraer más tráfico.

Competitivo

El mercado del sitio web se mejora continuamente día a día. Si su sitio web tiene incluso un año, no puede competir con otros sitios web avanzados profesionalmente y basados ​​en la tecnología en el mercado reciente. El rediseño del sitio web le ayudará a actualizar su sitio web en cualquier momento y le permite hacer que su sitio sea innovador según las últimas necesidades del mercado.

 

 

Contras

Menos flexibilidad

Los diseñadores y desarrolladores web vienen con una banda de temas o plantillas pretendida y cuando un consumidor está buscando la combinación de colores, temas, diseños, logotipos u otras características, es imposible modificar el tema existente o por lo menos no en su esencia, la única manera de usted obtener exactamente lo que quiere y que sea original, es que estudie programación y lo haga usted mismo.

La falta de control sobre el aspecto y la sensación del sitio

Podemos modificar los temas y plantillas estándar del sitio web, pero esto se puede hacer bajo los límites predefinidos. Hay algunas áreas en el rediseño del sitio web que no se pueden modificar, por ejemplo, en algunos casos el encabezado no se puede eliminar una vez que está diseñado por el tema de la imagen ya creada del negocio o institución.

 

Rediseñando tu sitio web. Pros y contras

Rediseñar un sitio web es tan importante y a veces complejo como diseñar un nuevo sitio web. El  campo del diseño está en constante crecimiento y, en consecuencia, con el paso del tiempo, el enfoque audaz y la visión del sitio web están condenados a convertirse en antiguos cuando se los compara con otros sitios web ambiciosos y frescos.

Rediseñando tu sitio web. Pros y contras

Rediseñando su sitio web. Pros y contras

Debe recordarse que tiene solamente unos siete segundos (como lo han discutido algunos grandes investigadores sobre  el 2.0) para desviar la consideración de un visitante a su sitio web. Si su sitio no es atractivo y moderno, entonces los visitantes no querrán perder el tiempo visitando su sitio web. Una vez que un visitante se pierde, es imposible regresarlo a su sitio web. Por lo tanto, si está perdiendo un visitante, seguramente influirá en las ganancias de su sitio web.

Pros

Mejorar la navegación

Si un sitio web existente no tiene menús y enlaces de navegación adecuados, seguramente perturbará el tráfico de ese sitio web, que pasará instantáneamente a sitios de la competencia. Por el contrario, la facilidad de encontrar enlaces mejorará la experiencia del visitante con la información necesaria que desea buscar. El rediseño de un sitio web lo ayudará a organizar enlaces y menús diferentes en un panel de visualización adecuado en su sitio web.

Hacerlo más atractivo

Los diferentes diseños, menús y diseños atraerán la atención del visitante seguramente mientras visite su sitio web. Si su sitio web no es atractivo y no está convenciendo a los visitantes, definitivamente se irán a buscar el material en sitios de la competencia. El rediseño de un sitio web puede darle a su sitio un aspecto único y así hacer que su sitio sea atractivo para los visitantes mediante el uso de diferentes imágenes, fuentes, logotipos, gráficos, textos y colores, etc.

Mejor utilización y posicionamiento ante el motor de búsqueda

El rediseño de un sitio web no solo se refiere al aspecto creativo de su sitio, sino que también ayuda a mejorar el posicionamiento de su sitio web. Un desarrollador web reconocido colocará etiquetas de SEO en todas las páginas relevantes que aumentarán la autoridad/fuerza del sitio web.

 

 

Importancia del texto en la definición de un diseño web

Un error común, que caló en forma de tradición entre algunos diseñadores, radica en la práctica de trabajar el diseño y a veces hasta terminar o definirlo usando texto de relleno al estilo “Lorem Ipsus”. Cuando hablamos de que el contenido es el rey, debe tenerse claro que esto es también para los diseñadores. Trabajar de esa manera es un gran error y a continuación veremos por qué.

Importancia del texto en la definición de un diseño web

Importancia del texto en la definicion de un proyecto web

 – Diseño en base al contenido: Esto es muy importante, un buen diseñados dará consejos a sus clientes sobre detalles en su proyecto y estos consejos solo nacen cuando se tiene ante sí un esbozo del proyecto, algo real. Si es una web de deportes, debe tener contenido sobre deportes, con imágenes de deportes, solo así surgirán ideas para mejorar el proyecto aplicadas a dicha temática. Nunca el Lorem Ipsus te inspirará mejor, eso seguro.

 – Desnivel con el texto real: Es otra falla que se pasa por alto con esta práctica. Los temas vienen ya con el texto de relleno y el mismo calará a la perfección, manteniendo el diseño tal cual se ve en la publicidad. Pero al introducir el contenido la cosa puede cambiar, algo que parece tan trivial como el tamaño de la imagen de cabecera puede tirar al trasto un buen diseño y dejar descolocado todo el texto inferior. Es importante probar el tema, mirarlo con texto como el que de verdad tendrá, si son artículos largos y el cliente quiere que el último artículo se lea completo, es así como hay que probar el diseño final.

 – La tentación de la rapidez: No siempre la culpa es del diseñador, eso debemos tenerlo muy claro. Muchas veces los clientes exigen al diseñador correr, entregar cuanto antes el trabajo, sin notar que están afectando el producto que recibirán, nunca se trabaja igual en temas creativos cuando se tiene tiempo para pensar, que cuando todo es correr por entregar en determinado lapso.

 

 

Diseño web y SEO aliados inseparables

Si bien unos años atrás no podríamos afirmar tal cosa, hoy día si podemos decirlo: El diseño web y el SEO cada vez se dan más la mano en los objetivos de alcanzar el éxito de un proyecto web. Todo camina en círculos en cuanto a estos temas, tráfico, experiencia de usuario, funcionalidad, imagen, la suma de los elementos que forman parte de tu proyecto web siempre pasarán (si hay un buen trabajo de organización) por el diseño web y el posicionamiento SEO.

Diseño web y SEO aliados inseparables

Diseño web y SEO aliados para el exito de tu proyecto web

     Tráfico: Para nadie es un secreto que el SEO persigue aumentar el tráfico de una web, sin embargo, no se trata de sumar por sumar, como se lograría con un post viral de facebook, el SEO trabaja para conseguir visitas orgánicas, mejorar al proyecto ante los ojos de los buscadores para ciertas keywords, de manera que naturalmente al buscar dichas palabras, los internautas lleguen a tu sitio.

Las últimas tendencias de diseño web también apuntan a mejorar el SEO, la creación de menús expansibles, por ejemplo, persigue evitar la sobrecarga de los sitios y las molestias para los visitantes, sobre todo al ingresar desde dispositivos móviles, optimizando la imagen del sitio sin eliminar o comprometer elementos importantes de la página.

Otro punto clave para el SEO del Diseño Web es el tema de la filosofía responsive, se trata de que los usuarios no solo puedan acceder a tu sitio desde cualquier dispositivo, sino que al hacerlo tengan todas las posibilidades que tendrían desde una PC, mejorar la experiencia para todo tipo de sistemas y dispositivos. Sin duda alguna, trabajar estos dos elementos, diseño web y SEO, bien llevados de la mano, es un elemento poderoso para asegurar el camino al éxito de tu proyecto.

 

 

 

Iniciando tu proyecto web (II)

Continuando con nuestro artículo sobre iniciar tu proyecto web son lo que son los primeros pasos fundamentales para el camino al éxito de tu proyecto, ya tocamos el tema de la elección del nombre/dominio, seleccionar una plataforma o gestor de contenidos y la elección de un hosting, veamos los siguientes pasos para triunfar en el 2.0 al comenzar un proyecto.

Iniciando tu proyecto web (II)

Como iniciar tu proyecto web

   Direccionar el dominio: Son pasos sencillos que pueden dar algo de miedo cuando nunca se ha manejado un proyecto web, sobre todo al leer sobre DNS, Nameservers, que parece lenguaje arcano solo para los iniciados, pero luego descubres que se trata de colocar algunos datos que te da el host en una sección del menú en donde has registrado tu dominio, luego podrás crear el blog en el alojamiento y en pocas horas estará al aire. Lo normal es que el web host te asista mientras necesites para que tu proyecto esté al aire correctamente.

   Diseño web: Es un tema muy extenso, que ocupa imágenes, técnicas de publicidad incluso, pero digamos que el diseño de un buen proyecto va más allá de lo que la sola plantilla al colocar el proyecto al aire te permite. Hay que retocar un poco la plantilla, colocar plugins y usar algunas herramientas, según el gusto del webmaster y la temática del proyecto, para darle mejor imagen al conjunto y mejorar al máximo la funcionabilidad.

    Iniciar/publicar tus artículos: Ello aplica con variaciones para las emisoras online, tiendas online y todo tipo de proyectos, es el momento de soltar el barco, pero no te debes descuidar, hay que mantener siempre la ofensiva en redes y otras estrategias para mejorar el tráfico y el posicionamiento de tu proyecto web. Adelante.

 

 

Iniciando tu proyecto web

Da igual si estás interesado en monetizar, si quieres iniciar un blog por la afición que sientes por determinada temática o si se trata de obligaciones determinadas, a la hora de un proyecto web, hay ciertos pasos obligatorios que debes dar para iniciar. Ojo, para nada es necesario ser programador, diseñador, experto en marketing ni nada similar, se trata de ponerle ganas, tener creatividad y organizarte para rendir al máximo el tiempo que dedicarás a tu proyecto.

Iniciando tu proyecto web

Iniciando tu proyecto web

     Nombre/dominio del sitio: Es lo primero, por supuesto. El nombre de tu proyecto le define ante el público, viene a ser lo que muchos denominan “la marca” y debe tener algunas consideraciones: – Ser fácil de recordar – con “gancho” – preferiblemente corto – Si es un proyecto de peso, revisar la cantidad de busquedas/demanda para ese dominio/palabra clave. Es importante recordar que, a diferencia de muchos años atrás, ya los webmaster no tienen solo 4 o 5 terminaciones para sus dominios, de las tradicionales .com .org .es .net .info … hoy día existen docenas de terminaciones que puedes usar de acuerdo a la temática y carácter de tu proyecto (.club, .live, .rock, .bio, .online, .guru…) con lo cual casi todas las temáticas quedan cubiertas.

     Gestor de contenidos/plataforma: Entre tantas opciones, hoy día wordpress está posicionado de manera aplastante como la plataforma preferida por la mayoría de webmaster, la facilidad que brindan sus plugins, la inmensa cantidad de temas que existen, sin duda wordpress, más que una opción, es la opción como gestor de contenidos.

 – Alojamiento web: Es uno de los pasos fundamentales y siempre hay que tomar en cuenta que los servicios de web host profesionales cobran por la garantía que te ofrecen, sobre todo en cuanto a estabilidad. No cedas a la tentación de iniciar con un hosting gratuito, preferiblemente contrata con una compañía conocida, con años en el mercado y bien reseñada por usuarios.

 

 

 

 

Menús escondidos. Del móvil a la PC

El auge de la telefonía móvil implicó cambios sustanciales en los sitios web, de pronto eran millones de nuevos usuarios, por lo que la demanda hacía más que validero introducir los cambios a que hubiese lugar para que estos usuarios tuviesen la misma experiencia de usuario o quizás mejor, que el resto de los internautas, de ahí nacieron los menús escondidos.

Menús escondidos. Del móvil a la PC

Menús escondidos del móvil a la PC

Cuando entramos a un sitio web, una de las cosas más útiles que encontramos son los menús, estos nos permiten acceder a las distintas categorías o páginas del sitio con solo un clic, pero en los móviles ello representaba un problema, colocar un menú horizontal con 12 elementos es simplemente imposible en la mayoría de los móviles y hacerlo de manera vertical ocuparía toda la pantalla.

¿Qué camino tomar?

Se crearon los menús ocultos. Este inteligente sistema permite que en una esquina de la pantalla, en un cuadro que apenas se asoma, alguna palabra te indique que al deslizar el dedo y sacar ese menú, tal cual se lee, tendrás a la vista las opciones que necesitas, pero si no requieres de ello, se mantendrá oculto, manteniendo una mejor visión del conjunto y afectando al mínimo la calidad en la experiencia de usuario.

Fue tanta la mejoría que representó este sistema, que pronto los sitios web empezaron a experimentar con menús escondidos para la navegación desde las PC de escritorio y es así como llegamos a un elemento natural en las tendencias de diseño web de la actualidad. Los menús ocultos nos permiten mirar el máximo de elementos y panorámica en la pantalla, con ello tenemos una pantalla en apariencia más grande al momento de navegar y solo sacamos a la vista los elementos que necesitamos.