4.1 Expresa ideas y conceptos mediante representaciones lingüísticas, matemáticas o gráficas. 4.2 Aplica distintas estrategias comunicativas según quienes sean sus interlocutores, el contexto en el que se encuentra y los objetivos que persigue. 8.2 Aporta puntos de vista con apertura y considera los de otras personas de manera reflexiva. 8.3 Asume una actitud constructiva, congruente con los conocimientos y habilidades con los que cuenta dentro de distintos equipos de trabajo.
martes, 29 de mayo de 2018
jueves, 26 de abril de 2018
Carpeta común para todo el 4a pweb.
https://drive.google.com/drive/folders/1s4dEtele6X8t4RAywnmDHcK40uPl3ijD?usp=sharing
viernes, 13 de abril de 2018
viernes, 6 de abril de 2018
domingo, 18 de marzo de 2018
viernes, 16 de marzo de 2018
lunes, 5 de febrero de 2018
RUBRICA DE TAREAS
FECHA
|
TAREA
|
MATERIA
|
CALIFICACION
|
NOMBRE DEL ALUMNO
|
NO. DE LISTA
|
Indicadores
a evaluar
|
Puntaje
asignado
|
Puntaje
Obtenido
|
1-.Presenta cuaderno con
limpieza y en fecha solicitada
|
2
|
|
2-. Los contenidos están
registrados ordenadamente y, completamente con títulos incluidos
|
4
|
|
3-. Las actividades de clase están realizadas siguiendo
un procedimiento establecido
|
5
|
|
4-. Posee datos
personales
|
1
|
|
Puntaje total
|
12
|
Rúbrica para evaluar una página web
Rúbrica que evalúa una página web
Descarga los apuntes del parcial 1 DISEÑO DE INTERFACES
DISEÑO DE INTERFACES
Descarga los apuntes del parcial 1 DISEÑO DE INTERFACES
DISEÑO DE INTERFACES
viernes, 2 de febrero de 2018
FASES DEL APRENDIZAJE BASADO EN PROYECTOS
El aprendizaje basado en proyectos es una metodología que permite a los alumnos adquirir los conocimientos y competencias clave en el siglo XXI mediante la elaboración de proyectos que dan respuesta a problemas de la vida real. Los alumnos se convierten en protagonistas de su propio aprendizaje y desarrollan su autonomía y responsabilidad, ya que son ellos los encargados de planificar, estructurar el trabajo y elaborar el producto para resolver la cuestión planteada. La labor del docente es guiarlos y apoyarlos a lo largo del proceso. Te mostramos cómo aplicar en diez pasos el aprendizaje basado en proyectos mediante un sencillo video tutorial.
APLICA EN DIEZ PASOS ESTA METODOLOGÍA
- 1. Selección del tema y planteamiento de la pregunta guía. Elige un tema ligado a la realidad de los alumnos que los motive a aprender y te permita desarrollar los objetivos cognitivos y competenciales del curso que buscas trabajar. Después, plantéales una pregunta guía abierta que te ayude a detectar sus conocimientos previos sobre el tema y les invite a pensar qué deben investigar u que estrategias deben poner en marcha para resolver la cuestión. Por ejemplo: ¿Cómo concienciarías a los habitantes de tu ciudad acerca de los hábitos saludables? ¿Qué campaña realizarías para dar a conocer a los turistas la historia de tu región? ¿Es posible la vida en Marte?
- 2. Formación de los equipos. Organiza grupos de tres o cuatro alumnos, para que haya diversidad de perfiles y cada uno desempeñe un rol.
- 3. Definición del producto o reto final. Establece el producto que deben desarrollar los alumnos en función de las competencias que quieras desarrollar. Puede tener distintos formatos: un folleto, una campaña, una presentación, una investigación científica, una maqueta… Te recomendamos que les proporciones una rúbrica donde figuren los objetivos cognitivos y competenciales que deben alcanzar, y los criterios para evaluarlos.
- 4. Planificación. Pídeles que presenten un plan de trabajo donde especifiquen las tareas previstas, los encargados de cada una y el calendario para realizarlas.
- 5. Investigación. Debes dar autonomía a tus alumnos para que busquen, contrasten y analicen la información que necesitan para realizar el trabajo. Tú papel es orientarles y actuar como guía.
- 6. Análisis y la síntesis. Ha llegado el momento de que tus alumnos pongan en común la información recopilada, compartan sus ideas, debatan, elaboren hipótesis, estructuren la información y busquen entre todos la mejor respuesta a la pregunta inicial.
- 7. Elaboración del producto. En esta fase los estudiantes tendrán que aplicar lo aprendido a la realización de un producto que de respuesta a la cuestión planteada al principio. Anímales a dar rienda suelta a su creatividad.
- 8. Presentación del producto. Los alumnos deben exponer a sus compañeros lo que han aprendido y mostrar cómo han dado respuesta al problema inicial. Es importante que cuenten con un guion estructurado de la presentación, se expliquen de manera clara y apoyen la información con una gran variedad de recursos.
- 9. Respuesta colectiva a la pregunta inicial. Una vez concluidas las presentaciones de todos los grupos, reflexiona con tus alumnos sobre la experiencia e invítalos a buscar entre todos una respuesta colectiva a la pregunta inicial.
- 10. Evaluación y autoevaluación. Por último, evalúa el trabajo de tus alumnos mediante la rúbrica que les has proporcionado con anterioridad, y pídeles que se autoevalúen. Les ayudará a desarrollar su espíritu de autocrítica y reflexionar sobre sus fallos o errores.
¿Qué te parece esta metodología? ¿Te animas a aplicarla en clase? Cuéntanos tu experiencia.
Ayuda a Aula Planeta a convertirse en el Mejor Blog Educativo en los Premios Educa. Solo tienes que darle clic en la imagen. ¡Gracias!
FASES EN LA CREACION DE PÁGINAS WEB
Etapas de la creación de una página webConoce nuestro proceso de creación web
FASES PARA LA CREACION DE UNA PÁGINA WEB
La creación de una página web o el desarrollo a medida de un proyecto para el diseño de una página web, existen al menos, 6 etapas esenciales. No hay que olvidar que el fin de una página web no es otro que adaptar un modelo de negocio al mundo online. Durante cada etapa de vida de cada ciclo, el contenido está en continua actualización y deben consolidarse con el fin de mejorar la experiencia del usuario y reducir costes en el desarrollo. La página web, a diferencia de documentos impresos, en un soporte que está en continua mejora o desactualización y donde realmente nunca se termina. Una página web está en continuo crecimiento y evolución. Una página web está siempre vida. 1.- INVESTIGACIÓN La investigación para la creación de una página web se debe tomar como referencia páginas web de la competencia ya existes. Una buena página web requiere una investigación veraz, exigente y profunda. Se deben analizar diferentes campos de actuación, desde el modelo de negocio, público objetivo, competencia y objetivos de resultados alcanzables reales a corto/medio plazo. Modelo de negocio de nuestra página web: Dependiendo del sector al que vaya destinado, debe adaptarse a las necesidades del sector y examinar los diseño web que ya se hayan realizado (Competencia). Público Objetivo al que va destinada nuestra web: Es de vital importancia saber a quién va dirigida nuestra web, conocer sus necesidades presentes y futuras. Para el diseño web tenemos que tener claro como vamos a plasmar de la manera más sencilla, eficiente y atractiva las necesidades de nuestros usuarios a medio y largo plazo, creando de esta forma una página web que ofrezca soluciones a nuestros clientes. Nuestra competencia: Dentro de la competencia podemos aprender, analizar y estudiar lo que hacen bien y lo que hacen mal. Saber exactamente quienes son nuestros competidores reales nos ayudará a adaptar nuestra web para mejorar lo ya existente y canalizar así mejor a nuestro target. Además, la competencia nos aportará una experiencia de recorrido que nosotros con nuestra web vamos a empezar a andar. También podemos investigarlos para extraer nuevas tendencias de negocio y prospección. Nuestros objetivos: Cuando se realiza el diseño de una página web, hay que construir ideas sobre la filosofía de la empresa/modelo de negocio y crear metas alcanzables. Se deben marcar objetivos y definir cual es exactamente nuestra finalidad. El diseño de la página web tiene que tener en cuenta cuales van a ser los objetivos a cumplir. De esta forma podremos evaluar si nuestra web a fallado en algo o no hemos sabido transmitir nuestro modelo de negocio. Los objetivos que se marquen deben ser REALES.
2.- PLANIFICACIÓN
Cuando se diseña una página web, la planificación juega un papel importante para anticiparnos en un medio que está en continuo cambio, nos ayudará a crear una estrategia, ya no sólo de difusión sino también de los contenidos que puedan ser de interés para nuestra audiencia. La elección y disponibilidad del dominio es una parte de peso a tener en cuenta dentro del desarrollo de una página web. El nombre del dominio es de vital importancia, pudiendo optar por la elección de un dominio de “marca o branding” (nombre de la empresa) o decidirnos por un dominio EMD (Extact Mach Domain) que son aquellos que incluyen dentro del dominio la palabra clave “keywords” de nuestro sector. La decisión del dominio debe tomarse con tranquilad y a conciencia. 3.- ARQUITECTURA Y CONTENIDO DEL SITIO WEB En base a las preferencias de los contenidos de la página web, creamos una esquema o mapa de arquitectura para testar visualmente como se organizan elementos que la componen, los contenidos y la estructura del sitio. La usabilidad (UI) y la experiencia del usuario (UX) es otro factor que no podemos pasar por alto, ya que la fácil navegación y una correcta estructuración del sitio, hará que nuestra audiencia se sienta cómoda en nuestro sitio web y la experiencia sea satisfactoria. 4.- DISEÑO WEB, CONSTRUIR Y TESTAR La creación de la gráfica, el diseño web y plasmarlo en nuestro sitio nos dará el aspecto visual, de esta forma sabremos captar lo que te transmite con lo que se está viendo. Una vez creado el contenido y adaptado el diseño web, debemos ser exigentes en las gráficas y el cuidado de las imágenes, además la optimización de las mismas. Una vez finalizado esta fase, tenemos la estructura web finalizada en modo de pruebas y ahora debemos testar tanto el diseño web como el desarrollo con usuarios y grupos de interés por parte de la empresa (target). Una vez finalizada la etapa de test, pasamos a PUBLICAR y pasar la página web a “producción”. Ya tenemos en “vivo” la web ahora a ver que tal funciona. 5.- OPERAR, OPTIMIZAR Y EVALUAR En esta etapa el sitio web está con un continuo control a tiempo real y en constante mantenimiento para ir optimizando y realizando continuas mejoras en el sitio web. Analizamos mediante herramientas de medición (Google Analytics) para obtener informes de rendimiento y garantizarnos que la página web esté funcionando como deseamos y esté cumpliendo nuestras perpectivas. En base a los datos obtenidos mediante la medición, evaluaremos y está “cumpliendo” con nuestras expectativas. El tener una correcta medición de los datos del sitio web, nos facilitará información para realizar las mejoras en el sitio o reestructurarla por completo. Una vez consolidemos los contenidos dentro de la página web, podremos saber si finalmente la operación ha sido rentable. 6.- DESPUÉS DEL LANZAMIENTO Para potenciar los resultados del sitio, es más que recomendable y necesario realizar campañas de marketinkg online y hacer una importante inversión en SEO (Search Engine Optimization) para generar tráfico a nuestro sitio. Diseñar una estrategia de comunicación que convierta a nuestros visitantes en clientes y conseguir una mayor rentabilidad de nuestro sitio web. También se pueden realizar campañas en buscadores SEM para dar a conocer sus productos a su público y conseguir resultados en un corto periodo de tiempo. ¿Por qué realizar SEO? Actualmente el SEO está considerado, junto con otros medios de marketing online, la manera MÁS RENTABLE a medio plazo de conseguir conversión en nuestro sitio web. Hay que tener en cuenta que el SEO no es algo inmediato como puede serlo el SEM, ya que el SEO es a medio plazo y más “una carrera de fondo”, donde hay que ir construyendo día a día y donde el tiempo invertido juega un factor importante. Si desea que te asesoremos para la creación de tu página web, estaremos encantados de ayudarte y aplicar nuestra experiencia en tu proyecto web.
http://www.newclick.es/etapas-diseno-web-creacion-diseno-web.php
|
Programa de estudio
Principios de Diseño |
| Introducción. |
| Objetivo y contenido de una página Web. |
| Uso del color………….. |
| Uso de imágenes………………………. |
| Uso de texto…………….. |
| Teoría de multimedia………. |
| Esquema general de una página Web…… |
| Diseño de interfaz en power point/balsamic….. |
| Tendencias…………… |
| Diseño de interfaz en power point/balsamic.. |
| Tendencias… |
Introducción a HTML 5 |
| Posicionamiento………….. |
| Estructura del programa de HTML……….. |
| Formato de texto…………. |
| Formato de hoja (DIV) |
| Crear listas…………………… |
| Insertar gráficos…….. |
| Establecer vínculos e hipervínculos………… |
| Manipular tablas……….. |
| Manipular formularios…………. |
| Insertar sonido y video…… |
| Aplicación a CSS……… |
| Diseño
Responsivo………. |
Introducción a Dreamweaver *……. |
jueves, 1 de febrero de 2018
Tendencias en el diseño web
|
TENDENCIAS EN LA
PÁGINA WEB
|
|
Tendencias En Diseño Web Y Gráfico En 2018
En este artículo voy a enseñarte las tendencias
en diseño web para el 2018. Las tendencias en diseño web
van cambiando, ahora encontramos mucho flat design, y es de los estilos que
está mas presente en las páginas web pero…¿Os acordáis de los GIFs, que
dominaban la web en los años 90? Vamos a repasar que tendencias siguen los
mejores diseños web, o que hay que intentar hacer para lograr los mejores
diseños de páginas web.
Las tendencias en diseño web son aquellas que
han ido asentándose como los mejores diseños para hacer que la experiencia
de usuario en la navegación sea la mejor posible, por eso debes
elegir la que mas se ajuste a tu proyecto.
Debido a la popularidad del diseño web responsive
cada vez vemos mas sitios adaptados a dispositivos móviles para cumplir con
las pautas que marca Google en cuanto a las webs “mobile friendly”.
El diseño de una web debe buscar ser lo mas usable
posible para el usuario. Por eso las tendencias actuales hoy en día tienden a
decantarse por diseños con las características que verás a continuación.
Vamos a repasar las tendencias mas
populares en diseño web para este año.
¿Que tendencias en diseño
web puedes encontrarte en los mejores diseños web?
El problema del diseño web responsive es que todas
las páginas web pueden parecer iguales en dispositivos móviles. No obstante
esto también es debido al boom de WordPress y al aumento del uso de
plantillas.
Esto ha resultado en un montón de diseños comunes,
aunque algunos de ellos han madurado y podemos ver algo de innovación:
El menú “Hamburguesa”
El menú tipo “hamburguesa es el típico menú de los
teléfonos móviles, es decir, un icono de tres líneas horizontales. Este
menú ha sido criticado por su poca usabilidad, ya que no todo el mundo
asociaba ese icono al menú de la web.
No obstante, con el aumento significante
de la navegación desde móviles este tipo de menú ya es familiar y
reconocible por casi todos.
Su uso es cada vez mas extendido no solo en
teléfonos móviles, sino que cada vez está mas visto en muchas páginas web en
su versión “pantalla grande”, consiguiendo un diseño limpio y minimalista.
Formularios de registro:
Un formulario de registro será siempre un
formulario de registro, y su función está clara y definida.
La tendencia web hoy en día está en facilitar y
acelerar este proceso facilitando que el usuario se registre con su
perfil de redes sociales.
De esta forma se completan muchos mas registros de
usuarios ya que estos no estarán tan reacios ante la idea de perder tiempo
rellenando campos.
La tendencia para registros mas complejos es
crear formularios “por pasos” en los que el usuario es
guiado por cada una de las fases del proceso de registro de una forma mas
efectiva.
![]() ![]()
Diseños tipo “tarjetas” con información
escaneable.
El pionero en este tipo de diseños fue Pinterest y
cada vez vemos este estilo en mas sitios. De hecho están surgiendo cada vez
mas plantillas de WordPress que incorporan este tipo de diseño y logran
diferenciarse de los diseños a los que estamos mas que habituados hasta
ahora.
Lo bueno de estos diseños es que cada “tarjeta”
contiene y presenta la información en pequeños trozos perfectamente escaneables.
Aíslan la información de forma muy visual dando un punto de vista gráfico
atractivo, y favoreciendo la usabilidad.
Imágenes “Hero”
Las llamadas “Hero images” son la imágenes que
vemos nada mas llegar a muchas páginas web y que ocupan toda la
pantalla.
Las imágenes en las páginas
web son un recurso muy potente para captar la atención del usuario desde el
primer momento.
Con un buen servidor y una buena optimización de
tu sitio e imágenes en general no tendrás que preocuparte por tiempos de
carga bajos.
Este recurso ya viene siendo utilizado desde hace
unos años, pero anteriormente los usuarios tendían a no seguir haciendo
scroll en las páginas. Ahora ya estamos acostumbrados a este tipo de imágenes
de presentación, por lo que la mayoría de usuarios intuyen que debajo de
ellas continua el contenido de la web. Se puede observar que las páginas
web con un mejor diseño, muy visuales y estéticas apuestan por las imágenes
Hero.
Animaciones:
Las animaciones están siendo usadas cada vez mas
para resaltar los contenidos de un sitio web. Cada vez son mas tendencia en
diseño web y son incluidas en la mayoría de plantillas de WordPress.
Hacen que la experiencia de usuario sea mas
interactiva y entretenida. No obstante, no hay que pasarse con las
animaciones. No podemos ponerlas en todas partes de forma indiscriminada.
Las animaciones en una página web pueden ser
usadas de dos formas diferenciadas:
·
Animaciones “mayores”: Son usadas como una forma de interacción
directa para el usuario, como por ejemplo, incluir notificaciones en
forma de pop-up, o efectos parallax.
·
Animaciones “menores”: No requieren ninguna acción por parte del
usuario, como los iconos animados que aparecen cuando está
cargando una web, las barras animadas o los efectos hover.
ESTAS SON LAS ANIMACIONES MAS TÍPICAS QUE
PUEDES VER EN LAS PÁGINAS WEB ACTUALES:
Animaciones de carga:
Sirven para entretener al usuario en
el tiempo de espera mientras carga una web.
Deben encajar con la personalidad y apariencia de
tu web, deben ser simples y preferiblemente sin audio.
![]()
Menus:
Los menús “ocultos” están creciendo en
popularidad ya que pueden ahorrar espacio en la pantalla. Los menús
tipo hamburguesa ya tan comunes en dispositivos móviles activan varios tipos
de animaciones para mostrar los elementos del menú cuando se hace clic en un
icono específico.
Quizá te suene el nombre de off-canvas menu, que
cada vez se ve mas en las plantillas de WordPress.
Hover:
Las animaciones hover son esos efectos que se
activan cuando pasas tu cursor por encima de algunos elementos, como
por ejemplo los botones de una web.
Los efectos hover hacen mas intuitiva la
navegación en una página web ya que avisan que esos elementos incluyen algún
tipo de función, generalmente un enlace.
![]()
Galerías y slideshows:
Otra de las tendencias en diseño web que sigue
manteniéndose este año son las galerías en forma de carrousel o slideshow.
Son una forma perfecta de mostrar varias imágenes al usuario sin sobrecargar
una página web. Son perfectas para portfolios, webs de fotografía y productos.
Fondos con animaciones o videos:
Un simple fondo animado puede añadir mucha
visibilidad a una parte concreta de tu web. Aun así pueden distraer al
usuario, por lo que debe usarse con moderación.
Microinteracciones en la web:
Las microinteracciones ocurren día a día en
nuestra vida cotidiana. Desde dar un like a una foto en Facebook hasta apagar
el despertador. Permiten al usuario interactuar con una interfaz y cada vez
las vemos mas en las apps y en los dispositivos que usamos.
En esta captura de pantalla puedes ver un ejemplo
utilizado en diseño web.
![]() Material Design: La
alternativa al flat design
El Material Design surge con el objetivo
de Google de crear un Sistema Operativo con una interfaz homogénea para todos
sus dispositivos, ya fueran tablets, smartphones o incluso en la web.
El material design usa mas sombreados y
profundidad que el flat design, y su función es recrear diseños que parezcan
mas realistas para los usuarios.
El principal objetivo del material design es crear
diseños web limpios y modernos enfocados en la experiencia de usuario (UX).
Algunas de las tendencias que empezaremos a ver
mucho mas en 2018 se identifican totalmente con el materia design, vamos a
ver algunas:
Degradados de color semi-transparentes sobre
imágenes.
Vuelven a estar de moda los degradados pero se aplican de otra forma.
Se está observando desde hace un tiempo que los degradados están cobrando
protagonismo en muchas webs.
Pasaron de moda hace unos años pero con el
material design parece que vuelven a aplicarse, de una forma mas limpia,
sobre diferentes elementos del diseño para resaltar, destacar, o simplemente
como una capa de color semi-transparente sobre una imagen.
También se pueden aplicar en botones o iconos.
Sombras paralelas en imágenes o cajas
Las sombras, otro elemento del diseño web que
había pasado de moda, vuelve a ser tendencia, pero de nuevo, aplicado de otra
manera. En este caso las sombras se aplican de una forma mas sutil,
difuminadas y con mas profundidad.
Quedan muy bien en imágenes y elementos que van
encuadrados en cajas o con diseño tipo “ficha” o “tarjeta”, como se ve en la
siguiente foto:
![]() ![]()
Te dejo un sitio web donde encontrarás un montón
de RECURSOS BESTIALES para mejorar tu diseño web: https://uplabs.com
Diseño web responsive
El diseño web responsive se ha vuelto
muy popular en estos últimos años debido al considerable aumento del uso
de teléfonos móviles.
El diseño web responsive realmente ha
dejado de ser una tendencia para pasar a ser una buena práctica.
El diseño web responsive se puede aplicar usando
plantillas de WordPress premium que te permiten tener tu página web
optimizada para móviles de forma sencilla y barata.
No obstante el diseño web responsive puede no
haber sido creado correctamente y provocar algunos fallos. Para
asegurarse de que el diseño web responsive funciona de la mejor forma
posible, los diseñadores web deben:
·
Evitar el uso de JavaScript y CSS en la carga de imágenes que añade
peso innecesario a una página.
·
Usar imágenes y videos responsive.
·
Prestar especial atención a los plugins de terceros, que puedan estar
ocasionando un impacto negativo en el rendimiento.
![]() ![]()
El diseño Flat no va a desaparecer en el
corto plazo
El Flat design es compatible con otras modas del
diseño web como el minimalismo, el diseño web responsive o el Material
Design.
De cara al futuro, es probable que veamos las
siguientes tendencias en el diseño Flat.
·
Las sombras largas (Long Shadows): Dan mucha mas más profundidad a
los diseños planos.
·
Combinaciones de colores vivos: Las interfazes y plantillas mas
populares han llevado a muchos a comenzar a usar colores más vivos en sus
diseños.
·
Tipografía sencilla: En el Flat Design, las tipografías sencillas
ayudan a asegurar que el texto sigue siendo legible.
·
Botones fantasma: Son los botones que se presentan con un simple contorno, y
cambian cuando el usuario se desplaza sobre ellos. Estos
mantienen la funcionalidad sin distraer al usuario.
Secciones largas con mucho Scroll
Los usuarios ya estamos acostumbrados a
hacer mucho scroll en los dispositivos móviles, y por eso mismo
vemos que ya no es necesario preocuparse por crear páginas web con secciones
cortas en las que se trata de concentrar todo el contenido en la parte
superior a toda costa.
Las páginas con mucho scroll y mucho contenido son
perfectas además para quienes quieren atraer a sus usuarios a través
del storytelling.
![]()
AMP o Accelerated Mobile pages
AMP es el proyecto de Google que genera una
versión mobile en un código HTML super limpio y ligero y
provoca que las webs carguen ultra rápido. Actualmente es tendencia en diseño
web y podemos ver muchos blogs que muestran su versión AMP en búsquedas
realizadas desde teléfonos móviles. Esto beneficiará el WPO de nuestras webs
y repercutirá como consecuencia en un mejor SEO.
Actualmente AMP proporciona pocas posibilidades en
cuanto al diseño pero empezarán a surgir mayores opciones
para editar la linea gráfica y estética de los artículos en AMP para tener
mas control sobre el diseño.
![]()
Tendencias en diseño web peligrosas
Los cambios de tendencias y modas en diseño web
pueden venir dados por las necesidades de los usuarios, o simplemente por un
cambio en la industria. No obstante, no tenemos que aplicar todas las modas
en diseño web a nuestro proyecto.
En diseño web solo es aconsejable seguir una
tendencia si esta va a aportar algún valor o va a resolver alguna necesidad al
usuario. No debemos aplicar todas las modas solo porque queden bien en
nuestro sitio, sino que dependerá de cada proyecto.
Vamos a ver algunas tendencias en diseño web que
debes plantearte si debes aplicar.
Menú tipo hamburguesa que esconde contenido
relevante (hamburguer menu)
Los menús tipo hamburguesa quedan muy bien ya que
dan un aspecto muy limpio a una página web. Pero no son recomendables para
sitios como tiendas online, por ejemplo, ya que pueden ocultar contenido
importante que no sea visto a primera vista por los usuarios.
Usar demasiado Javascript
El javascript puede ofrecerte funciones
interesantes, pero puede hacer que tu web tarde mas tiempo en cargar,
provocando que los usuarios se vayan de tu sitio.
Debes tener cuidado con algunos plugins que crean
muchos archivos Javascript y CSS, afectando el desempeño general de tu web.
Sliders en la homepage con varias imágenes a
modo carrousel
Utilizar un carrousel de varias imágenes en tu
página de inicio te puede dar la oportunidad de agrupar información de una
forma muy ordenada y visual, pero tiene algunas desventajas.
Los sliders requieren de varias imágenes de alta
resolución que seguramente tengan un peso que haga que tu sitio tarde mas en
cargar. También suelen incluir Javascript, que hará que sea mas difícil
de optimizar.
Usar varias tipografías
En diseño web no es recomendable usar mas de dos
tipografías, ya que usar demasiadas podría despistar y dificultar la
legibilidad del contenido.
Si quieres saber cómo puedes instalar tipografías
en WordPress te recomiendo leer éste
post donde
te cuento cómo hacerlo.
Bonus – Los mejores diseños web
Para que veas de lo que he estado hablando en este
post, te voy a dejar a continuación una lista con webs de inspiración.
Podrás ver varios estilos web y sacar muchísimas
ideas de las mejores páginas web para tus propias creaciones. En concreto en
bestwebgallery te encontrarás con páginas que han sido premiadas por ser
precisamente los mejores diseños de páginas web en la actualidad.
Conclusión sobre las
tendencias en diseño web ¿Que hacer para lograr los mejores diseños de
páginas web?
No se deben seguir las tendencias marcadas en
diseño web simplemente por ser lo que está de moda en un determinado momento.
En diseño web, lo que es tendencia o deja de serlo, viene marcado por lo que
es mejor para los usuarios, es decir por la experiencia de usuario (UX).
¿Piensas que están por venir otras novedades en el
diseño web? Si es así, déjame un comentario mas abajocontándome
tu punto de vista.
|
Suscribirse a:
Entradas (Atom)






















