Diseño UI

¿Qué es el diseño web UI?

Diseño UI es un acrónimo inglés que en español traducimos como «diseño de interfaz de usuario».

La interfaz es el medio en el que el usuario se comunica con un equipo o dispositivo. Existen 3 formas diferentes de comunicarse  con las máquinas.

La primera y más difícil de aprender es la interfaz de línea de Comandos. Es lo que conocemos como el «código» de toda la vida. Se trata de una comunicación a través de caracteres alfanuméricos que no todo el mundo aprende con facilidad.

Después están las interfaces Gráficas de usuario. Son las más utilizadas ya que permiten comunicarnos con los equipos en un lenguaje gráfico y visual, fácil y cómodo de utilizar.

Y por último la interfaz Natural de Usuario:  pueden funcionar con reconocimiento de voz como Alexa, o por el movimiento como los sensores de la Wii.

¿Qué hace un Diseñador web UI?

Un diseñador web especializado en UI, se encargará de que el aspecto, la tipografía, los colores, y la disposición de los elementos en la web vayan enfocados a garantizar la plena usabilidad de la página en la que se encuentre.

Todo lo que exista en ese espacio debe estar por una razón y debe cumplir un propósito de manera eficaz. Además de ser visualmente agradable y atractivo.

El usuario ha de poder familiarizarse enseguida con su funcionamiento y debe responder no sólo al estándar esperado, si no superarlo.

Como ejemplo, para ponernos en situación, imagina que visitas una tienda online por primera vez. Nos encontramos ante una Interfaz Gráfica de Usuario. Pero a la vez, por debajo se está ejecutando la Interfaz de línea de comandos , el código.  Para que puedas visualizar la página tal cual.

diseño ui tienda online shokaweb

Es habitual encontrar una página inicial con ofertas, grandes fotos de productos, banners con animación publicitaria.

Probablemente vengas buscando algo en concreto y esa primera página debe ayudarte a encontrarlo cuanto antes. Te ofrece una  barra de búsqueda.

Analicemos lo que ha pasado hasta ahora.

Desde que has entrado, puedes observar que lo que aparece en esa primera página no es baladí.

La estética del espacio dependerá del buen gusto del diseñador, pero si vemos el plano completo, de entrada ya te está ofreciendo tres cosas fundamentales para que te animes a quedarte un rato :

  • Una muestra de su catálogo
  • Una sección con ofertas puntuales
  • una barra de búsqueda para encontrar algo concreto
El diseño UI ayuda a que todo en la página fluya hacia una conversión, gracias a la buena experiencia que el usuario está teniendo en ella.Las imágenes describen el producto a la perfección, los textos son precisos, los anuncios son relevantes. El conjunto al completo está cuidado, pulido. Lo que ofrece una sensación de comodidad y satisfacción en el usuario. 

¿El Diseño UI es importante en el proceso de compra?

Imagina de nuevo que estás en esa agradable tienda online de la que hablábamos antes.

Después de haber elegido el producto deseado, y añadirlo al carrito de la compra, llega el momento de efectuar el pago.

diseño ui tienda online shokaweb

Aquí también tiene mucho que ver un buen diseño de interfaz de usuario.

En las tiendas online la mayoría de los carritos se quedan por el camino antes de finalizar la compra. ¿Porqué? hay muchos motivos. Seguro que tú como usuaria te habrás encontrado alguna vez con interminables procedimientos sólo para saber cuánto costarán los gastos de envío.

El diseño UI hará de este proceso algo cómodo y poco intrusivo.

El usuario quiere tener toda la informacióon posible sobre su compra antes de entregarnos cualquier dato personal. y es comprensible ¿no?

¿Por qué para saber el precio final tengo que decirle a la página hasta mi horóscopo chino?

Fuera. No queremos que el usuario desconfíe, o se aburra de rellenar campos.  Así que en esta tienda online el precio total del producto, incluidos los gastos de envío son visibles en cualquier momento de la fase de compra.

