Está en la página 1de 19

Enseando Diseo Web a los nuevos estudiantes en la Educacin Superior

Por Jen Kramer

La Web est evolucionando rpidamente. Desarrollo front-end web ha sido mayormente afectados por los cambios recientes en las
tcnicas de codificacin y enfoques. En 2003, un desarrollador web front-end competente habra sabido HTML y CSS, posiblemente con un
poco de copiar y pegar JavaScript, y creado sitios Web que se pueden ver en las computadoras de escritorio.
No as en el ao 2013! Ahora, un desarrollador web front-end competente est bien versado en HTML y CSS, JavaScript y jQuery,
preprocesadores CSS, nuevas tcnicas, como el diseo sensible y mvil primero, y un mundo de nuevos dispositivos para los sitios web de
visualizacin.
As como el trabajo de un desarrollador web front-end ha cambiado, por lo que deben ser las clases de diseo web introductorios bsicos
ofrecidos en toda la educacin superior. Cmo se debe ensear a los estudiantes que no saben nada de HTML o CSS, por lo que
pensar en el diseo y construccin de sitios web en un dispositivo de manera independiente, utilizando tcnicas modernas como el diseo
sensible y mvil por primera vez?
He estado enseando Diseo web introductoria durante 13 aos en una variedad de entornos acadmicos y comerciales, y le he dado
muchas vueltas a la forma en que deberamos estar enseando a dos de los cursos de primeros y ms bsicos de un diseo web de la
universidad y el desarrollo del currculo . Este debate es importante, porque slo unos pocos recursos disponibles para la enseanza
del diseo y desarrollo web. Debido a la falta de tiempo y la rpida evolucin de la Web, es difcil volver a cursos y actualizarlos con los
ltimos materiales cada ao.

El aumento de la colaboracin entre los profesores de tiempo completo y adjuntos a tiempo parcial puede ayudar a mejorar la experiencia
de los estudiantes. Fuente de la imagen

Profesores adjuntos, que frecuentemente ensean a tiempo parcial y por lo general tienen un "trabajo de da", a menudo crear sitios web
profesionales y tienen recursos para mantenerse al da con las ltimas tendencias y tcnicas en el campo.Sin embargo, no tienen fcil
acceso a grandes recursos de enseanza, que pueden tener dificultades para presentar este material de vanguardia de manera que los
estudiantes puedan entender y apreciar. Instructores a tiempo completo y los profesores no suelen crear sitios web profesionales (o van a
construir algunos de ellos), y con muchas otras demandas sobre su tiempo, pueden tener dificultades para mantenerse al da con las
tendencias y tcnicas.
Sin embargo, a menudo tienen una profunda experiencia en metodologas de enseanza, con un sentido claro de lo que funciona y lo que
no en la enseanza del diseo Web. Debido a que muchos instructores adjuntos ensean tardes y fines de semana, mientras que los
profesores de tiempo completo por lo general ensean clases de da, estos profesores rara vez interactan. Parte de la clave para mejorar
la experiencia de los estudiantes, la calidad de la enseanza y planes de estudio es aumentar la colaboracin entre los profesores de
tiempo completo y adjuntos a tiempo parcial. Ambos grupos de instructores aportan habilidades valiosas y complementarias a la
educacin superior. (Los bajos salarios de los instructores adjuntos tambin son importantes para la discusin, pero, por desgracia, ms
all del alcance de este artculo.)
En este artculo, me centrar en slo dos cursos: un curso de diseo grfico introductorio y una introduccin HTML y CSS por
supuesto. Conceptos tales como la estrategia del sitio web y la planificacin, mviles primero, arquitectura de informacin, usabilidad,
diseo centrado en el usuario, JavaScript y jQuery, sistemas de gestin de contenidos, etc son valiosos y deben ser cubiertos en el plan de
estudios. Sin embargo, estos temas suelen ser (o al menos deberan ser) cubiertos en cursos separados en la mayora de planes de
estudios universitarios y, as, no se tratan en este captulo.
Creacin de Diseos
En la mayora de los programas de diseo Web de las universidades, los estudiantes tomarn un curso sobre la creacin de diseos de
pgina web en un solo grfico en el software como Photoshop o Fireworks. Los estudiantes pueden comenzar con una captura de pantalla
de un sitio web existente, capas de sus propias imgenes y contenido para crear un diseo nico, o puede crear un diseo desde cero.

