{"id":263375,"date":"2023-10-06T15:30:00","date_gmt":"2023-10-06T12:30:00","guid":{"rendered":"https:\/\/inform.click\/guia-ninja-sobre-como-disenar-mejor-la-web\/"},"modified":"2023-10-06T15:31:00","modified_gmt":"2023-10-06T12:31:00","slug":"guia-ninja-sobre-como-disenar-mejor-la-web","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/guia-ninja-sobre-como-disenar-mejor-la-web\/","title":{"rendered":"Gu\u00eda ninja sobre c\u00f3mo dise\u00f1ar mejor la web"},"content":{"rendered":"

\n Anteriormente, los sitios web estaban intrincadamente dise\u00f1ados a partir de la nada, sin ning\u00fan tipo de ejecuci\u00f3n de formatos o estilos planificados previamente. Se mejoraron enormemente de esa manera.\n<\/p>\n

\n As\u00ed que alude a ello como una verdad aguda o un mito, sin embargo, los sitios sol\u00edan ser m\u00e1s creativos y caprichosos con una pizca de matices salvajes y dise\u00f1os experimentales y algunos incluso ten\u00edan un video de fondo. En todos los sentidos, fue mucho m\u00e1s divertido y genial de lo que es hoy en d\u00eda.\n<\/p>\n

\n En estos d\u00edas, todos los dem\u00e1s sitios web que visita se parecen a cualquiera de ellos de alguna manera, como si estuvieran integrados en paquetes. Algunas de las cosas comunes m\u00e1s notables son: la presencia de im\u00e1genes destacadas o controles deslizantes dentro de un sitio web. Acompa\u00f1ado de la barra de navegaci\u00f3n en la parte superior de la pantalla. Ciertas l\u00edneas voluminosas escritas en algunas fuentes personalizadas junto con botones que se usan para desplazarse por la p\u00e1gina. Y con todo esto unas breves descripciones sobre el producto o servicio que ofrece la organizaci\u00f3n.\n<\/p>\n

\n Parece obvio que este a\u00f1o tambi\u00e9n prevalecer\u00e1 algo similar, sin embargo, para llegar a algo listo para usar, hay algunas cosas que deben tenerse en cuenta y que recibir\u00e1n hoy.\n<\/p>\n

\n Raz\u00f3n detr\u00e1s del dise\u00f1o web que pierde su toque creativo
\n<\/h4>\n

\n Como un hecho cuestionable, uno puede expresar f\u00e1cilmente que las arquitecturas de sitios web en circunstancias anteriores eran algo malas en ocasiones con un estilo astuto, pero pose\u00edan la encarnaci\u00f3n misma de la energ\u00eda creativa y la experimentaci\u00f3n. Al igual que esos, parece que hemos estado leyendo algo similar solo con un ligero cambio en los arreglos de dise\u00f1o y el sombreado.\n<\/p>\n

\n Hasta nuevo aviso, es muy evidente que la planificaci\u00f3n web se ha vuelto extremadamente let\u00e1rgica en t\u00e9rminos de singularidad e inventiva. \u00bfEs porque lo hicimos relativamente menos exigente? Lo m\u00e1s probable es que con la aparici\u00f3n de estructuras prefabricadas, todos y cada uno de los dise\u00f1adores puedan configurar un sitio ornamental f\u00e1cilmente en cualquier momento imaginable.\n<\/p>\n

\n Por ejemplo, si consideramos el uso de Bootstrap, en los \u00faltimos a\u00f1os, ser\u00e1 uno de los m\u00e1s utilizados en t\u00e9rminos de planificaci\u00f3n del sitio. Como en m\u00e1s del 25% de los sitios que visitamos pr\u00e1cticamente todos los d\u00edas, se describen utilizando Bootstrap.\n<\/p>\n

\n El prop\u00f3sito fundamental de su uso esencial es que Bootstrap proporcione r\u00e1pidamente los componentes que un creador requiere teniendo en cuenta el objetivo final para planificar un sitio. De esta manera, su uso anima el proceso.\n<\/p>\n

\n En cualquier caso, esto puede llevar a que la inventiva y la singularidad se pierdan para siempre, por lo que analizaremos ciertas verdades fundamentales que permitir\u00e1n al creador dar otra forma a su energ\u00eda creativa y convertir un sitio en excepcional incluso utilizando los componentes disponibles de inmediato.\n<\/p>\n

\n Entonces, \u00bfqu\u00e9 es lo que realmente piensa acerca de su sitio? \u00bfEs solo un lugar que contiene y equipa los datos mejorados sobre su asociaci\u00f3n, aplicaci\u00f3n o art\u00edculos? De hecho, si busca la perspectiva de un especialista, un sitio debe ser algo que retrate la historia de su imagen y atraiga a sus visitantes por todos los medios imaginables y los mantenga encantados.\n<\/p>\n

\n Aunque una historia puede comenzar con un poco de pensamiento y garabateada en el papel con un bol\u00edgrafo. Es la composici\u00f3n web la que le dar\u00e1 vida. As\u00ed que deber\u00edamos continuar con los caminos que te dejar\u00e1n listo para perfilar un sitio notable.\n<\/p>\n

\n 1 Usa im\u00e1genes para interactuar
\n<\/h5>\n

\n El objetivo esencial que cada modista debe recordar es que el plan que utilice debe ser exteriormente cautivador. Hasta tal punto que capta la atenci\u00f3n de un invitado e insta al individuo a hojear la p\u00e1gina completa.\n<\/p>\n

\n Fotograf\u00edas trascendentales, delineaciones animadas o grabaciones fascinantes que ayudan a llamar la atenci\u00f3n del observador. Y, adem\u00e1s, hacer la presentaci\u00f3n inicial con el objetivo final de que dure lo suficiente como para convertir al observador en un cliente potencial.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Sin embargo, la idea clave es aparecer y no contar y mantener las cosas ordenadas como sea necesario.\n<\/p>\n

\n La historia debe estar llena de simbolismo, tanto exteriormente a trav\u00e9s del esquema como con las palabras que aparecen en la pantalla. Dise\u00f1e una paleta de colores que se adapte espl\u00e9ndidamente a la historia que est\u00e1 contando, con partes que lleven a los invitados a completar una meta o un recado en el proyecto. Una buena historia ayudar\u00e1 a liderar el camino de los invitados. Adem\u00e1s, el contorno debe ser una coincidencia visual verificable.\n<\/p>\n

\n 2 Conc\u00e9ntrese en el desarrollo de personajes para su sitio
\n<\/h5>\n

\n Mientras esbozamos un sitio, regularmente parloteamos sobre la personalidad del cliente. A decir verdad, es uno de los componentes clave del proceso de avance. Por lo tanto, la presentaci\u00f3n de un personaje en su historia con el que los clientes puedan relacionarse positivamente lo lleva a un nivel completamente nuevo.\n<\/p>\n

\n El personaje puede ser genuino y moverse desde el principio a lo largo del plan o puede verse como una voz cercana al contenido.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Por ejemplo, puede considerar que el famoso personaje utiliz\u00f3 la plataforma de correo electr\u00f3nico Mailchimp-Freddie. Esta mascota toon que vemos a lo largo del plan, los avances del blog y las ventanas emergentes del logotipo realmente hacen algunas cosas por la organizaci\u00f3n.\n<\/p>\n

    \n
  1. En primer lugar, el personaje ayuda a iluminar el nombre de la organizaci\u00f3n. Como suplantado en una cruzada de publicidad viral que incluye todos los \u00e1mbitos, hubo una queja con el nombre de la organizaci\u00f3n \u00abMailchimp\u00bb. Sin embargo, un chimpanc\u00e9 que aparece junto a las palabras legitima el nombre.\n <\/li>\n
  2. Adem\u00e1s del personaje, tambi\u00e9n delinea la naturaleza divertida que la organizaci\u00f3n quiere representar con un tono claro y visuales simples.\n <\/li>\n
  3. Freddie le da a la organizaci\u00f3n una historia cuando no tienen una gran cantidad de cosas diferentes para discutir en puntos de vista especiales. \u00bfC\u00f3mo surgi\u00f3 el chimpanc\u00e9? \u00bfDe d\u00f3nde se origin\u00f3 su nombre? etc\u00e9tera. El personaje se queda con la historia n\u00edtida y empujando hacia adelante.\n <\/li>\n<\/ol>\n
    \n 3 Invocar la participaci\u00f3n a trav\u00e9s del dise\u00f1o
    \n<\/h5>\n

    \n Aumente el valor del plan con componentes intuitivos combinados con actividades regulares. Agregue toques de actividad a los botones que los usuarios deben notar o ayude a dirigir la vista a componentes espec\u00edficos con se\u00f1ales direccionales, como pernos o im\u00e1genes que se \u00abinclinan\u00bb hacia ese componente inteligente.\n<\/p>\n

    \n Considere diferentes impactos que pueden mantener a los clientes atra\u00eddos por la historia. La apariencia de paralaje, por ejemplo, es un enfoque excepcionalmente cautivador para ayudar a potenciar el desarrollo en la pantalla. Esa es una de las razones por las que este m\u00e9todo es tan prominente.\n<\/p>\n

    \n Una historia decente no necesita ser alucinante. Human impulsa su historia con movimientos de deriva b\u00e1sicos combinados con fotograf\u00edas grupales para ayudarlo a conocer a la poblaci\u00f3n general detr\u00e1s de la organizaci\u00f3n. Es sencillo y convincente. (Tome nota tambi\u00e9n de la fotograf\u00eda del personal. Las posturas divertidas y las apariencias externas dejan que el car\u00e1cter de cada colega irradie).\n<\/p>\n

    \n 4 Contin\u00fae con microinteracciones significativas
    \n<\/h5>\n

    \n Considere los componentes menores en el esquema con los que los clientes interactuar\u00e1n. Los sitios de redes sociales basados \u200b\u200ben la web impulsan espec\u00edficamente tanto el compromiso ya que hacen encuentros b\u00e1sicos con micro interacciones.\n<\/p>\n

    \n Como repaso, las micro interacciones son minutos menores cuando un cliente se acerca con un plan. Cada vez que cambia una configuraci\u00f3n, comunica algo espec\u00edfico, inicia sesi\u00f3n o le gusta un estado, ha visto una micro interacci\u00f3n. Desde tocar el coraz\u00f3n de Instagram (y ver c\u00f3mo se pone rojo) hasta tocar para retuitear, estos c\u00edrculos de cr\u00edtica son los que hacen que los clientes regresen.\n<\/p>\n

    \"\"<\/a><\/p>\n

    \n Las micro interacciones significativas hacen un inter\u00e9s para el esquema. Incluye un nivel de capacidad para los clientes que hace que la experiencia general sea beneficiosa.\n<\/p>\n

    \n Las microinteracciones tambi\u00e9n hacen que un plan sea favorable o buscado. Conecte estos minutos con los objetivos clave de su sitio. Puede ser cualquier cosa, desde permitir que los clientes compartan un art\u00edculo que acaban de obtener hasta agregar algo a una lista de cosas para llegar a aceptar una advertencia.\n<\/p>\n

    \n 5) Deja que tu historia sea narrativa
    \n<\/h5>\n

    \n Cada historia tiene un comienzo, un centro y un final.\n<\/p>\n

    \"\"<\/a><\/p>\n

    \n En caso de que su arquitectura web no responda a este flujo de noticias, los clientes pueden confundirse o perderse. Aqu\u00ed est\u00e1 la menos compleja de las ecuaciones:\n<\/p>\n

    \n Inicio<\/strong>: Logotipo y caracter\u00edstica. D\u00edgales a los clientes su identidad y por qu\u00e9 est\u00e1n en su sitio.\n<\/p>\n

    \n Centro<\/strong>: Toda la historia de apoyo que te hace extraordinario. \u00bfQu\u00e9 ser\u00eda capaz de lograr para las personas que est\u00e1n en su sitio? \u00bfQu\u00e9 ser\u00eda una buena idea que anticiparan?\n<\/p>\n

    \n Final<\/strong>: Una sugerencia innegable para tomar acci\u00f3n, por ejemplo, un marco, capacidad para hacer una compra o conexi\u00f3n con otra cosa.\n<\/p>\n

    \n 6) C\u00ed\u00f1ete a la historia b\u00e1sica y simple
    \n<\/h5>\n

    \n Esto puede parecer contrario al punto mencionado anteriormente, pero la historia debe ser b\u00e1sica. Este no es un volumen de 1500 p\u00e1ginas. Una historia sencilla es aquella que podr\u00edas aclarar en 5 segundos o menos.\n<\/p>\n

    \n La historia debe atraer clientes de inmediato, dejar una impresi\u00f3n y hacer que quieran regresar. S\u00ed, puedes hacer esto con un comienzo, un centro y un final.\n<\/p>\n

    \n Upstream hace todo esto en la p\u00e1gina de destino: los clientes pueden buscar una mayor parte del \u00abcentro\u00bb de la historia, pero hay una mirada a las tres secciones en la p\u00e1gina de destino. Las im\u00e1genes y el contenido cuentan un relato de la necesidad y el poblamiento con Upstream all\u00ed para ofrecer asistencia. Hay un bot\u00f3n de \u00abincl\u00fayase\u00bb en la pantalla y la imagen es impactante hasta el punto de que necesita ofrecer ayuda.\n<\/p>\n

    \n La historia es directa y poderosa. Los clientes probablemente lo recordar\u00e1n… y usted.\n<\/p>\n

    \n 7) AMIGABLE PARA M\u00d3VILES
    \n<\/h5>\n

    \n Actualmente, es com\u00fan acceder a sitios desde numerosos dispositivos con diferentes tama\u00f1os de pantalla, por lo que es imperativo considerar si su sitio web es compatible con dispositivos m\u00f3viles. En caso de que su sitio web no sea compatible con dispositivos m\u00f3viles, puede modificarlo con un dise\u00f1o receptivo (esto implica que su sitio cambiar\u00e1 de acuerdo con los distintos anchos de pantalla) o puede crear un sitio m\u00f3vil dedicado (un sitio web separado optimizado espec\u00edficamente para usuarios m\u00f3viles).\n<\/p>\n

    \"\"<\/a><\/p>\n

    \n Es cualquier cosa menos dif\u00edcil hacer un sitio hermoso y \u00fatil, simplemente recordando estos componentes del esquema. \u00bfTiene una composici\u00f3n web que necesita investigar o mejorar? O, por otro lado, tal vez, est\u00e1 organizando un sitio y espera obtener el plan ideal desde la etapa m\u00e1s temprana. En cualquier caso, estos est\u00e1ndares de arquitectura de sitios web potentes pueden ayudar a que su sitio sea a\u00fan m\u00e1s cautivador, valioso y significativo para los visitantes.\n<\/p>\n

    \n 8) Actual\u00edzate con nuevas tecnolog\u00edas
    \n<\/h5>\n

    \n El mundo de la tecnolog\u00eda inform\u00e1tica cambia casi todos los d\u00edas, y para seguirle el ritmo, un especialista en sitios web debe sintonizarse de manera innovadora con los ajustes en el negocio. Recorta un fragmento de tu d\u00eda o semana laboral y ded\u00edcalo a adaptar cosas nuevas en tu campo. Descubra qu\u00e9 hay de nuevo, qu\u00e9 se inclina y qu\u00e9 se est\u00e1 quedando en el camino. Si prefieres que tus rivales no te quiten el negocio por tener toda la pinta de estar m\u00e1s al d\u00eda y m\u00e1s fresco que t\u00fa, presta atenci\u00f3n a este consejo.\n<\/p>\n

    \"\"<\/a><\/p>\n

    \n Una buena manera de permanecer excepcional es observar lo que prevalece en un centro comercial tem\u00e1tico o de dise\u00f1o como Envato Market. Al verificar los temas de mayor oferta, puede detectar desviaciones en lo que buscan los clientes y lo que ofrecen los diferentes planificadores.\n<\/p>\n

    \n A ti
    \n<\/h4>\n

    \n La planificaci\u00f3n web es un campo de prueba. El logro en el campo realmente requiere resiliencia y afirmaci\u00f3n para adaptarse a cada condici\u00f3n que se presente, y nunca paralizarse en cualquier momento en que las cosas no salgan bien, como es l\u00f3gico. Lo que necesitar\u00e1 con un objetivo final espec\u00edfico para lograr su profesi\u00f3n en la composici\u00f3n de sitios web es diligencia y un comportamiento de ‘nunca rendirse'. Muchos de ustedes ya deber\u00edan estar practicando bien uno o una gran parte de estos consejos en su vida profesional; Sin embargo, mi punto es controlar a los que no est\u00e1n al tanto de estos c\u00e1lculos de logros hasta ahora y record\u00e1rselos a las personas que definitivamente los conocen bien.\n<\/p>\n<\/p>\n

    \n Fuente de grabaci\u00f3n: instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    Anteriormente, los sitios web estaban intrincadamente dise\u00f1ados a partir de la nada, sin ning\u00fan tipo de ejecuci\u00f3n de formatos o estilos planificados previamente. Se mejoraron enormemente de esa manera. As\u00ed que alude a ello como una verdad aguda o un mito, sin embargo, los sitios sol\u00edan ser m\u00e1s creativos y caprichosos con una pizca de matices salvajes y dise\u00f1os experimentales y algunos incluso ten\u00edan un video de fondo. En todos los sentidos, fue mucho m\u00e1s divertido y genial de lo que es hoy en d\u00eda. En estos d\u00edas, todos los dem\u00e1s sitios web que visita se parecen a cualquiera de esos en alg\u00fan tipo…<\/p>\n","protected":false},"author":1,"featured_media":188801,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[203,60],"tags":[],"class_list":["post-263375","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=263375"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263375\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/188801"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=263375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=263375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=263375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}