¿cuándo usar íconos versus íconos con texto versus solo enlaces de texto?
<p>¿hay alguna regla sobre cuándo usar íconos versus íconos con texto versus solo enlaces de texto en una aplicación web?</p><p>por ejemplo:</p><p><img src="https://i.stack.imgur.com/fhxl1.jpg" alt="disk icon"></p><p>vs.</p><p><img src="https://i.stack.imgur.com/fhxl1.jpg" alt="disk icon"> <strong>guardar</strong></p><p>vs.</p><p><strong>guardar</strong></p><hr><p>pregunta extra: es <img src="https://i.stack.imgur.com/fhxl1.jpg" alt="disk icon"> <strong>guardar</strong> -o- <strong>guardar</strong> <img src="https://i.stack.imgur.com/fhxl1.jpg" alt="disk icon"> ¿preferible?</p>
<p>los iconos son notoriamente ineficaces como etiquetas, y son muy difíciles de interpretar correctamente sin capacitación o experiencia. para la mayoría de las situaciones, los usuarios aprenden mejor las interpretaciones correctas solo con texto que con íconos solos. <sub>ver: wiedenbeck, s (1999). el uso de iconos y etiquetas en un programa de aplicación de usuario final: un estudio empírico de aprendizaje y retención. comportamiento y tecnología de la información, 18 (2), p68-82.</sub></p><p>los íconos son especialmente malos para cualquier cosa abstracta, como factura u oferta, ya que las cosas abstractas generalmente no tienen una imagen visual sólida (tanto la factura como la oferta podrían representarse como documentos en papel, pero ¿cómo los distinguiría?). del mismo modo, los iconos son particularmente malos para las acciones (por ejemplo, guardar, publicar); es difícil mostrar claramente un proceso con una imagen. sí, los iconos se usan todo el tiempo en las barras de herramientas para las acciones, pero las barras de herramientas estaban destinadas a expertos, y sin embargo, los usuarios se confunden con frecuencia (en promedio, <a href="https://web.archive.org/web/20130207024524/http://www.humanfactors.com/downloads/askericarchivebusiness2004.asp">los usuarios conocen solo seis elementos de la barra de herramientas de word</a> después de usar word regularmente por <em> dos años </em>).</p><p>los iconos pueden ahorrar espacio sobre el texto, pero al precio del reconocimiento. para iconos pequeños, como 16x16 píxeles, es muy difícil para los usuarios incluso reconocer de qué se supone que son una imagen, y mucho menos qué se supone que representa la imagen. un usuario que conozco pensó que el icono de "disco" para guardar era una imagen de un televisor. (era lo suficientemente mayor como para saber qué era un disquete). personalmente utilicé word durante años pensando que el ícono track changes era una especie de rosetta stone estilizada. a los usuarios expertos les resulta más fácil <a href="http://www.uie.com/brainsparks/2006/02/20/orbitz-cant-get-a-date/">confíe en la posición física memorizada</a> de los controles de la barra de herramientas en lugar de las etiquetas de los iconos para elegir un control. los íconos más grandes (por ejemplo, al menos 32 por 32 píxeles) pueden ayudar al reconocimiento, pero ocupan tanto espacio que es mejor usar el espacio para una etiqueta de texto clara. si el espacio es limitado, a menudo es mejor usar texto abreviado que iconos.</p><p>es extraordinariamente difícil acertar con los íconos. no intente desarrollar un nuevo icono sin extensas iteraciones de pruebas de usuario. incluso entonces, puedes fallar. los diseñadores de microsoft intentaron todo para hacer íconos interpretables para la barra de herramientas de outlook antes <a href="http://blogs.msdn.com/jensenh/archive/2005/11/01/487661.aspx">renunciar y seguir con etiquetas de texto</a> en los controles clave.</p><p>las etiquetas de iconos también dificultan el soporte técnico (por ejemplo, "haga clic en la hoja amarilla con una marca de verificación azul", en lugar de "haga clic en" aceptar "").</p><p>como regla general, los íconos solo deben permitirse cuando se aplican al menos dos de las siguientes tres condiciones:</p><ol> <li> <p>el espacio es muy limitado (es decir, demasiado pequeño para texto solo).</p> </li> <li> <p>los iconos están estandarizados (por ejemplo, la imagen del disquete para guardar)</p> </li> <li> <p>el ícono representa un objeto con un fuerte atributo análogo físico o visual (por ejemplo, un ícono de impresora para acceder a los atributos de la impresora, o un rectángulo rojo para establecer un fondo de página rojo).</p> </li> </ol><p>la información sobre herramientas es necesaria para los iconos cuando se usan solos, pero son un mal sustituto de las etiquetas de texto. sus usuarios no deberían tener que usar su aplicación buscando cosas. el hecho de que las etiquetas de texto nunca necesiten información sobre herramientas gráficas es una pista bastante buena de que el texto es mejor que los iconos.</p><p>si el espacio lo permite, los iconos combinados con texto son los mejores. (creo que hubo investigaciones que muestran esto desde fines de la década de 1980, pero no puedo encontrarlo). el uso selectivo de iconos con texto hace que ciertos elementos se destaquen más o agreguen interés visual. también puede mejorar la escalabilidad de los elementos, pero las buenas etiquetas de texto también pueden hacerlo. se sabe que los usuarios piensan subjetivamente que una aplicación es más fácil si tiene íconos, incluso cuando en realidad no mejoran el rendimiento (ver wiedenbeck, 1999 citado anteriormente), por lo que esa es otra razón para combinar íconos y texto.</p><p>por lo general, veo el ícono arriba o a la izquierda de la etiqueta de texto. no creo que sea necesariamente inherentemente mejor que las alternativas, pero es una convención que también debes seguir si tienes controles uno al lado del otro para que el usuario pueda confiar en la experiencia para saber qué etiqueta de texto va con cada ícono.</p>
para comparar es mejor usar la misma foto, en un caso con lentes y la otra sin. los conectores (también llamados nexos o relaciones) son frases o palabras que se utilizan para conectar o vincular una idea con otra en un texto (oral u escrito). los conectores permiten que el texto tenga una estructura lógica y coherente, y su ausencia o su mala utilización vuelven difícil la comprensión de las ideas.