La idea detrs de esta clase es el sonido. Una vez que los estudiantes han aprendido lo bsico de trabajar con el software, el curso genera
discusin de la usabilidad, color, diseo, las fuentes, el espacio negativo, la calidad de imagen y la colocacin y mucho ms, todo sin la
participacin de cdigo. Permite a los estudiantes a imaginar a una pgina Web en su mente sin ser demasiado preocupado acerca
de cmo se codifica la pgina. Cuando el estudiante hace empezar a programar la pgina, tendrn los conocimientos necesarios para
aclarar lo que ellos quieren construir antes de escribir una lnea de cdigo.
Es importante que los estudiantes se forman una idea de una pgina web antes de la participacin de cdigo. Fuente de la imagen
En este curso, los estudiantes con frecuencia tienen problemas para entender lo que sucede ms all del lienzo. Si el diseo es de 960
pxeles de ancho, lo que ocurre cuando el monitor es de 1200 pxeles de ancho? Por lo general, que est dirigida por un color de fondo o
repetido grfico. Los estudiantes rara vez se preguntaron qu pasara si el monitor es ms estrecho que 960 pxeles.
La mayora de los estudiantes, si se le pregunta acerca de una ventana estrecha, sealaran la barra de desplazamiento en la parte inferior
de la pgina, alertando al visitante a ampliar su navegador para ver el diseo completo. No tienen en cuenta si los botones estn
demasiado juntos para la navegacin basada en el contacto, por ejemplo, o cmo el tamao del texto pueden variar en diferentes
dimensiones de la pantalla. Los estudiantes en este curso pueden, sin embargo, ser guiados a pensar en estas cuestiones.
Muchos estudios de diseo que se centran en el diseo de respuesta no utilizan composiciones, como los generados en esta clase, como
parte de su proceso de desarrollo ms. En su lugar, prefieren usar HTML y composiciones basadas en CSS para demostrar el aspecto de un
sitio web para un cliente. As que, por qu ensear a composiciones basadas en imgenes para los estudiantes?
La razn es que, en este momento de su desarrollo, los estudiantes no necesariamente saben HTML y CSS y, en todo caso. Al eliminar el
cdigo de la imagen, los estudiantes se centran en los principios de diseo, incluyendo el diseo grfico y la experiencia del usuario. Una
vez que aprenden HTML y CSS, que nunca podra crear un borrador basado en imgenes de nuevo. Sin embargo, en este proceso, han
aprendido a navegar Photoshop y / o Fireworks, y han aprendido las ventajas y desventajas de trabajar en un entorno borrador - todos los
cuales son valiosas experiencias.

Estas son algunas de las tareas se puede asignar a mejorar esta clase y preparar a los estudiantes para el trabajo independiente del
dispositivo de diseo:

Crear un diseo de 12 columnas de tamao uniforme.


Este es un buen momento para explicar acerca de las redes y cmo funcionan. Haga que los estudiantes construyan diseos
basados en la red para demostrar su comprensin.

Mostrar versiones del diseo.


Si el diseo se ve un camino a 960 pxeles, cmo se ve a 1200 pxeles? 320?767? Pida a los estudiantes usar el mismo
contenido en sus diseos, reorganizado para estos diferentes entornos de pantalla. Asegrese de preguntar acerca de las
transiciones - lo que sucede cuando el diseo mueve 767-320 pxeles?

Haga preguntas acerca de las fotos.


Qu tan grande de fotos bandera se extiende tan bien en la parte superior de la pgina en 960 pxeles parezca a 767
pxeles? Qu ocurre entre 960 y 767 pxeles?

Anime a los estudiantes a pensar sobre el tacto.


Esto es particularmente importante en las dimensiones de pantalla ms pequeos, pero de sobremesa y porttiles estn
tendiendo hacia tctil tambin. Anime a los estudiantes a construir navegacin adecuado para los dedos de grasa, por ejemplo.

Restarle importancia a rebanar.


En lugar de pensar en el borrador como la fuente de las imgenes de un sitio web, tenga en cuenta que su propio
prototipo. Cortando puede no ser necesaria en absoluto, porque las imgenes pueden necesitar ser generado en varios
tamaos para diferentes dimensiones de la pantalla. Incluso los grficos de fondo se pueden generar en sus propios
documentos independientes. Al restar importancia a cortar, tambin restarle importancia a la centralidad de esta competicin
para el diseo del sitio web. Con diseo de respuesta, el borrador establece una meta o una direccin, pero se requiere ajustes
para acomodar el espacio entre 320, 767 y 960 pxeles y ms all.