A la hora de pagar, esta tienda te facilita abonar tu compra como mejor te convenga. Evitando solicitar datos que no vayan a ser de utilidad en la tramitación de tu pedido.

diseño ui tienda online shokaweb

Una vez efectuado el pago, la tienda online te confirmará la recepción del pedido para que puedas dar el proceso por finalizado.

En este último paso, despedirte de tu cliente de manera agradable y cordial, agradeciendo su confianza, ayudará aún más a ofrecer una correcta experiencia de usuario.

diseño ui tienda online shokaweb

De esta manera, la tienda online que hemos visitado nos ha ofrecido contenido de calidad durante todo el proceso de compra. El diseño Ui ha ayudado a que toda la visita haya fluido hacia la consecución del objetivo.

 Obviamente aquí también juega un papel importantísimo el Diseño gráfico, sigue el enlace para más info. 🙂

Tarifas de diseño y desarrollo web

Las tarifas de diseño y desarrollo web que tengo en ShokaWeb están disponibles aquí.

Si necesitas información adicional sobre cualquiera de los puntos que conforman estas tarifas, puedes echar un vistazo a la entrada «Diseño de Páginas web» de este mismo sitio.

Allí estoy desarrollando punto por punto, para que entiendas lo que son y porqué están incluidos en estas tarifas. Es posible que no encuentres precios para todo. Actualizo la web a diario, así que si hoy no encuentras algo, lo encontrarás en otro momento. Hay otras servicios que no aparecen, porque dependen de muchos factores.

Los trataremos todos llegado el momento, y decides si te compensa.

Tarifa diseño web shokaweb


590€

Añade extras en la calculadora para ver sus precios

Si tienes cualquier duda sobre las tarifas de diseño y desarrollo web, lo mejor es que contactes conmigo. Puedes hacerlo en esta misma web en la pestaña Contacto. O a través de redes sociales. Facebook, Instagram. Estoy a tu disposición

Calcula para gestionar tu presupuesto

Con esta herramienta puedes ir marcando los servicios que te interesan y hacerte una idea del precio final. Recuerda que en los precios no está reflejado el IVA.

Los Precios No Incluyen el IVA

Servicios de Diseño Gráfico

Si tus anuncios tienen poca visibilidad o no parecen ser lo suficientemente profesionales, es probable que no consigas los resultados que esperabas.

También plantearse crear un catálogo vistoso y llamativo debería ser una prioridad si tu empresa comercializa productos o consumibles. 

Igual que si decides lanzarte a publicar un libro, ebook o dossier con tus servicios. Aquí te dejo una infografía con los precios por cada tipo de trabajo. Contáctame si tienes cualquier duda y veremos qué se puede hacer con tu idea.

Tarifas diseño gráfico shokaweb

Servicios de posicionamiento SEO

En caso de que ya poseas página web, pero no le hayas aplicado SEO, puedes optar por todos estos servicios que puedo ofrecerte.

Y si una vez hecho el trabajo de seo principal en tu página, quieres que continúe trabajando en ella para aumentar tu presencia en buscadores, sin invertir dinero en google, puedo ofrecerte una tarifa plana mensual. 

Recuerda que puedes añadir estos servicios a la calculadora.

Servicios de Posicionamiento SEM

Hacer SEM significa crear campañas en buscadores o redes sociales y pagar porque tu anuncio salga en las primeras posiciones de google. Basicamente.

Cuanto más común sea tu nicho de mercado, y use unas palabras clave muy codiciadas, más caro te saldrá. Pero hay muchas maneras de hacerlo creando un presupuesto cerrado y jugando con él.

En shokaweb puedo crear tus campañas publicitarias por ti. Puedes lanzar campañas puntuales, o puedes asignar una parte de tu presupuesto a tener presencia. Sobre todo cuando tu página aún está creciendo y quieres empezar a tener visitas.