tipos de conectores con ejemplos:

conectores de causa. determinan causalidad, por ejemplo: dado que, debido a, gracias a, por culpa de, porque, puesto que.

conectores copulativo. unen expresiones, por ejemplo: y, e, ni.

conectores disyuntivos. unen expresiones que plantean dos opciones contrapuestas, por ejemplo: o, u.

conectores de argumentación. se utilizan para explicar un argumento, por ejemplo: a saber, de lo contrario, por otra parte, sobre todo, por último.

conectores de cronología. determinan el orden de las acciones, por ejemplo: en primer lugar, ante todo, finalmente, luego, más tarde.

conectores de consecuencia. determinan consecuencia, por ejemplo: a fin de, de manera que, entonces, por consiguiente, por eso.

conectores de referencia. se utilizan para establecer las relaciones entre conceptos, por ejemplo: de esta manera, en cuanto a, en lo que respecta, respecto de, según.

conectores de resumen. introducen la síntesis de la información, por ejemplo: en pocas palabras, en resumen, resumiendo, para resumir, en concreto.

conectores de temporalidad. indican la temporalidad de la acción, por ejemplo: ahora, antes, apenas, en aquel tiempo, hoy en día, hasta.

conectores de oposición o adversativos. unen partes contrapuestas, por ejemplo: al contrario, aunque, a pesar de, no obstante, pero, sin embargo.

conectores de ilustración o explicativos. introducen la explicación de lo anteriormente dicho, por ejemplo: en otras palabras, por ejemplo, o sea, es decir, así.

conectores de condición. expresan condición, por ejemplo: en caso de que, siempre que, suponiendo que, si, con tal que.

conectores de comparación. introducen una comparación entre los elementos o entre dos oraciones, por ejemplo: más que, menos que, a diferencia de.

conectores concesivos. introducen un condicionamiento que puede ser sorteado o superado, por ejemplo: aunque, a pesar de, pese a.

conectores de lugar. introducen el escenario en el que se desarrolla la acción, por ejemplo: donde, en donde, adonde.

conectores de modo. introducen la manera en la que se lleva a cabo la acción, por ejemplo: según, tal como, así como.

ejemplos de conectores:

a fin de

entonces

a saber

para terminar

por otra parte

en seguida

en concreto

de tal manera que

en cambio

al principio

con la condición de que

por último

con el objeto de

además

primeramente

en cuanto a esto

brevemente

al mismo tiempo

gracias a

una vez

en caso de que

en lo que respecta

por más que

antes

siempre que

en conclusión

de esta manera

ahora

en aquel tiempo

con tal que

acto seguido

en primer lugar

respecto a

finalmente

en nuestros días

a consecuencia de

cuando

sobre todo

desde entonces

érase una vez

primero

en cuanto a

en este caso

por eso

en pocas palabras

aunque

para resumir

a pesar de

resumiendo

por lo tanto

respecto de

segundo