Tenga en cuenta que algunas compaas estn trabajando en el problema de disear en un entorno flexible sin usar cdigo. Cuando estos
programas son ms estables, que valdra la pena incorporar en el plan de estudios de la universidad.
Enseanza HTML y CSS
En un curso de HTML y CSS tpica, los estudiantes aprenden la diferencia entre marcas y presentacin. A lo largo del perodo, los
estudiantes aprenden a crear una pgina web desde cero, manipulando HTML, CSS y archivos de imagen. Sus diseos se suele ser
completamente personalizado, y por lo general van a aprender acerca de carrozas y el posicionamiento como parte de este
proceso. Compatibilidad del navegador puede ser tocado en lo que se encuentra.

"No le temo a la Internet" es un recurso de aprendizaje fantstico que ensea algunas muy tiles HTML y CSS bsico.
Fundamentalmente, no hay nada malo en esta clase. Los estudiantes dejarn saber a mano el cdigo compatible con los estndares HTML
y CSS. Sin embargo, s necesita algunas modificaciones para tener en cuenta las tcnicas modernas de diseo:

Normalizar en un navegador.
Recomiendo trabajar con Firefox o Chrome como navegador estndar en clase, porque estn disponibles en Mac y PC, y son los
ms compatible con los estndares. Diga a los estudiantes que este es el nico navegador que importa para el propsito de
esta clase. Los problemas entre exploradores deben ser tratadas ms adelante, una vez que los estudiantes entiendan cmo de
HTML y CSS trabajan completamente en este navegador. Cuando los problemas a travs del navegador se introducen
demasiado pronto, los estudiantes se confunden, no est claro si un problema particular se debe al navegador de cdigo
simplemente mal formado.

Ensee a HTML5.
Los estudiantes deben aprender a maquetar documentos con secciones, apartes, la navegacin, los encabezados y pies de
pgina de inicio.

Ensee a CSS3 y todos los tipos de selectores.


Asegrese de que los estudiantes entiendan preguntas de los medios tan pronto como son capaces de hacerlo. Introducir
selectores de hermanos adyacentes, selectores de hijos, selectores universales, pseudo-clases diferentes y as
sucesivamente. Una vez ms, se preocupan menos acerca de la compatibilidad del navegador, ya que estos estudiantes tienen
aos antes de la graduacin.

Incorporar el pensamiento basado en grid desde el principio.


Incluso si los estudiantes no pueden codificar su propia red, sin embargo, que sin duda podra crear diseos pensando en 12
columnas, con em y / o anchuras y tamaos porcentuales. Tiene cdigo estudiantes formas estndar de pginas, como dos y
diseos de tres columnas, con o sin encabezados, pies de pgina y la navegacin horizontal, en lugar de dejar abierta a los
estudiantes para codificar cualquier tipo de diseo.Comprender las ventajas y desventajas entre el diseo y el cdigo es
importante, por lo que siempre frente a ellos.

Tan pronto como los estudiantes a entender carrozas y posicionamiento, ensean cmo codificar una cuadrcula.
Dado que los estudiantes han estado pensando en el diseo Web con principios basados en la red, esta transicin debera ser
bastante rpido para ellos.

Diseo de respuesta es ahora una breve conferencia, no muy largo.


Ahora los estudiantes son capaces de reunir los diseos basados en la red y las consultas de los medios de comunicacin. Ellos
probablemente ha encontrado problemas de imagen a cambio de tamao a lo largo del camino, pero si no es as, este es el
momento para hablar de ellos.

Ahora es el momento de discutir la compatibilidad del navegador.


Ahora que los estudiantes han dominado los estndares, cdigo vlido y sensible, es el momento de pensar en la
compatibilidad del navegador. Una forma de introducir este es trabajar con las etiquetas HTML5 o CSS3 mal apoyados
elementos como las esquinas redondeadas.

CSS preprocesamiento es un tema candente.


Variables CSS centralizacin es una gran idea y est destinada a ser una habilidad bsica CSS, requerido por los empleadores,
en el prximo ao o dos. (Algunos dicen que ya est aqu.) Algunos conceptos menos y Sass, como las variables centralizados y
la lgica, tambin ofrecen una transicin sin problemas a un curso en JavaScript y jQuery, en el que conceptos similares seran
importantes.

Cubriendo marcos de diseo que responden no es una mala idea.


Si hay tiempo que queda en la clase, este es un gran tema para explorar. Me gustara recomendar que cubre Bootstrap si has
enseado menos, o Fundacin si has enseado Sass. Los estudiantes aprendern a leer algn otro cdigo (una habilidad
importante!) Y la forma de leer la documentacin, sino que tambin aprendern nuevas tecnologas, as como explorar las
ventajas y desventajas de la utilizacin de un marco documentado, de cdigo abierto. Por ltimo, aprendern a personalizar el
cdigo para su propio propsito.