Las tarifas para SEM no se encuentran en la calculadora porque cobramos a porcentaje de lo que tú inviertas al mes en una campaña. Contacta conmigo y te explico cómo. O puedes echar un vistazo al dossier.

Servicio de mantenimiento web

Un servicio de mantenimiento puede ser lo que necesitas si esto del desarrollo web no es lo tuyo, o no le puedes dedicar el tiempo que necesita.

El trabajo en una página web no acaba cuando el proceso de crearla ha terminado. Los plugins o aplicaciones de tu sitio necesitan actualizaciones y revisiones continuas.

Tanto si vas a encargarte tú de crear contenidos de calidad, como si prefieres que ShokaWeb lo haga por ti, tengo opciones que ofrecerte.

Tocará preguntarse cuánto depende tu negocio de tu página web. Obviamente, si piensas que será la piedra angular, va a necesitar de una gestión y un control más exaustivo.

Si crees que dedicarle tiempo a la página, restará tu eficacia en tu labor, te animo a que delegues en mí esa responsabilidad.

1- Mantenimiento Básico 50€/mes

2- Mantenimiento Medio 90€/mes

3- Mantenimiento Completo 200€/mes

Diseño de páginas Web

Diseño de paginas web. Servicios de marketing ético digital

En el Diseño de páginas web vamos a plantearnos muchas preguntas y es recomendable contar con un profesional competente. Si decides contratar los servicios de un profesional ten siempre la seguridad de que te ofrecen Diseño y Desarrollo. No sólo diseño. Que por ahí la lían algunos.

La base del marketing digital comienza por tu espacio en Internet.

Aquí expongo los primeros pasos en la creación de una página web. Quiero que conozcas cuál es el procedimiento estándar que utilizo yo, y así también aprovecho para iniciarte en esta andadura hacia tu presencia en Internet.

¿Alguna duda hasta aquí? Puedes preguntar cualquier cosa en los comentarios de esta entrada, rellenando un formulario de contacto o visitando nuestras redes sociales 😁

En cualquier caso, si ahora no te surgen dudas, comenzarán a aparecer en cuanto te pongas a ello, créeme.

Ejemplos de diseño web corporativa

Si estás pensando en hacer una web, ya sé cuál es tu primera duda. ¿Cuánto cuesta una web? Puedes pasarte por la pestaña de Tarifas de diseño y desarrollo web y le echas un vistazo. Luego puedes volver aquí si hay algún término o proceso que no entiendas.

En cualquier caso cada proyecto es distinto. Es posible que sólo necesites hacer algunos cambios en tu web. Hacerla más atractiva o moderna. o que necesites una tienda Online.

ejemplo diseño web tipo magazine
Ejemplo web tipo Revista
ejemplo diseño web corporativo
Ejemplo web corporativa
ejemplo diseño páginas web restaurante
Tipos de subpáginas

Esto sólo son ejemplos de diseño de páginas web corporativas que podría encajar en muchos sectores. No sólo en la restauración.

Cómo empezar con mi página web

Elegir un hosting

Para llegar al diseño web, primero deberemos elegir un Hosting para nuestra página.

Un hosting viene a ser el hotel en el que vivirá tu página.

En el hosting te hospedan la página durante el tiempo que quieras. Lo más habitual es que se empiece con una suscripción a un año.

Diseño de paginas web. Monstruito shokaweb
El pequeño monstruito que es tu web, eligiendo habitación.

Elegir un dominio

También deberás elegir el Dominio de tu página. Que viene a ser el nombre que quieras darle seguido del .com .es o cualquier punto que esté disponible y sea de tu interés.

Elegir el dominio de tu sitio, el punto en el que acaba, también es una parte importante a tener en cuenta.

Los dominios que acaban en .com o .net son dominios universales o genéricos que suelen ser algo más caros que comprar un .es.

El dominio .es se refiere al territorio español, .eu al europeo, etc.

