{"id":8,"date":"2009-06-17T15:01:03","date_gmt":"2009-06-17T18:01:03","guid":{"rendered":"http:\/\/thuer.com.ar\/?p=240"},"modified":"2009-06-17T15:01:03","modified_gmt":"2009-06-17T18:01:03","slug":"que-debe-saber-un-disenador-web","status":"publish","type":"post","link":"https:\/\/thuer.com.ar\/?p=8","title":{"rendered":"\u00bfQu\u00e9 debe saber un dise\u00f1ador web?"},"content":{"rendered":"<p><a href=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2009\/06\/que-debe-saber-un-dise\u00f1ador-web.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-1215\" style=\"padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 0px; border: 0px initial initial;\" title=\"que-debe-saber-un-dise\u00f1ador-web\" src=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2009\/06\/que-debe-saber-un-dise\u00f1ador-web.png\" alt=\"que-debe-saber-un-dise\u00f1ador-web\" width=\"250\" height=\"289\" \/><\/a>Cada tanto alguien me dice que quiere ser dise\u00f1ador o desarrollador web y me pregunta por d\u00f3nde comenzar. No es f\u00e1cil responder porque el dise\u00f1o web como disciplina <strong>no tiene unos l\u00edmites claros<\/strong> y, adem\u00e1s, los perfiles de quienes quieren acercarse a ella var\u00edan enormemente: puede ser un programador, un dise\u00f1ador gr\u00e1fico o simplemente un entusiaste que quiere hacerse la p\u00e1gina de su empresa u organizaci\u00f3n.<\/p>\n<p>Se puede salir del paso diciendo frases gen\u00e9ricas como \u201chay que estar abierto a aprender de forma constante\u201d, \u201chay que tener esp\u00edritu autodidacta\u201d o \u201cson muchas horas detr\u00e1s de la computadora\u201d, pero esto en realidad no sirve de mucho m\u00e1s que para esquivar con relativa elegancia el interrogante.<\/p>\n<p>Creo que una forma adecuada para encarar la cuesti\u00f3n es tratar de <strong>identificar diferentes perfiles<\/strong> que abarquen las actividades m\u00e1s habituales que se suelen realizar hoy en d\u00eda, a cada una de las cu\u00e1les les corresponde una serie de conocimientos y competencias espec\u00edficas.<!--more--><\/p>\n<p><strong>Los perfiles<\/strong><\/p>\n<p>Desde lo m\u00e1s t\u00e9cnico a lo m\u00e1s art\u00edstico creo que hoy en d\u00eda podemos distinguir cuatro perfiles de forma m\u00e1s o menos clara:<\/p>\n<ul>\n<li><strong>T\u00e9cnico.<\/strong> Es quien se encarga de la administraci\u00f3n del servidor,      su mantenimiento y configuraci\u00f3n. Monitorea las conexiones al sitio, la      base de datos y detecta conflictos con alguna aplicaci\u00f3n y optimizar los      recursos del sistema. Adem\u00e1s, es el principal responsable de la seguridad      del servidor.<\/li>\n<li><strong>Marketer \/ Analista.<\/strong> Su objetivo es la eficacia del sitio web y      para ello analiza diferentes variables como el posicionamiento de las      p\u00e1ginas en los motores de b\u00fasqueda (SEO), la usabilidad del sistema y      diversas m\u00e9tricas que proveen informaci\u00f3n sobre c\u00f3mo se comportan los      usuarios que llegan a la p\u00e1gina.<\/li>\n<li><strong>Desarrollador.<\/strong> Su actividad principal es desarrollar un      sistema para que funcione a trav\u00e9s de la web. Se encarga de crear sistemas      a medidas o implementa un CMS y se ocupa de su configuraci\u00f3n, realiza      mejoras, crea nuevos m\u00f3dulos, etc. Muchas veces tambi\u00e9n \u201ccrea\u201d las p\u00e1ginas      web que posteriormente el especialista en dise\u00f1o se ocupa de mejorar en      cuanto a la est\u00e9tica<\/li>\n<li><strong>Creativo.<\/strong> Es quien se encarga de la identidad visual de las      p\u00e1ginas, la coherencia y consistencia gr\u00e1fica del sitio web. Trabaja sobre      la interfaz final de usuario, los elementos que la componen y codifica los      dise\u00f1os en HTML y CSS.<\/li>\n<\/ul>\n<p>Est\u00e1 claro que el nivel de especializaci\u00f3n del perfil se encuentra ligado a la complejidad del proyecto sobre el cual se trabaja. En grandes sitios web hay equipos de personas \u00fanicamente enfocadas en analizar la interacci\u00f3n del usuario y llevan a cabo estudios extensivos sobre usabilidad, mientras que en una peque\u00f1a organizaci\u00f3n a menudo hay un \u201cchico de la web\u201d que se encarga de todo lo relacionado con Internet.<\/p>\n<p>Sin embargo, creo que estos perfiles funcionan bastante bien como una <strong>primera orientaci\u00f3n<\/strong> y ayudan a enfocar en cu\u00e1les son las diferentes competencias que debemos adquirir para desempe\u00f1arnos profesionalmente en este campo.<\/p>\n<h3>\u00c1reas de conocimiento<\/h3>\n<p>Cada uno de los perfiles presentados anteriormente requiere de una <strong>serie de conocimientos espec\u00edficos<\/strong>. Aunque lo ideal es poder conocer lo m\u00e1ximo posible, el grado de especializaci\u00f3n de cada rol hace imposible saberlo todo. Por eso es interesante pensar el niveles de profundidad que van desde m\u00ednimo hasta experto.<\/p>\n<p>Pensado sobre este tema se me ocurri\u00f3 una tabla como la siguiente:<\/p>\n<table class=\"greentable\" border=\"0\" cellspacing=\"0\" cellpadding=\"4\">\n<tbody>\n<tr>\n<th style=\"border-bottom:0\" valign=\"top\"><strong>Nivel <\/strong><strong>\u25ba<\/strong><strong><\/strong><\/th>\n<th rowspan=\"2\"><strong>M\u00ednimo <\/strong><\/th>\n<th rowspan=\"2\"><strong>Recomendable<\/strong><\/th>\n<th rowspan=\"2\"><strong>PRO<\/strong><\/th>\n<\/tr>\n<tr>\n<th valign=\"top\"><strong>\u25bc<\/strong><strong>\u00c1reas<\/strong><\/th>\n<\/tr>\n<tr>\n<th><strong>Administraci\u00f3n servidor<\/strong><\/th>\n<td>Cliente   FTP, configurar dominio y cuentas de correo.<\/td>\n<td>Panel   de administraci\u00f3n del hosting (cPanel, Plaxo, etc.), configuraci\u00f3n .htaccess \u00a0y elementos b\u00e1sicos de Apache y base de   datos.<\/td>\n<td>Configuraci\u00f3n   avanzada servidor, normativas y protocolos seguridad, redes y   telecomunicaciones.<\/td>\n<\/tr>\n<tr>\n<th><strong>Lenguajes<\/strong><\/th>\n<td>HTML\u00a0 y CSS b\u00e1sico.<\/td>\n<td>HTML y CSS avanzado,   normativas W3C, fundamentos de PHP, javascript y SQL.<\/td>\n<td>Lenguajes de script   avanzado (PHP, ASP, JSP), bases de datos, Ajax, Ruby &amp; Rails, etc.<\/td>\n<\/tr>\n<tr>\n<th><strong>Marketing, anal\u00edtica, usabilidad.<\/strong><\/th>\n<td>Configuraci\u00f3n   y lectura de datos b\u00e1sicos de Analytics o similar. Fundamentos usabilidad.<\/td>\n<td>Anal\u00edtica   web avanzada, adwords y conocimientos de SEO y SEM. M\u00e9tricas para usabilidad.<\/td>\n<td>Crear   y dirigir campa\u00f1as de marketing online, optimizaci\u00f3n de conversiones,   comunicaci\u00f3n en social media. SEO y SEM avanzado. Conducir test de   usabilidad.<\/td>\n<\/tr>\n<tr>\n<th><strong>Dise\u00f1o<\/strong><\/th>\n<td>Edici\u00f3n b\u00e1sica de im\u00e1genes,   principales formatos para la web.<\/td>\n<td>Manejo avanzado de   Photoshop , Illustrator y Dreamweaver. Fundamentos de Flash y animaci\u00f3n web.<\/td>\n<td>Nivel experto de suites de   dise\u00f1o web, conocimientos avanzados de animaci\u00f3n y 3D. Convertir bocetos complejos   a HTML\/CSS.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>El nivel m\u00ednimo es lo que deber\u00eda conocer toda persona que trabajar en temas de desarrollo y dise\u00f1o web, independientemente de su perfil. Lo recomendable es el paso siguiente hacia un conocimiento m\u00e1s especializado, mientras que el nivel PRO es para expertos que quieran especializarse en una determinada \u00e1rea. Nuevamente hay que aclarar que esto es solo una gu\u00eda orientativa: puede haber un genio de la animaci\u00f3n web que desconozca casi todo el resto porque no resulta relevante para su tarea.<\/p>\n<p>Otra cuesti\u00f3n importante para aclarar: En la tabla se muestran los conocimientos pr\u00e1cticos, puesto que se supone que una persona especializada en dise\u00f1o adem\u00e1s de manejar el software tiene conocimientos de composici\u00f3n, teor\u00eda de la percepci\u00f3n, etc. y los puede aplicar a sus tareas habituales; del mismo modo que un programador adem\u00e1s de saber la sintaxis de un lenguaje conoce de algoritmos y organizaci\u00f3n de base de datos.<\/p>\n<h3>Conocimientos requeridos por perfil<\/h3>\n<p>A partir de la tabla anterior, podemos crear una nueva donde mostrar los distintos perfiles y el nivel de conocimiento que deber\u00eda tener para cada \u00e1rea.<\/p>\n<table class=\"greentable\" border=\"0\" cellspacing=\"0\" cellpadding=\"4\">\n<tbody>\n<tr>\n<th style=\"border-bottom:0\" width=\"115\"><strong>Conocimientos \u25ba<\/strong><\/th>\n<th rowspan=\"2\" width=\"115\"><strong>Administraci\u00f3n servidor<\/strong><\/th>\n<th rowspan=\"2\" width=\"115\"><strong>Lenguajes<\/strong><\/th>\n<th rowspan=\"2\" width=\"115\"><strong>Marketing y SEO<\/strong><\/th>\n<th rowspan=\"2\" width=\"115\"><strong>Software dise\u00f1o<\/strong><\/th>\n<\/tr>\n<tr>\n<th width=\"115\"><strong>\u25bc<\/strong><strong>Perfiles<\/strong><\/th>\n<\/tr>\n<tr>\n<th width=\"115\"><strong>T\u00e9cnico<\/strong><\/th>\n<td width=\"115\">Pro<\/td>\n<td width=\"115\">Recomendable<\/td>\n<td width=\"115\">M\u00ednimo<\/td>\n<td width=\"115\">M\u00ednimo<\/td>\n<\/tr>\n<tr>\n<th width=\"115\"><strong>Desarrollador<\/strong><\/th>\n<td width=\"115\">Recomendable<\/td>\n<td width=\"115\">Pro<\/td>\n<td width=\"115\">M\u00ednimo<\/td>\n<td width=\"115\">Recomendable<\/td>\n<\/tr>\n<tr>\n<th width=\"115\"><strong>Marketer<\/strong><\/th>\n<td width=\"115\">M\u00ednimo<\/td>\n<td width=\"115\">M\u00ednimo \/ Recomendable<\/td>\n<td width=\"115\">Pro<\/td>\n<td width=\"115\">M\u00ednimo \/ Recomendable<\/td>\n<\/tr>\n<tr>\n<th width=\"115\"><strong>Creativo<\/strong><\/th>\n<td width=\"115\">M\u00ednimo<\/td>\n<td width=\"115\">Recomendable<\/td>\n<td width=\"115\">M\u00ednimo<\/td>\n<td width=\"115\">Pro<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p style=\"text-align: center;\">***<\/p>\n<p>Esta propuesta est\u00e1 abierta al debate ya que seguramente hay algunos elementos que se me han escapado, y puede que algunos no coincidan con las escalas ni los perfiles. Sin embargo, tengo la esperanza de que este post les sirva a los que quieren acercarse al mundo del dise\u00f1o web y les permita saber por d\u00f3nde pueden mejorar su formaci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cada tanto alguien me dice que quiere ser dise\u00f1ador o desarrollador web y me pregunta por d\u00f3nde comenzar. No es f\u00e1cil responder porque el dise\u00f1o web como disciplina no tiene unos l\u00edmites claros y, adem\u00e1s, los perfiles de quienes quieren acercarse a ella var\u00edan enormemente: puede ser un programador, un dise\u00f1ador gr\u00e1fico o simplemente un &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"\u00bfQu\u00e9 debe saber un dise\u00f1ador web?\" class=\"read-more button\" href=\"https:\/\/thuer.com.ar\/?p=8#more-8\" aria-label=\"M\u00e1s en \u00bfQu\u00e9 debe saber un dise\u00f1ador web?\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[13,21,56,258,235],"tags":[52,407],"class_list":["post-8","post","type-post","status-publish","format-standard","category-analytics","category-blog","category-diseno-web","category-seo-sem","category-usabilidad","tag-desarrollo-web","tag-diseno-web","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","entry"],"featured_image_src":null,"featured_image_src_square":null,"author_info":{"display_name":"Sebasti\u00e1n Th\u00fcer","author_link":"https:\/\/thuer.com.ar\/author\/diseno-web"},"_links":{"self":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/posts\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":0,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/posts\/8\/revisions"}],"wp:attachment":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}