Habilidades indirectos
He habilidades en forma directamente cubierto por el desarrollo front-end web moderno. Tambin me gustara sugerir que cubre algunas
tcnicas indirectas, como parte de cualquiera de estos cursos u otros cursos que los estudiantes toman.

La filosofa de cdigo abierto


En lugar de ensear a los estudiantes que el cdigo abierto es libre (como la cerveza), ensearles que los proyectos de cdigo
abierto sobrevivir sobre la base de contribuciones. Introducir GitHub, y explican cmo la gente puede descargar, tenedor y
publicar su propio cdigo en lnea. Familiarizar a los estudiantes con las comunidades de cdigo abierto, y hacer que investigar
los tipos de contribuciones ms valoradas por las comunidades.

Portafolios Online

Estos han sido integrados en los programas de varios aos, pero tienden a ser ms utilizado por los diseadores que por los
desarrolladores. Con las carteras, el pblico puede centrarse en el propio diseo visual, en lugar de en el cdigo o la filosofa detrs

de la obra. Asegrese de que los estudiantes estn acostumbrados a publicar el cdigo para su revisin (que une a su propia
pgina de GitHub es un buen toque).
Pida a los estudiantes explicar los problemas que han estado tratando de resolver y por qu se tom el enfoque que hicieron para
resolverlos.Blogging debe exigirse, por lo que los estudiantes pueden realizar un seguimiento de artculos interesantes, nuevos
enfoques a los problemas, fragmentos de cdigo de inters, etc. Anime a los estudiantes a desarrollar una presencia profesional en
medios de comunicacin social, centrndose en su cdigo y el trabajo.

Comprender y modificar de otra persona Code


Como cdigo abierto contina ganando aceptacin y respeto en el mundo de la empresa, la capacidad de entender el cdigo de
otra persona y modificarlo aumentar en importancia.

Identificar las tendencias


Cules son los cambiadores de juego de la forma de enfocar el desarrollo Web, y lo que estn pasando las modas? Qu
habilidades deberamos estar aprendiendo ahora? (Siempre hay algo nuevo que aprender.)

Aprender a aprender la tecnologa


Los estudiantes no siempre pueden contar con un profesor que les cuchara de comer lo que necesitan saber a
continuacin. Tienen que encontrar la manera de aprender sin cursos o libros con el fin de mantenerse a la vanguardia. Ayudar
a los estudiantes cura blogs interesantes y recursos de medios sociales para la bsqueda de consejos y tcnicas.

Directrices para la enseanza de los nuevos estudiantes


Muchos diseadores Web y desarrolladores con talento a encontrar enseanza de los principiantes a ser tedioso y difcil. Parte del
problema es que un desarrollador de alto nivel sabe tanta informacin sin darse cuenta. Cundo fue la ltima vez que un profesional serio
tena que pensar acerca de la sintaxis, gestin de archivos, el orden de los estilos en una hoja de estilo, el formato correcto para una
pgina y as sucesivamente? Los profesionales se encuentran con estos temas muchas veces al da, pero todos ellos son nuevos en el
estudiante principiante.

Proporcionar una visin general.


Colocar el tema de inters en el universo Web ms grande. Por ejemplo, qu es HTML? Qu significa el acrnimo de? Dnde
se desarrolla? Puede HTML valerse por s misma como una pgina Web? Quin necesita saber HTML? Cmo encaja CSS con
HTML? No gaste mucho tiempo en este resumen. La idea es orientar a los estudiantes, dando a la imagen grande.Los detalles
se rellenarn a medida que trabajan con el lenguaje. Este material se puede presentar a travs de diapositivas o una
pizarra. Como siempre, la participacin de los estudiantes en la discusin, y ten cuidado con la confusin. Asegrese de que
entiendan la informacin general antes de pasar al cdigo, o bien el cdigo no tendr sentido.

Escribir cdigo con la clase.


En un entorno de enseanza en persona, me gustara abrir un editor de texto y proyectar mi cabeza cdigo, con los estudiantes
despus junto con sus equipos. Esto los mantiene ocupados. Algunos estudiantes encuentran que no escribe conmigo as, ya
sea porque tienen un estilo de aprendizaje diferente o pobres habilidades de mecanografa. En estos casos, les animo a prestar
mucha atencin, mientras que otros van a escribir notas y fragmentos de cdigo con la pluma y el papel. Si est enseando en
lnea, voy a hacer el mismo tipo de presentacin, usando Camtasia para capturar el cdigo en la pantalla con una voz en off. En
ambos casos, proporcionar a sus archivos a todos los estudiantes, para que puedan ver su trabajo.Comentar con frecuencia en
su propio cdigo para que entiendan sus notas y ejemplos.