Elegirlo dependerá de tu tipo de negocio:

  • Si vas a recibir usuarios/clientes de otros países, viene bien un dominio universal que no determine dónde desarrollas tu actividad.
  • O si por el contrario tu rango de acción se centra más en el territorio que habitas, o donde quieres vender.

En cualquier caso tu página en .es se verá igual en cualquier parte del mundo. No quiere decir que si es .es sólo se vea en España.

Elegir un hosting y comprar un dominio

Si escribes este título directamente en tu barra de búsqueda, vas a encontrarte con un verdadero aluvión de sitios donde poder hospedar al pequeño monstruito que será tu página web.

pequeño monstruo mascota shokaweb
Pequeño monstruito mascota shokaweb
Cómo se hizo el monstruo mascota de ShokaWeb, por kamyudigitalartworks

Lo que un profesional de Diseño de páginas web suele hacer, es cribar por ti en ese bazar de hoteles para páginas, y encontrarte el que cumpla con un buen precio y mejor soporte por parte de su equipo.

Queremos un hotel que no se pase con los precios, pero que nos ofrezca una atención al cliente como la que nosotros queremos ofrecer a los nuestros.

Es un buen motivo por el que contratar los servicios de alguien que conozca la forma de trabajar habitual de los Hosting. Así evitaremos engrosar el presupuesto innecesariamente, perdiendo unas monedas que nos vendrán estupendamente más adelante.

Diseño y desarrollo web Shokaweb
Contrata servicios de diseño web a un profesional

Comprar el dominio en el mismo hosting es posible. De hecho es una práctica habitual. A veces los hosting te ofrecen el dominio gratuito si te hospedas con ellos durante un tiempo determinado.

También puedes elegir comprarlo en otro sitio que venda dominios. Puede ser que lo hayas visto más barato, o simplemente quieres comprarlo por separado.

Lo engorroso de comprarlo en sitios distintos, es que tienes que estar pendiente de dos renovaciones, en dos sitios diferentes.

Mientras que si lo compras todo en el mismo sitio, a la hora de renovar será algo más automático. Y por lo tanto más eficiente.

Al comprar hosting y dominio en sitios distintos, también es habitual encontrarse con algún obstáculo, como cuando por lo que sea te interese migrar tu dominio comprado en otro hosting, al hosting en el que tu monstruito vivirá de ahora en adelante.

Como ves, para todo hay que estudiar, como dice mi madre. Y a veces no es posible saber de todo.

contrata profesionales shokaweb
Intentar cubrir todos los frentes puede influir en tu estado de ánimo

Un motivo más para contratar los servicios de un diseñador de páginas web profesional. 😉

Nosotros, los diseñadores, ya estamos acostumbrados a pegarnos con eso y aunque estoy segura de que podrías hacerlo por ti misma/o, se trata de no perder tiempo en trivialidades que te distraen de tus obligaciones o de tus intereses. Se supone que queremos optimizar nuestro trabajo.

Pregúntate ¿qué podrías estar haciendo? en lugar de estar pegándote con «¿cómo se hace esto que no he hecho nunca?».

Bien, ahora que ya hemos elegido el Hotel para nuestro *monstruito. es (por ejemplo). Tenemos que elegir habitación.

La habitación de tu monstruito es el CMS de tu página.

¿Qué es un CMS?

Es un Sistema de Gestión de Contenidos. Del inglés Content Management SystemLa wikipedia te explica que :

Un CMS es un programa informático que permite crear un entorno de trabajo para crear y administrar contenidos.

Wikipedia
gestor de contenidos diseño web shokaweb

Seguro que has oído hablar de WordPressJoomlaPrestashop, etc. Se trata de que utilices cualquiera de estos programas para empezar a hacer tu página web. Te facilita la vida si nunca aprendiste código html.

¿Qué CMS elegir?

Esta parte la voy a simplificar enormemente animándote a que elijas WordPress como la habitación de tu *monstruito. es .