de lo contrario

en aquellos días

hasta

más tarde

es decir

actualmente

una vez que

puesto que

en segundo lugar

desde

suponiendo que

mientras tanto

en otras palabras

tan pronto como

hoy en día

tercero

sin embargo

si

al respecto

pero

al contrario

según

antes que nada

por culpa de

en tercer lugar

de manera que

para

por ejemplo

ya que

como

cuarto

mientras que

de esa manera

o sea

por consiguiente

no obstante

debido a

mientras

en cuarto lugar

así

porque

dado que

por una parte

visto que

ahora que

ejemplos de oraciones con conectores:

pienso, luego existo.

fueron a la fiesta después del examen.

viajaron a méxico durante el receso de vacaciones.

en pocas palabras, es el hombre más afortunado del mundo.

quisieron ayudarlo, aunque no había nada que hacer.

para resumir, todo salió como lo esperaban.

en resumen, nos prohibieron el acceso por dos semanas.

ante todo, pedimos disculpas a los afectados.

apenas consiga un trabajo, comenzaré a ahorrar.

para empezar, quisiera agradecer a los aquí presentes. respecto a los iconos, fijate esto, anda a panel de control, pantalla, solapa escritorio, personalizar escritorio, solapa web, y fijate que no este tildado bloquear elementos del escritorio. Fondo de escritorio a firefox? una imagen o una página? por que de pagina solo vas a poder poner una del Internet explorer y sabes como anda... Buenas con todos, si efectivamente las interfaces cambiaron y esta característica se encuentra en la siguiente ubicación para los que no la encontraron a simple vista como yo.  

  

Tools -> Computer Management  

<http://imageshack.us/f/9/il7s.png/>  

  

Shared Folder  

<http://imageshack.us/f/194/82w1.png/> si vas al panel de control y buscas icono común del escritorio la búsqueda se reducirá a un elemento de la pantalla: mostrar u ocultar iconos comunes en el escritorio. desde ahí puedes elegir mostrar u ocultar la papelera de reciclaje, este pc, etc. <p>windows xp descarga las aplicaciones minimizadas en el disco como locas. pruébelo usted mismo, comience a descargar un gran torrent y minimice todo. muy pronto, casi todo su ram se usa como caché de archivos para el torrent en lugar de sus otras aplicaciones. deshabilitar el archivo de página evitará este comportamiento.</p><p>sin embargo, en windows vista y windows 7, el sistema maneja este escenario mucho, mucho mejor ... así que no estoy seguro de que deshabilitar el archivo de página en estas versiones hará una gran diferencia.</p><p>algunos juegos requieren que tengas un archivo de página, incluso cuando no es realmente necesario, noté esto recientemente cuando traté de jugar una demostración del juego que descargué de steam. a pesar de que tenía 6 conciertos de ram disponible, el juego se negó a comenzar hasta que creé un archivo de página muy pequeño ... <em>suspiro</em></p><p>personalmente, cuando tengo mucha ram, prefiero ir sin un archivo de paginación.</p> <p>simplemente use la imagen separadora como imagen de fondo en la <code>li</code>.</p><p>para que solo aparezca entre los elementos de la lista, coloque la imagen a la izquierda de la <code>li</code>, pero no en la primera.</p><p>por ejemplo:</p><pre><code>#nav li + li { background:url('seperator.gif') no-repeat top left; padding-left: 10px } </code></pre><p>este css agrega la imagen a cada elemento de la lista que sigue a otro elemento de la lista; en otras palabras, todos ellos menos el primero.</p><p>nótese bien. tenga en cuenta que el selector<em> adyacente </em>(li + li) no funciona en ie6, por lo que tendrá que agregar la imagen de fondo al li convencional (con una hoja de estilo condicional) y tal vez aplicar un margen negativo a uno de los bordes.</p> Hola Adriana, la verdad es que yo ví en esta página un tutorial sobre cómo crear un logo en Photoshop y me aclaró bastantes las ideas además de que da varias opciones y define los pasos muy bien.


Te dejo el enlace para que puedas revisarlo.


 


[http://www.solvetic....photoshop-cs6/](http://www.solvetic.com/tutoriales/article/1999-c%C3%B3mo-crear-un-logo-con-photoshop-cs6/) Siempre que hay un archivo infectado y que no se puede desinfectar, es conveniente eliminarlo, si no te deja hacerlo desde el modo normal, puedes probar desde el modo seguro, para evitar que esté en ejecución cuando intentas eliminarlo. Sino siempre puedes buscar por el disco ese archivo, y eliminarlo a saco, desde el modo seguro