{"id":14910,"date":"2020-12-09T13:13:49","date_gmt":"2020-12-09T11:13:49","guid":{"rendered":"http:\/\/design-toolkit.recursos.uoc.edu\/?p=14910"},"modified":"2021-02-09T16:35:33","modified_gmt":"2021-02-09T14:35:33","slug":"typing","status":"publish","type":"post","link":"http:\/\/design-toolkit-test.uoc.edu\/es\/typing\/","title":{"rendered":"<em>Typing<\/em>"},"content":{"rendered":"<h2><strong>Descripci\u00f3n<\/strong><\/h2>\n<p>El paradigma de interacci\u00f3n <em>typing<\/em> hace referencia a la acci\u00f3n o habilidad de escribir algo por medio de alg\u00fan tipo de teclado. Este comenz\u00f3 a emplearse en las primeras interfaces, las denominadas <strong>textuales<\/strong> (no gr\u00e1ficas), durante el per\u00edodo de 1945 a 1968. En este tipo de interfaces (aquellas que hacen uso de elementos mec\u00e1nicos, electromec\u00e1nicos o digitales, sin hacer uso de la escritura manual), la interacci\u00f3n de tipo <em>typing<\/em> se realiza mediante acciones o comandos que se combinan en un solo \u00ablote\u00bb, ejecut\u00e1ndose en un orden determinado sin cualquier interacci\u00f3n intermedia por parte del usuario. Para ello, se hace necesario el uso de dispositivos de entrada adecuados (como un teclado convencional) para contribuir a la usabilidad y ayudar a los usuarios a llevar a cabo su trabajo de forma segura, efectiva, eficiente y agradable. En consecuencia, los dispositivos de entrada de texto, junto con el software necesario, permiten transformar la informaci\u00f3n que desea proporcionar el usuario mediante texto en datos que el sistema pueda interpretar.<\/p>\n<p>Tradicionalmente, los usuarios han interaccionado mucho a trav\u00e9s de este paradigma, desde los primeros sistemas operativos, los juegos basados en texto, los editores de documentos o los chats de mensajer\u00eda. Sin embargo, actualmente, existe un \u00abresurgimiento\u00bb de las interfaces basadas en texto gracias a proliferaci\u00f3n de los denominados <strong><em>chatbots<\/em><\/strong>. Cabe destacar que, a diferencia de las interfaces de usuario textuales, las GUI han servido para superar muchos de los problemas que presentan estas, como pueden ser la imposibilidad de exploraci\u00f3n, la limitaci\u00f3n en la recuperaci\u00f3n de los errores o la necesidad de un entrenamiento y habilidad por parte de los usuarios que hac\u00edan uso de ellas.<\/p>\n<h2><strong>Aplicaci\u00f3n<\/strong><\/h2>\n<p>Hist\u00f3ricamente, uno de los primeros dispositivos de entrada de texto desarrollados para los sistemas digitales son los diferentes tipos teclados (<em>keyboard<\/em>); es el dispositivo com\u00fanmente m\u00e1s empleado bajo el paradigma de interacci\u00f3n <em>typing<\/em>. Un teclado es un dispositivo del estilo \u00abm\u00e1quina de escribir\u00bb que utiliza una disposici\u00f3n de botones o teclas determinada para introducir letras, n\u00fameros o caracteres en un sistema digital (aunque los primeros teclados eran realmente diferentes de la idea de teclado que tenemos hoy en d\u00eda, tal y como se puede apreciar en la figura).<\/p>\n<div id=\"attachment_93\" style=\"width: 724px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-93\" loading=\"lazy\" class=\" wp-image-93 my-image\" src=\"\/wp-content\/uploads\/2020\/12\/20110_25.jpg\" alt=\"\" width=\"714\" height=\"387\" \/><p id=\"caption-attachment-93\" class=\"wp-caption-text\">Teclado de Apple II<br \/>Fuente: Wikipedia.<\/p><\/div>\n<p>Sin embargo, la gran mayor\u00eda de los ordenadores port\u00e1tiles actuales cuenta con un teclado integrado, mientras que los ordenadores de escritorio generalmente utilizan un teclado de tipo perif\u00e9rico, habiendo sufrido una evoluci\u00f3n desde entonces. A su vez, otro tipo de dispositivos, tales como los tel\u00e9fonos inteligentes y tabletas, emplean teclados de tipo virtual como mecanismos de inserci\u00f3n de texto. Concretamente, un teclado es un grupo de botones <em>on<\/em>\/<em>off<\/em> que se usan en combinaci\u00f3n o por separado. Estos dispositivos detectan una de las dos posiciones (por ejemplo, teclas en teclados mec\u00e1nicos o botones sensibles al tacto), lo que conlleva una detecci\u00f3n de eventos en un rango continuo. Actualmente, todos usamos el teclado seguramente sin haber pensado en los aspectos que desencadenaron en su dise\u00f1o, siendo un punto relevante que considerar el dise\u00f1o de c\u00f3mo debe ser la entrada de texto. De esta manera, existen diferentes tipos de teclado.<\/p>\n<h3><strong>Teclado QWERTY<\/strong><\/h3>\n<p>La mayor\u00eda de las personas estamos bastante familiarizadas con este dise\u00f1o de teclado alfanum\u00e9rico est\u00e1ndar, a menudo llamado teclado QWERTY. Su nombre se deriva de las primeras letras en la fila m\u00e1s alta de izquierda a centro. Originariamente, se dise\u00f1\u00f3 para reducir la incidencia de colisiones de teclas en las m\u00e1quinas de escribir manuales en lugar de ser una disposici\u00f3n \u00f3ptima.<\/p>\n<div id=\"attachment_94\" style=\"width: 772px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-94\" loading=\"lazy\" class=\"size-full wp-image-94 my-image\" src=\"\/wp-content\/uploads\/2020\/12\/20110_26.jpg\" alt=\"\" width=\"762\" height=\"255\" \/><p id=\"caption-attachment-94\" class=\"wp-caption-text\">Ejemplo de teclado QWERTY<br \/>Fuente: Wikipedia.<\/p><\/div>\n<p>Algunas distribuciones similares a QWERTY son el QWERTZ o QWERTZU, ampliamente utilizada en Europa Central, o al AZERTY. Se trata de una distribuci\u00f3n de teclado que se utiliza mayoritariamente en algunos pa\u00edses franc\u00f3fonos. A su vez, los teclados se implementan tanto en formato f\u00edsico (r\u00edgidos y flexibles, como podr\u00eda ser el de un port\u00e1til o uno fabricado con material de silicona respectivamente) como digitales (sobre una interfaz t\u00e1ctil, como la que implementa una tableta) e incluso proyectados (sobre cualquier superficie, como un teclado l\u00e1ser).<\/p>\n<div id=\"attachment_95\" style=\"width: 510px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-95\" loading=\"lazy\" class=\"size-full wp-image-95 my-image\" src=\"\/wp-content\/uploads\/2020\/12\/20110_27.jpg\" alt=\"\" width=\"500\" height=\"350\" \/><p id=\"caption-attachment-95\" class=\"wp-caption-text\">Magic Cube Laser<br \/>Fuente: Wikipedia.<\/p><\/div>\n<p>Por otro lado, existen dise\u00f1os de teclados QWERTY con un prop\u00f3sito m\u00e1s ergon\u00f3mico; algunos de estos dise\u00f1os se basan en teclas empotradas en huecos con forma de cubo que permiten que los dedos alcancen las teclas con menos esfuerzo, as\u00ed como una serie central de controles como <strong>Enter<\/strong>, <strong>Alt<\/strong>, <strong>Backspace<\/strong>, que pueden f\u00e1cilmente presionarse con los pulgares.<\/p>\n<div id=\"attachment_96\" style=\"width: 510px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-96\" loading=\"lazy\" class=\"size-full wp-image-96 my-image\" src=\"\/wp-content\/uploads\/2020\/12\/20110_28.jpg\" alt=\"\" width=\"500\" height=\"376\" \/><p id=\"caption-attachment-96\" class=\"wp-caption-text\">Ejemplo de teclado ergon\u00f3mico Kinesis<br \/>Fuente: Wikipedia.<\/p><\/div>\n<h3><strong>Teclado alfab\u00e9tico<\/strong><\/h3>\n<p>Se trata de un dise\u00f1o en el que las letras est\u00e1n ordenadas alfab\u00e9ticamente a trav\u00e9s del teclado. Se cre\u00f3 con el prop\u00f3sito de permitir una mecanograf\u00eda m\u00e1s r\u00e1pida de los mecan\u00f3grafos no entrenados, pero no demostraban que fuera as\u00ed para los mecan\u00f3grafos entrenados dado que no hay una ventaja inherente a este dise\u00f1o.<\/p>\n<h3><strong>Teclado Dvorak<\/strong><\/h3>\n<p>La llegada de los teclados electr\u00f3nicos permiti\u00f3 prescindir de la problem\u00e1tica de las colisiones de teclas en las m\u00e1quinas de escribir manuales. Por ello, se dise\u00f1\u00f3 un teclado sobre la base de la frecuencia de uso de letras y la frecuencia del patr\u00f3n de letras y secuencias en el idioma ingl\u00e9s (para otros idiomas, quiz\u00e1s no sea la mejor opci\u00f3n). Ello permite hacer una escritura m\u00e1s r\u00e1pida con los dedos en las manos alternativas (concretamente, con los dedos \u00edndice) en lugar de tocar repetitivamente con un dedo y tener la mayor\u00eda asignados a una mano, como en el teclado QWERTY.<\/p>\n<div id=\"attachment_97\" style=\"width: 772px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-97\" loading=\"lazy\" class=\"size-full wp-image-97 my-image\" src=\"\/wp-content\/uploads\/2020\/12\/20110_29.jpg\" alt=\"\" width=\"762\" height=\"254\" \/><p id=\"caption-attachment-97\" class=\"wp-caption-text\">Ejemplo de teclado Dvorak americano<br \/>Fuente: Wikipedia.<\/p><\/div>\n<h3><strong>Teclado de acorde<\/strong><\/h3>\n<p>Su dise\u00f1o permite presionar varias teclas; estas deben presionarse para producir un n\u00famero peque\u00f1o de caracteres, aunque se requieren pocas teclas, por lo que los teclados de acordes pueden ser muy peque\u00f1os y muchos pueden operarse con solo una mano. Se requiere un entrenamiento previo para emplear este tipo de teclado y se usan por ejemplo en las cortes de los tribunales.<\/p>\n<h3><strong>Teclado T9<\/strong><\/h3>\n<p>Su dise\u00f1o permiti\u00f3 su incorporaci\u00f3n en los tel\u00e9fonos ya que solo cuenta con d\u00edgitos 0-9, y no un teclado alfanum\u00e9rico completo, lo que requiere de una mayor superficie. Para poder hacer uso de los caracteres, las teclas num\u00e9ricas generalmente se deben presionar varias veces hasta alcanzar la letra que se desea introducir. Un ejemplo de este teclado se encuentra en los dispositivos m\u00f3viles; fue muy popular tras el desarrollo de la mensajer\u00eda de texto a trav\u00e9s de los SMS.<\/p>\n<div id=\"attachment_98\" style=\"width: 260px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-98\" loading=\"lazy\" class=\"size-full wp-image-98 my-image\" src=\"\/wp-content\/uploads\/2020\/12\/20110_30.jpg\" alt=\"\" width=\"250\" height=\"172\" \/><p id=\"caption-attachment-98\" class=\"wp-caption-text\">Esquema de teclado T9 de un dispositivo m\u00f3vil<br \/>Fuente: Wikipedia.<\/p><\/div>\n<h2><strong>Ejemplos<\/strong><\/h2>\n<p>La transformaci\u00f3n digital de las \u00faltimas d\u00e9cadas ha permitido que una variedad de aplicaciones de sistemas que requieren entrada de texto se hayan desarrollado considerablemente, siendo muy empleadas en nuestros d\u00edas. Tales interfaces se utilizan principalmente para comunicar y registrar informaci\u00f3n y datos. A continuaci\u00f3n, se exponen algunas aplicaciones que hacen uso del <em>typing<\/em> a trav\u00e9s de las interfaces de entrada de texto.<\/p>\n<h3><strong>Int\u00e9rprete de comandos<\/strong><\/h3>\n<p>Las primeras interfaces persona-ordenador estaban basadas en el lenguaje de comandos y hac\u00edan uso de dispositivos de entrada de texto. La CLI (<em>command language interpreter<\/em>) fue el principal medio de interacci\u00f3n de la mayor\u00eda de los sistemas inform\u00e1ticos a mediados de la d\u00e9cada de los sesenta y continu\u00f3 utiliz\u00e1ndose en d\u00e9cadas posteriores, desde sistemas Unix a los primeros sistemas inform\u00e1ticos personales, como puede ser MS-DOS. La interfaz generalmente se implementa con una <em>shell<\/em> de l\u00ednea de comando. Se trata de un programa que acepta comandos como entrada de texto y convierte los comandos introducidos en funciones apropiadas del sistema operativo. El sistema muestra un <em>prompt<\/em> y el usuario introduce el comando a trav\u00e9s de un teclado. Se trata de interfaces donde el usuario no tiene la posibilidad de poder explorar opciones y en el que previamente debe conocer el comando asociado a la acci\u00f3n que quieren llevar a cabo, lo que requiere un entrenamiento previo. Como resultado, acaban siendo interfaces poco usables y orientadas sobre todo a expertos.<\/p>\n<div id=\"attachment_99\" style=\"width: 585px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-99\" loading=\"lazy\" class=\" wp-image-99 my-image\" src=\"\/wp-content\/uploads\/2020\/12\/20110_31.jpg\" alt=\"\" width=\"575\" height=\"691\" \/><p id=\"caption-attachment-99\" class=\"wp-caption-text\">Arriba: pantalla de comandos de sistema Unix. Abajo: pantalla de comandos de sistema MS-DOS<br \/>Fuente: Wikipedia.<\/p><\/div>\n<h3><strong>Formularios<\/strong><\/h3>\n<p>El uso de formularios est\u00e1 muy extendido en los sistemas digitales actuales; permiten poder recabar informaci\u00f3n o acceder a un entorno restringido. Tradicionalmente, las contrase\u00f1as se introducen a trav\u00e9s de un dispositivo de entrada de texto. Para ello, se hace uso de las interfaces de entradas de texto com\u00fanmente a trav\u00e9s de los dispositivos tipo teclado, aunque va ganando terreno la tecnolog\u00eda biom\u00e9trica.<\/p>\n<div id=\"attachment_100\" style=\"width: 330px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-100\" loading=\"lazy\" class=\"size-full wp-image-100 my-image\" src=\"\/wp-content\/uploads\/2020\/12\/20110_32.jpg\" alt=\"\" width=\"320\" height=\"239\" \/><p id=\"caption-attachment-100\" class=\"wp-caption-text\">Sistema de acceso<br \/>Fuente: Wikipedia.<\/p><\/div>\n<h3><strong>Programaci\u00f3n de software<\/strong><\/h3>\n<p>Un programa de software consiste en una lista de instrucciones que permiten que un sistema inform\u00e1tico realice una tarea espec\u00edfica. Los programas se pueden escribir en un lenguaje de bajo nivel (m\u00e1s cerca del idioma de la m\u00e1quina sin llegar a ser binario) y alto nivel (escrito en un formato que est\u00e1 m\u00e1s cerca de nuestro lenguaje humano). Para ello, se emplean com\u00fanmente las interfaces de entrada de texto.<\/p>\n<div id=\"attachment_101\" style=\"width: 772px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-101\" loading=\"lazy\" class=\"size-full wp-image-101 my-image\" src=\"\/wp-content\/uploads\/2020\/12\/20110_33.jpg\" alt=\"\" width=\"762\" height=\"583\" \/><p id=\"caption-attachment-101\" class=\"wp-caption-text\">Entorno de desarrollo de software integrado Eclipse<br \/>Fuente: Wikipedia.<\/p><\/div>\n<h3><strong>Procesadores de texto<\/strong><\/h3>\n<p>Se trata de un software o un dispositivo que permite a los usuarios crear, editar e imprimir documentos, as\u00ed como almacenarlos electr\u00f3nicamente. A su vez, incorpora elementos gr\u00e1ficos, aunque en gran medida sigue haciendo uso del teclado para la inserci\u00f3n de textos y ejecuci\u00f3n de atajos de teclado (por ejemplo, <strong>Ctrl+c<\/strong> y <strong>Ctrl-v<\/strong>).<\/p>\n<div id=\"attachment_102\" style=\"width: 692px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-102\" loading=\"lazy\" class=\" wp-image-102 my-image\" src=\"\/wp-content\/uploads\/2020\/12\/20110_34.jpg\" alt=\"\" width=\"682\" height=\"454\" \/><p id=\"caption-attachment-102\" class=\"wp-caption-text\">Procesador de texto libre Office<br \/>Fuente: Wikipedia.<\/p><\/div>\n<h3><strong>Mensajer\u00eda<\/strong><\/h3>\n<p>Aplicaciones como WhatsApp o Telegram hacen uso de mecanismos de entrada de texto, mediante el uso de teclados virtuales que pueden ser customizados e incluso aumentados mediante la inserci\u00f3n de elementos visuales, como im\u00e1genes o emoticonos predefinidos.<\/p>\n<div id=\"attachment_103\" style=\"width: 290px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-103\" loading=\"lazy\" class=\"size-full wp-image-103 my-image\" src=\"\/wp-content\/uploads\/2020\/12\/20110_35.jpg\" alt=\"\" width=\"280\" height=\"408\" \/><p id=\"caption-attachment-103\" class=\"wp-caption-text\">Teclado WhatsApp en sistema Android<br \/>Fuente: Android StackExchange.<\/p><\/div>\n<h3><strong><em>Chatbots<\/em><\/strong><\/h3>\n<p>Se trata de un servicio en el que el usuario interact\u00faa a trav\u00e9s de una interfaz tipo <em>chat<\/em>. Actualmente se utilizan en servicios de informaci\u00f3n, de venta de productos o de informaci\u00f3n al cliente. Los primeros <em>chatbots<\/em> solamente pod\u00edan reconocer unos comandos espec\u00edficos; sin embargo, el usuario no tiene que ser exacto cuando conversa con el <em>chatbot<\/em>, ya que este entiende no solamente comandos espec\u00edficos, sino el lenguaje en general. El <em>chatbot<\/em> tiene cierto grado de inteligencia artificial, de manera que es m\u00e1s inteligente a medida que mantiene conversaciones con los usuarios.<\/p>\n<div id=\"attachment_104\" style=\"width: 402px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-104\" loading=\"lazy\" class=\" wp-image-104 my-image\" src=\"\/wp-content\/uploads\/2020\/12\/20110_36.jpg\" alt=\"\" width=\"392\" height=\"561\" \/><p id=\"caption-attachment-104\" class=\"wp-caption-text\">Ejemplo de asistente virtual<br \/>Fuente: Wikipedia.<\/p><\/div>\n<h2><strong>Referencias<\/strong><\/h2>\n<p><strong>Helander, M. G.; Landauer, T. K.; Prabhu, P. V.<\/strong> (1997). <em>Handbook of Human-Computer Interaction<\/em> (2.\u00aa ed.). \u00c1msterdam: North-Holland.<\/p>\n<p><strong>Raymond, E. S.<\/strong> (2003). <em>The art of Unix programming<\/em>. Addison-Wesley Professional.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Descripci\u00f3n El paradigma de interacci\u00f3n typing hace referencia a la acci\u00f3n o habilidad de escribir algo por medio de alg\u00fan tipo de teclado. Este comenz\u00f3 a emplearse en las primeras interfaces, las denominadas textuales (no gr\u00e1ficas), durante el per\u00edodo de 1945 a 1968. En este tipo de interfaces (aquellas que hacen uso de elementos mec\u00e1nicos, [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":18275,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[24],"tags":[],"_links":{"self":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/14910\/"}],"collection":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/"}],"about":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/types\/post\/"}],"author":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/users\/4\/"}],"replies":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/comments\/?post=14910"}],"version-history":[{"count":5,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/14910\/revisions\/"}],"predecessor-version":[{"id":18010,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/14910\/revisions\/18010\/"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/media\/18275\/"}],"wp:attachment":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/media\/?parent=14910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/categories\/?post=14910"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/tags\/?post=14910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}