WordPress es increíblemente completo, tiene millones de usuarios y se puede hacer casi cualquier cosa. Además de lo fácil de aprender y gestionar cuando lo conoces.

Así aunque encargues a un profesional la creación y el diseño de tu página, podrás aprender con rapidez a gestionarla tú misma/o.

Certificado SSL

shokaweb certificado SSL diseño páginas web

En la barra de búsqueda de los navegadores puedes ver un icono de un candado cerrado, normalmente.

Eso significa que el sitio que estás visitando dispone de un cifrado de seguridad (ya casi obligatorio) si quieres dar confianza a tus visitantes desde el minuto 1.

Añadir este protocolo es vital para hacerte amigo no sólo de tus visitantes, si no también de los motores de búsqueda.

Google prefiere los sitios que velan por la seguridad de los datos que puedan recogerse de la visita.

Una vez que tienes instalado el certificado SSL en tu página, la dirección de tu sitio en vez de aparecer con el típico http:// habrá cambiado para convertirse en https://

Así que Certificado SSL sí. Siempre.  Asegúrate de que está incluido en cualquier tarifa de cualquier diseñador de páginas web que elijas.

Diseño Web UX/UI

diseño de páginas web UX UI Shokaweb

¿Y esto qué es? 🤔

Bueno. UX y UI Son dos acrónimos de siglas en inglés. Como siempre.

UX (User Experience) o “Experiencia de Usuario” se conoce como la percepción de un usuario al tratar con un producto. Implementar ésta técnica a un diseño permite una óptima integración de todos sus elementos de forma cómoda e intuitiva. Conociendo de antemano las necesidades de los visitantes mientras navegan por el sitio web.

UI (User interface) o “Interfaz de Usuario” se refiere a la parte creativa del diseño en la que interviene la arquitectura de la página, la usabilidad, los colores.

Utilizar estas técnicas favorece no sólo al tráfico a tu sitio. Si no también a estructurar y definir nuestra marca en la red.

Siempre debemos ofrecer la mejor experiencia posible a nuestros clientes.

En Shokaweb ofrezco diferentes formas
de contratación de servicios.

Podrás encargar sólo el diseño y puesta en marcha, o también puedo ofrecerte un servicio de mantenimiento adaptado a tus necesidades.

Así tendrás la seguridad de que tu monstruito está vigilado aunque tú no puedas pasar a verlo tanto como quisieras

Mientras continúo añadiendo contenido, puedes informarte de todo a través del formulario de la pestaña CONTACTO

Quién Soy y qué hago

Presentación

foto marketing digital

Soy Pilar Ruiz 😊  Me dedico al Marketing digital profesionalmente desde hace una década.

Durante este tiempo me he formado, y sigo formándome en diferentes disciplinas dentro del mundo de la «mercadotecnia». Que es un término más latino, pero suena raro, no?

Ahora además de ofrecer mis servicios como marketera, también quiero dar a conocer desde esta web de Marketing Ético Digital, los beneficios de implantar o fomentar esta práctica en las pequeñas empresas.

Mi trabajo siempre ha ido enfocado al Marketing Ético, a la atención al cliente, de una manera u otra. En todos los campos he trabajado buscando la mejor experiencia posible para el cliente, o el usuario. No soy capaz de verlo de otra manera.

Durante mis años de experiencia, he participado en muchos proyectos que han ayudado a mis jefes a alcanzar sus objetivos. Actualmente quiero lanzarme a la aventura en solitario y ofrecer mis conocimientos desde mi propio punto de vista.

¿Qué hago?

A Yaya no le gusta que la gente se quede de brazos cruzados -Explicó-. Dice que a una niña que sabe hacer cosas, nunca le faltará una manera de ganarse la vida

Ritos Iguales (Mundodisco 3)
Escrito por Terry Pratchett