Escribe codificar un poco a la vez, poco a poco haciendo los ejemplos ms complejos.
No introducir demasiados elementos a la vez. Por ejemplo, cuando se introduce CSS, empezar por escribir estilos de etiquetas
HTML. Mostrar cmo el estilo del body etiqueta puede controlar toda la pgina Web, incluyendo el color de fondo, tipo de letra,
tamao, etc Escribir un atributo a la vez, guardar los cambios y mostrarla en el navegador cada vez, de manera que los
estudiantes vean que es exactamente la lnea de CSS controla qu elemento de la pgina.

Haga preguntas a lo largo del camino.


Pida a los estudiantes a encontrar soluciones a los problemas que uno puede encontrar en la construccin de una pgina, antes

de confirmar cmo hacerlo. Si pueden explicar la idea conceptualmente, a continuacin, el cdigo se convierte en fcil. Por
ejemplo, si usted ha Styled el cuerpo de una pgina web con el texto azul, pregunte cmo hara el principal ttulo rojo. Si los
estudiantes pueden explicar que lo que se necesita para cambiar de alguna manera el texto de la h1 tag a ser de color rojo, a
continuacin, que estn haciendo muy bien. Entonces, usted slo tendr que mostrarles la forma de escribir que, como cdigo.

Es difcil mantener las cosas simples y fciles de hacer que complicado.


