Servicio Técnico PC y Notebook - Blog » Diseño

Quitar carita de WordPress

DoctorPC — Sat, 31 Jul 2010 13:30:35 +0000

Si usas WordPress y no quieres que tus visitantes vean la carita de WordPress abre la hoja de estilo de la plantilla que estes usando (generalmente misitio/wp-content/themes/mitema/style.css) y pega el siguiente código

/*Quitar carita Wp*/
img#wpstats{width:0px;height:0px;overflow:hidden; }

Guarda los cambios y súbe la hoja de estilo a tu sitio, verás como ya no aparece la carita.

10 principios generales de la usabilidad en sitios web

DoctorPC — Wed, 28 Jul 2010 13:30:58 +0000

Veamos 10 principios básicos de la usabilidad en los sitios web.

1. Visibilidad del estado del Sistema

El sistema debe mantener siempre informado a los usuarios acerca de lo que está ocurriendo, a través de una retroalimentación o “feed-back” adecuado y en un tiempo razonable. Por ejemplo, con una barra de estado cuando se carga un archivo.

2. Adecuación entre el sistema y el mundo real

El sistema debe hablar el lenguaje de los usuarios, con palabras, frases y conceptos que les sean familiares, más que con términos propios del sistema. Debe seguir las convenciones del mundo real, haciendo que la información aparezca en un orden natural y lógico.

3. Control y libertad del usuario

Los usuarios eligen a menudo opciones del sistema por error y necesitarán una “salida de emergencia” claramente delimitada para abandonar el estado no deseado en que se hallan sin tener que mantener un diálogo largo con el sistema. Es conveniente usar las opciones “deshacer-rehacer”.

4. Consistencia y estándares

Los usuarios no tienen por qué imaginar que diferentes palabras, situaciones o acciones significan lo mismo. Es conveniente seguir convenciones.

5. Prevención de errores

Mejor que un mensaje de error es un diseño cuidadoso que prevenga los errores. Por ejemplo, ofrecer diversas opciones en un menú en lugar de hacer que el usuario deba teclear algo. Ejemplo y error frecuente es colocar una página de contacto que no existe.

Mejor dejar tus datos de contacto en el footer del sitio o revisa el funcionamiento de tu formulario de contacto cada unas semanas.

6. Reconocer mejor que recordar

Hacer visibles objetos, acciones y opciones. El usuario no tiene por qué recordar información de una parte del diálogo con el sistema en otra parte. Las instrucciones de uso del sistema deben estar visibles o fácilmente localizables cuando proceda.

7. Flexibilidad y eficiencia de uso

Los aceleradores o atajos –que el usuario principalmente no nota– pueden hacer más rápida la interacción para usuarios expertos, de tal forma que el sistema sea útil para los dos tipos de usuarios. Permite a los usuarios adaptar acciones frecuentes. Por ejemplo, los atajos de teclados o combinaciones de teclas: F5, ctrl + C, ctrl + F, etcétera. En nuestro caso nuestros visitantes se pueden mover y encontrar fácilmente utilidades y herramientas a través del menú de navegación.

Y dentro de cada menú dividimos las temáticas en secciones, para facilitar la interacción del usuario con la página web.

8. Estética y diseño minimalista

Los diálogos entre sistema y usuarios no deben contener información irrelevante o raramente necesitada. Cada unidad de información extra en un diálogo compite con las unidades relevantes de información y disminuye su visibilidad relativa, por ejemplo, llenar el texto con negrita o ESCRIBIR TODO CON MAYÚSCULA.

9. Ayudar a los usuarios a reconocer, diagnosticar y solucionar errores

Los mensajes de errores deben expresarse en un lenguaje común – sin códigos–, indicar con precisión el problema y sugerir de forma constructiva una solución.

El clásico error 404 es sólo entendible para informáticos y unos pocos más. Por eso es bueno personalizar la página de error.

10. Ayuda y documentación

Aunque es buena señal que el sistema pueda ser usado sin documentación, puede ser necesario proveer cierto tipo de ayuda. Cualquier información debe ser fácil de buscar, especificar los pasos que serán necesarios para realizarla y no ser muy amplia.

Un buen ejemplo es que si tienes descargas de MegaUpload, ayuda a tus visitantes entregando tutoriales de como descargar desde este servicio.

Si bien son consejos para el desarrollo de sistemas, son aplicables a cualquier sitio web, incluso este.

Manual digitalización de imágenes

DoctorPC — Fri, 23 Jul 2010 21:30:30 +0000

¿Estás iniciando tu carrera de fotógrafo o diseñador?. No te olvides que los conceptos son muy importantes para el desarrollo de cualquier área. Refuerza tus conocimientos con este manual de digitalización de imágenes.

Temario del manual

Prefacio.
- Terminología básica.
- Selección.
- Conversión.
- Control de calidad.
- Metadatos.
- Infraestructura técnica.
- Cadena de digitalización.
- Creación de imágenes.
- Gestión de archivos.
- Entrega.
- Presentación.
- Preservación digital.
- Gestión.
- Formación continua.

MegaUpload Descargar Manual digitalización de imágenes

MegaUpload: http://www.megaupload.com/?d=U9BW15UR

Crear un Banner online, rápido, fácil y gratis

DoctorPC — Thu, 08 Jul 2010 22:00:35 +0000

Hay sitios que son simples pero muy útiles (y otros complicados e inútiles, pero esa es otra historia), como BenderConverter (para descargar videos de Youtube). Ahora te mostraremos un sitio para crear Banners animados (gif) de una manera muy sencilla.

Debes seleccionar las imágenes desde una URL o subirlas directamente desde tu computador (soporta los formatos gif, jpeg, jpg y/o png).

Luego de subir 2 o más imágenes, selecciona cuantas veces se repetirá la secuencia del gif. Por defecto es cero y significa que se mostrará la secuencia eternamente (recomendado). Podemos, además, reajustar los tamaños, aunque es preferible subir las imágenes listas (modificadas, por ejemplo, con Paint.net o PhotoShop) para no perder calidad.

Para crear el banner haz clic en Generate GIF.

Listo, una vez armado podrás descargarlo haciendo clic en DOWNLOAD.

El resultado podría ser algo como esto o (mucho mejor )

Si encuentras que va muy rápido, ajusta los valores indicados en los relojes de cada imagen de 40 a 80 y vas probando el resultado. También podrás mejorar la presentación agregando algún fondo para banner de 125*125, que es el tamaño más universal para los banner.

Crear mi Banner Online