Para hacer Marketing Digital es necesario tener algunas herramientas en el maletín de trabajo. En el caso de un marketero, ese maletín es nuestra cabeza, y las herramientas son los conocimientos que vamos adquiriendo según avanzamos en la profesión.

habilidades marketing digital shokaweb
Habilidades: Entrenamiento avanzado, Competencias, Conocimientos, Aprendizaje,Experiencia,Habilidad,Crecimiento.

También para dedicarse a esto, deberías tener superados algunos puntos como son la Edición de páginas web, o el Diseño gráfico. Y tampoco viene mal que te guste bucear en el mar del marketing, porque hay mucho que aprender, y muchas formas de mostrar un producto o servicio.

¿Qué servicios ofrezco?

En mi maletín de herramientas, puedes encontrar los recursos o skills que lo conforman. Los usaremos según el tipo de negocio, de medios que poseas o el tipo de estrategia que proceda en cada caso.

  • Diseño Gráfico
  • Diseño Web UX/UI
  • Google Ads
  • Facebook Ads
  • Creación de contenidos. (Copywriter).
  • Email marketing
  • Tu Marca personal. (Branding)
  • Community Manager
  • Edición de vídeo
  • Publicidad
  • Digitalización de empresas
  • Design Thinking
  • Marketing de atracción.
  • Inbound Marketing

Mi punto de vista

Es obvio que las pequeñas empresas queremos mejorar nuestros números. Para eso, además de vender mucho, debemos fidelizar a nuestros clientes. Una pyme necesita el número determinado de clientes habituales que sustentan su empresa. Si no, es impensable la contratación externa de servicios como el que yo ofrezco. Y de la inserción en plantilla interna para qué vamos a hablar…

Desde mi punto de vista del marketing digital, para fidelizar al cliente en éste área y en todas las demás, hay que ser buena en tu trabajo, honesta y responsable. Y si cumples esas premisas es necesario hacerse ver por encima de quien sabe venderse y poco más.

 Internet hoy nos facilita destacar, aunque sé que puede parecer tedioso y difícil, es el camino que debes tomar hoy para perdurar. Párate a pensar en lo que se están perdiendo los consumidores mientras tú y tu producto o servicio, os encerráis en las prácticas tradicionales.
Eres un bien para la sociedad. Aún quedan, menos mal! ¿no?

Todoterreno, multitarea. ¿Es rentable?

Se habla mucho hoy en día, de lo fácil que es publicitarse en las redes sociales, Hacerte tu propia web, tu propio logo.

Entonces a las trabajadoras autónomas les suele asaltar la idea de que eso es algo que también pueden hacer ellas (además de abrir, cerrar, sumar, restar, pagar…).

Si eres constante, comprometida y obtienes algunos buenos resultados, darás el área por cubierta.

Y si eso es suficiente, ¿quién soy yo para decirte lo contrario?.

Claro, que no tengo por qué decirte que seguro podrías sacarle más partido, si dejas que alguien que sólo tiene que dedicarse a eso, lo haga por ti.

Pero sólo es mi punto de vista (del marketing digital). 😝

La inversión en alguien que se encargue de arreglar los resultados de la web que te creó tu sobrino, y que optimice tus campañas de anuncios en redes sociales, es a menudo una forma de aumentar los ingresos y visitas de clientes a tu negocio.

Es posible que pueda ofrecerte nuevas ideas y una visión externa más objetiva del contexto de tu empresa. Además, probablemente terminará financiándose sólo.

Gracias a los buenos resultados que irá obteniendo. ☺

Creo que en todos los aspectos en los que sea posible, deberíamos centrarnos en un objetivo concreto. Hay un dicho que reza «El que mucho abarca, poco aprieta«. Y seguro que tiene algo de razón.

No se trata de abarcarlo todo sólo con dos brazos. Delega, deja que te ayuden y concéntrate en lo que mejor sabes hacer tú.

Con más brazos, se abarca más. 😉