Los estudiantes harn preguntas complejas a lo largo del camino. Por ejemplo, se pueden notar en el camino que el rojo puede
escribirse como#ff0000 , red o rgb(255,0,0) y le preguntar cules son las diferencias entre ellos! Trate de evitar un escenario
como esto desde el principio.Presentar una sola manera de escribir colores (Sugiero #ff0000 ), y no revisar el asunto hasta que
los estudiantes han dominado este mtodo. Tal vez ms adelante en el curso, los alumnos notan rgb(255,0,0) en el cdigo de
ejemplo de alguien, en ese momento, lo que explica las diferencias ser rpido y fcil. Pero al principio, cuando el pequeo
tiene sentido y hay mucho que recordar, demasiada informacin puede ser abrumadora.

Sintaxis es un reto.
Los estudiantes principiantes se olvidan de cerrar las etiquetas, olvdate punto y coma, conforman etiquetas por completo y
hacer muchos otros errores. Encontrar esos errores a veces es fcil y otras veces difcil. Me gustara presentar el tema de la
validacin bastante temprano en el proceso, por lo que los estudiantes tienen una manera fcil de comprobar su trabajo. Al
principio, puede que tenga que sealar que falta, la sintaxis adicional o no cerrado, pero ensendoles tcnicas de depuracin
slidas desde el principio les ayudar de manera significativa.

Gestin de archivos es un reto.

Para la mayora de los estudiantes en los cursos de introduccin de HTML y CSS, gestin de archivos es un problema
constante. Algunos tienen problemas para diferenciar entre guardar informacin en un disco duro en comparacin con el ahorro en
una unidad flash, y algunos podran no saber la diferencia entre un archivo y una carpeta. Puede que tenga que explicar los
fundamentos antes de ensearles cmo administrar los archivos en un sitio web. Trato de mantener todos los archivos de un

proyecto en una sola carpeta en el escritorio para iniciar, ya que los estudiantes generalmente pueden encontrar en el escritorio, y
una sola carpeta deja poco margen para la confusin. Todas HTML, imgenes y CSS se guardan en la carpeta individual. Es
manejable al principio, ya que los estudiantes requerirn slo un puado de los activos de sus primeros sitios web. Cuando los
estudiantes se sienten como una carpeta est recibiendo desordenado y que le gustara un poco ms de organizacin, se han
llegado a dominar la forma de vincular dos archivos, insertar una imagen y as sucesivamente. Ellos sabrn cmo se supone que el
cdigo para ver y trabajar, as que, si algn cdigo no funciona, se supone razonablemente que el culpable es un camino
incorrecto.

Recuerde que usted no est diseando para un cliente.

Un error comn entre los profesores con talento es hacer que sus pginas Web de ejemplo en su clase, hermoso, ajustado a la
perfeccin y cross-browser compatible desde el principio. Por desgracia, eso no es el punto.Los principiantes pueden fcilmente
descubrir hermosos diseos de navegar por la Web. Adems, usted es el instructor - usted no tiene que demostrar su competencia
en este camino. Su trabajo es mostrar con claridad lo que cada lnea de cdigo hace y cmo afecta a la pgina Web, tanto en
apariencia como en funcionalidad. Cuando estoy escribiendo cdigo con los estudiantes, inserto un montn de horribles colores del
fondo y las fronteras de la CSS para demostrar los conceptos. Animo a los estudiantes a utilizar este mismo mtodo para depurar
CSS. No le d demasiada CSS demasiado rpido. Los estudiantes empuje para hacer las cosas ms bonitas s, como era de esperar
- muchos de ellos sern los diseadores grficos y odiarn lo feo que sus pginas web son los primeros. Sin embargo, cuando los
estudiantes ven el progreso en sus diseos, desde la primera pgina HTML sin labrar para algunos estilos bsicos de CSS y,
finalmente, a un diseo completo, que ser paciente con usted si se le explica que una cuestin particular es complicado o
prematuro punto.

Se estn sentando las bases para su carrera.


Diseo grfico, HTML y CSS son las habilidades crticas que los diseadores profesionales trabajan con cada da. Escribir cdigo
limpio, eficiente, entendiendo cmo depurar problemas, investigando mejores maneras de abordar los problemas, resolver los

problemas de compatibilidad entre navegadores - estos son conceptos fundamentales en la vida de un desarrollador de frontend. He visto estudiantes sufren enormemente de instructores introductorias malos. Su trabajo es muy importante, as, ir poco
a poco con el nuevo material, y asegrese de que los estudiantes tengan una slida comprensin de la misma antes de pasar al
siguiente tema.

Quiero ser un diseador web cuando sea mayor

Por Michael Aleo

N O TA D E L E D I T O R
Este artculo es una rplica de la " ve el futuro de la Internet tienen espacio para diseadores web? ", publicado en nuestra seccin de"
columna de opinin "Hace un par de das. En esa seccin, damos a la gente en la comunidad del diseo Web una plataforma para
presentar sus opiniones sobre temas de importancia para ellos. Tenga en cuenta que el contenido de esta serie no es de ninguna manera
influido por el equipo de Smashing Magazine. No dude en discutir la opinin del autor en la seccin de comentarios a continuacin y con
sus amigos y colegas. Esperamos sus comentarios.
- Vitaly Friedman, editor en jefe de Smashing Magazine

El jueves pasado por la tarde, pas unos 30 minutos haciendo una sesin de preguntas y respuestas a travs de Skype con una clase de
diseo web en Colorado.Me dieron algunos ejemplos de preguntas que pensar antes de nuestra sesin, que eran todos bastante
estndar. "Quines son algunos de sus clientes?" "Qu te gusta de tu trabajo?" "Quin es tu diseador favorito?" Me sent preparado. A
mitad de la entrevista, una pregunta me sorprendi. "Entonces, hay puestos de trabajo en el diseo Web?" Cuando un adolescente de un
pueblo con una poblacin de 300 pregunta por la seguridad laboral, y los otros se sientan y presten atencin, que no est pidiendo a la
preocupacin por mi bienestar. Est pidiendo a la preocupacin por su futuro.
Mi respuesta fue: S, absolutamente puestos de trabajo en el diseo Web. "El diseo web es una carrera que te llevar lejos, si usted est
dispuesto a trabajar duro para ello." Y esa es la verdad.
Dos das ms tarde, me voy a Smashing Magazine y ver el artculo de Cameron Chapman, "Tiene El futuro de la Internet tienen espacio
para diseadores web?" Y casi ahogarse con mi cereal. Despus de leer lo que equivale a una pieza de ataque a tu blog , y despus de
que corresponde con Smashing editores de la revista, le suger que me dejan escribir un contrapunto. Estuvieron de acuerdo.
NO SOMOS DISEADORES WEB
Uno de los mayores conceptos errneos acerca de los diseadores (y diseadores Web por lo general) es que somos diseadores
web slo - que el mbito de nuestras competencias comienza con Lorem ipsum y termina con mensajes de correo electrnico HTML. Esto
es ridculo.
Todo el mundo en esta industria llena de docenas de papeles a lo largo de un da determinado. En una llamada con un cliente
potencial, tomamos el papel de vendedor. Despus se ordena el contrato, nos convertimos en investigadores, peinado a travs de pgina
web obsoleta del cliente, mirando a anlisis y la identificacin de las averas y de mejora. Poco despus, llegamos a ser curadores de

contenido, vadeando a travs de los montones de contenidos en formato PDF enviado por el cliente, la identificacin de lo que funciona y
lo que no.
Entonces somos arquitectos, trazando contenido para obtener los mensajes ms importantes a travs de, al tiempo que garantiza que
todo en nuestros diseos permanece localizable. Diseamos la propia pgina web. Gestionamos las expectativas del cliente y trabajamos
a travs de revisiones. Escribimos cdigo. Se introduce un sistema de gestin de contenidos. Insertamos cuidadosamente y contenido
estilo. Nosotros creamos y actualizamos la presencia de la marca en Facebook, Twitter y YouTube. Le ayudamos a crear un calendario
editorial para mantener el contenido fresco y preciso. Nos registramos en el anlisis y mediciones para ver cmo el sitio web se est
realizando.
Observe que el "diseo" se menciona slo una vez en todo ese trabajo.
Usted slo tiene que mirar a los temas tratados en sitios web como Freelance Switch y Smashing Magazine para ver la gama de papeles
que llenar. Estamos acostumbrados a adaptarse y cambiar, y como la web se adapta y cambia, diseadores web siguen su ejemplo. As
como de video no mat a la estrella de radio, Twitter no va a matar a la pgina original.
Scrivs escribi un gran artculo sobre Drawar destacando algunas falacias en el artculo original de Smashing Magazine. Creo que resume
el "No eres ms que un diseador web" as emisin:
No se puede quedar atrapado en el trmino "diseador web", porque si lo hace, entonces usted est quitando la idea de que un gran
diseador no puede aprender la manera de trasladar sus habilidades a otra plataforma. Si estamos diseando aplicaciones que slurp
contenido de la Internet para presentar a un usuario, a continuacin, pronto vamos a estar todos los diseadores de Internet. Eso elimina
la carga de diseo Web y cambia las cosas un poco.

EL CONTENIDO HA SIDO EL REY INDISCUTIBLE


Vamos a hacer algo muy, muy claro. Los buenos diseadores web saben que su trabajo es dar a conocer el contenido de la mejor manera
posible. Perodo.Contenido malas en un hermoso sitio web podra mantener el inters de los usuarios por unos momentos, pero no se
traducir en el xito de la pgina web ... a menos que corra CSS Zen Garden .
En su artculo, Cameron consigue media razn cuando dice:
Mientras que el diseo no da [el usuario] un dolor de cabeza o interfiere con su capacidad para encontrar lo que quieren, no les importa
exactamente cmo se ve o cmo exactamente funciona.
Estoy de acuerdo. El usuario es despus de contenido, no el diseo de su gradiente cargado y CSS3 efectos hover. Su trabajo consiste en
llegar hasta all la forma menos dolorosa posible. Al mismo tiempo, gran diseo puede mejorar el contenido y tener un sitio web para
el siguiente nivel. Gran diseo no slo da la credibilidad de un sitio web, pero puede conducir a una mejor experiencia. Diseo Mediocre y
gran contenido pierden cada vez que un gran diseo y un gran contenido. Simplemente hace que para una mejor experiencia en general,
donde el contenido y el diseo tanto juegan un papel importante.

Kristina Halvorson, habitual seguidor de contenido, dando uno de sus famosos talleres de contenido. (Foto: Warren Parsons) Crdito de la
imagen

SIEMPRE SE PUEDE IR A CASA


Cameron hace que el argumento de que los alimentos se estn apoderando de la Web y que, con el tiempo, las empresas slo los utilizan
para comunicarse con los clientes.
La idea de confiar simplemente en facebook.com / companyname en lugar de ejecutar un sitio web independiente, donde el contenido se
origina y filtra simplemente no tendr con las empresas. Las empresas siempre necesitarn una "base" de su contenido. El cambio
ser en los medios de comunicacin a travs del cual los filtros de contenido saludables fuera (como Facebook, Twitter y RSS).
Scrivs seala este punto en su artculo Drawar:
En esencia, lo que sucede es que los sitios tienen que darse cuenta de que su contenido va a tener acceso a un nmero de maneras
diferentes, y si no empezamos a tomar el control de la experiencia, entonces alguien ms lo har. RSS no mat trfico del sitio web o de
los ingresos, porque hay algunas cosas que simplemente no se puede experimentar a travs de un canal RSS El hecho de que la forma en
que consumimos contenidos est empezando a cambiar, no significa que el diseo en s est siendo marginada.
El contenido no es slo acerca de los comunicados de prensa y el texto tampoco.Ford nunca renunciara ford.com para el contenido en una
variedad de fuentes y agregadores. Ford.com le permite construir un coche: dnde est la alimentacin o la aplicacin para
eso? Conjunto de actividades de Ford depende de la funcionalidad de su sitio web. Su equipo Web ha trabajado duro para crear una
experiencia de usuario atractiva, nica para los objetivos y temas de la marca. No hay empresa que desee preservar su marca o identidad
corporativa renunciar a su principal canal de comunicacin y branding para feeds azar salpicado a travs de la Web.

En el mismo sentido, ninguna empresa de pronto renunciar a su creativo cuidadosamente elaborado y el retroceso a una
plantilla. Plantillas han existido por aos, y ninguna empresa con cualquier tipo de presupuesto se utilice una solucin empaquetada $ 49
de Template Monster si puede permitirse el lujo de pagar a alguien para hacer frente a sus necesidades particulares y moldear una pgina
web con su contenido. Una plantilla no tiene necesidades o metas en cuenta cuando el contenido se pega pulg Un buen diseador hace
elecciones que una plantilla de 49 dlares no va a hacer para usted.
Cameron habla de cmo las empresas tendern a las plantillas estndar y lejos de la contratacin de diseadores:
Las empresas no vern el momento de contratar a alguien para crear un sitio web totalmente a medida cuando se puede simplemente
utilizar una plantilla y luego alimentar a todos sus contenidos a Google y Facebook y Twitter.
Los diseadores web no slo tiene que aadir las fronteras a los botones y los colores a los titulares. El diseo web es como mucho sobre
la resolucin de problemas como cualquier otra cosa. Y una parte del rompecabezas es encontrar la mejor manera de ofrecer y promover
contenido. No todo el mundo tiene los mismos problemas.
JulesLt establece este argumento en los comentarios:
[...] Pero yo no creo que ninguna empresa que anteriormente habran hecho empleado a un diseador para crear su presencia en la web,
la marca, cambiar a un modelo estndar. Para la mayora de las empresas, Facebook, YouTube o Twitter pueden ser canales alternativos
para llegar a sus clientes, pero no quieren que su marca subsumida en otra persona. [...] La forma correcta de hacer esto es crear un
ncleo reutilizable, pero entender las diferencias entre plataformas - y asegurarse de que sus clientes entiendan cualquier
compensaciones.

Nick se suma a este argumento acerca de las plantillas:


Plantillas no tienen negocios en un mundo donde la personalizacin triunfa sobre lo dems. Los clientes potenciales van a un sitio web no
slo los contenidos, sino por la experiencia que la marca est dispuesta a ofrecer. Por no hablar de que si usted est en el negocio de la
venta de ti mismo, un sitio web personalizado de alto nivel dice mucho de su dedicacin a su nicho de mercado elegido.
Andrei Gonzales resume elocuentemente la diferencia entre el diseo web y la decoracin:
El diseo no se trata de ojos dulces. Se trata de la resolucin de problemas. Si su Web "diseo" no es la solucin de problemas
cuantificables, entonces no es de diseo: se trata de "decoracin".
Y por otra parte, ya estamos en sombro escenario futuro de Cameron, donde los diseadores web deberan ser una cosa del
pasado. Actualmente, las empresaspueden comprar una plantilla y alimentar a sus contenidos a todo aquel que as lo quieran. Y, sin
embargo, no lo son. Cuando el diseador cre esa plantilla hace ocho meses, no saba que su empresa tena problemas de
comercializacin a las mujeres de mediana edad. Ese diseador no saba que son una empresa familiar en un mercado en el que ese tipo
de cosas lleva a la mejora de las ventas y los ingresos.Cmo podra? Es decoradora de Andrei, la solucin de los problemas entre upsum
lorem y dolor sit.
E N C O N C LU S I N
Diseo Web ha cambiado drsticamente durante su breve existencia. Los cambios en el medio ao tras ao son bastante increble. La
industria se ve muy diferente de lo que hizo en 2005, y hemos cambiado con l. El cambio es inevitable, y es la razn por la que visita
sitios web como este: para estar al da. Que el hambre es la clave para asegurar la supervivencia de nuestra industria.

La lnea de fondo? Diseo web es un mercado de trabajo estable y en crecimiento. Dos fuentes que son algo as como las
autoridades en el empleo y el diseo Web estn de acuerdo en este punto. El Departamento de Trabajo de Estados Unidos predice que las
posiciones para los diseadores grficos aumentarn 13% de 2008 a 2018, con la que se aade ms de 36.000 nuevos puestos de
trabajo. Tambin se afirma que "los individuos con el diseo del sitio Web [...] tendrn las mejores oportunidades."
Y en el 2008 A List Apart Encuesta Para personas que hacen las pginas web , el 93,5% de los encuestados dijo que haba al menos
bastante confianza en su seguridad en el empleo.
Voy a dormir bien esta noche sabiendo que la industria me encanta no va por el camino del dodo ... y que yo no ment a una clase llena de
jvenes diseadores deseosos de Colorado.
(Al)

También podría gustarte