Maletín De Rusia: El Desarrollo De La Barra De Herramientas Para Los Programas De “”

Nuestro equipo en el año 2013 está trabajando en aplicaciones para la oficina “”. En la línea de productos incluye un completo conjunto de aplicaciones para trabajar con documentos, correo electrónico, calendarios y contactos en equipos, dispositivos móviles y navegadores web, además de un servidor de colaboración, el servidor de correo y el sistema de almacenamiento de datos. En este artículo queremos contarles acerca de los principios de diseño de interfaces de editores de “” para diferentes plataformas y dispositivos. “La simplicidad y la comodidad en cualquier dispositivo” — he aquí nuestro enfoque a la interfaz.

Por un lado, hemos decidido utilizar habituales de los usuarios de concepto para nuestro panel de control en los editores. Por otro simplificar el trabajo de los editores. El usuario, que durante tanto tiempo se comunica con cualquier tipo de producto, se elaboran ciertos hábitos. El trabajo con las personas o en otras funciones, los botones habituales en el terreno y así sucesivamente. Por ejemplo, todos los usuarios de Windows están acostumbrados al botón “Home” en la esquina inferior izquierda y a lo que sucedía al hacer clic en este botón.

Cuando el botón ha desaparecido, y luego volvió, pero ya que ha cambiado el principio de funcionamiento, los usuarios han experimentado un fuerte malestar y se pierde en el rendimiento. Cuando se trabaja con aparatos de paquetes se forman sus hábitos. Tomemos el ejemplo de la barra de herramientas en las oficinas de los editores de. Se pueden distinguir dos enfoques principales de la organización de la barra de herramientas: Los usuarios se acostumbran a un esquema y al otro a menudo se percibe “en brazos”.

Basta con recordar la actualización de paquete de Microsoft Office de 2007, cuando el interfaz de la cinta se ha sustituido el tradicional. Hemos sabían perfectamente que tenemos que diseñar una interfaz que va a mantener las actuales hábitos de los usuarios. Carecen de tiempo y de motivación en el entrenamiento algo nuevo, pero también es necesario resolver las tareas diarias. Sin embargo, ciegamente copiar decisiones extranjeras nosotros también no querían, porque veían en ellos una serie de deficiencias importantes: Además, los usuarios durante el trabajo sobre el documento pueden cambiar entre diferentes factores de forma y plataformas.

Crear un documento en un ordenador portátil en el avión, de trabajar en colaboración con colegas en el navegador, realizar modificaciones desde su dispositivo móvil. No todos los paquetes de oficina permiten sin dificultad (desde el punto de vista de las interacciones del usuario) cambiar entre los dispositivos. A continuación presentaremos a los reglamentos, las políticas y las características de los que usamos en el panel de control de los editores “”. En nuestra barra de herramientas controles distribuidos en varias pestañas: En breve aparecerán varias pestañas, por ejemplo, “la Imagen”.

A primera vista, es muy similar a la “cinta” el enfoque de. Pero en nuestra aplicación de diferentes configuraciones y acciones del sistema con el documento (la creación de copias de seguridad, compartir y más) se transfieren en el menú principal. Y los pasos para agregar los distintos objetos recogidos en un solo lugar: Esta solución nos ha permitido reducir considerablemente el número de controles en la barra de. El panel fue más fácil de escanear con la mirada, y significa que el usuario pueda encontrar rápidamente las funciones que.

Se ha disminuido la altura de la barra, más espacio asignado bajo el propio documento. Resultó muy enfocada la barra de herramientas, donde el conjunto de funciones y número de fichas se definen el objeto, que en este momento interactúa el usuario. Por ejemplo, cuando se trabaja en un editor de texto el hombre en la mayoría de los casos, sólo ve un clic en la pestaña “Texto”, que contiene los pasos para formatear el texto. Cuando se inserta una tabla en el documento y el uso de esta tabla (es decir, al seleccionar las celdas de la tabla) automáticamente aparecerá la ficha de trabajo con el objeto de. Como sólo la tabla pierde el foco — ficha desaparece.

Esta afecta al conjunto de elementos de control en el panel de. Por ejemplo, en un editor de texto para trabajar con texto en tabla en la pestaña “Texto” aparecen los pasos para la alineación vertical. En el modo de “Sólo lectura” de la barra de herramientas, puede llegar a faltar, si el propietario de un documento no se incluyó el registro de cambios. Todas las funciones del panel de control de duplicados en el menú principal. Se pueden distinguir varios tipos de controles:

Si pulsa sobre él produce una sola acción con el objeto de. Por ejemplo, aumenta el tamaño de la fuente o agrega una columna en la tabla. Por ejemplo, hacer que el texto en negrita. Estos botones tienen siempre dos estados. Permite seleccionar una de las opciones de formato.

Por ejemplo, seleccionar el color del texto o el tipo de lista con viñetas. Le permite seleccionar uno de los valores (en la lista desplegable), o realizar alguna acción rápida. Por ejemplo, el elemento de selección de tamaño de fuente. Una persona puede elegir un valor de la lista de predefinidos o especificar su.

Este elemento es característico sólo para la Web o Desktop. Una lista o un cuadro de diálogo que le permite realizar varias acciones, sin cierre. Por ejemplo, dar formato a los bordes de las celdas o las opciones de párrafo. Los editores de “” trabajan en un gran número de plataformas y factores de forma. Desde pequeños los teléfonos con pantalla de alrededor de cuatro pulgadas hasta las grandes tabletas como el iPad Pro.

Con esta unificación es importante entender la cantidad de elementos de control estará disponible para los usuarios y qué tamaño van a tener cuando se cambia el tamaño de la pantalla. O, por ejemplo, por qué la regla de la barra de herramientas cambia cuando se agrega un nuevo elemento de control, ya que el desarrollo de un producto a nosotros no se detiene ni un minuto. Para resolver este difícil objetivo, hemos dividido toda el área de la barra de herramientas en iguales al tamaño de la celda. Cada control puede ocupar una o varias celdas. Esta malla de la estructura ha permitido diseñar una serie de reglas de presentación de los elementos en el panel.

Si el elemento tarda más de dos celdas, su tamaño puede disminuir cuando se reduce el tamaño de la pantalla o de la ventana. Por ejemplo, así se comporta el elemento de selección de la fuente. Para cuchillas de pantallas o ventanas, nosotros permitimos otro estado miembro — nuevo botón de ancho en una sola celda. Esto permite contraer la barra de herramientas, sin necesidad de cambiar el orden de los comandos disponibles. Varios de los elementos de control se pueden combinar en un solo elemento como “un cuadro de lista Desplegable.

Esta integración es posible para los elementos que tienen la misma en el sentido de la funcionalidad. Por ejemplo, los elementos para la alineación del texto. Aplicaciones web para obtener más filas pueden aparecer al más pequeño el tamaño de la ventana del navegador. Esto a menudo ocurre cuando los usuarios reducen el tamaño de la ventana hasta la mitad de la anchura de la pantalla y se abren dos en un documento, para copiar de uno a otro o comparar el contenido.

En las tabletas, líneas adicionales pueden aparecer cuando se cambia la orientación del dispositivo. Para los teléfonos inteligentes de la presencia de varias líneas en el panel de control es una situación estándar. El ancho de la pantalla no puede caber en una sola línea de todo el conjunto de elementos de control (o se tiene que hacer de esta línea con el desplazamiento horizontal). Pero en la pantalla de los teléfonos inteligentes pueden aparecer o desaparecer líneas adicionales al cambiar la orientación. En los teléfonos inteligentes, podemos mostrar no más de cuatro líneas en la barra de herramientas.

En caso contrario, la barra de herramientas se va a ocupar más de la mitad de la altura de la pantalla. En este caso podemos “donar” al lado de los elementos que rara vez se utilizan, y ocultar en el menú desplegable. En los teléfonos inteligentes de la barra de herramientas se encuentra en la parte inferior de la pantalla tanto en vertical como en horizontal. Inmediatamente se produce la complejidad — en el momento de la redacción del texto aparece el teclado, que, naturalmente, se superpone a la barra de herramientas. Para resolver este problema, hemos implementado un interruptor sobre el teclado.

Permite ocultar rápidamente el teclado o la barra de herramientas. En las tabletas, la barra de herramientas siempre se encuentra en la parte superior de la pantalla tanto en vertical como en horizontal. Esto permite tener siempre a mano las herramientas de edición, que no se superponen con el teclado de la pantalla.

Si la persona no tiene intención de dar formato a un documento, por ejemplo, sólo se examinará la información, puede ocultar la barra de herramientas pulsando en la pestaña activa. En el iPhone no podemos mostrar una lista desplegable desplegable. Por lo tanto, en el panel de control se agrega un nivel adicional de navegación. Por ejemplo, una lista de tamaños de fuente aparece en el siguiente nivel de navegación, con la posibilidad de volver atrás. En Android-smartphones no se introduce un mayor nivel de jerarquía y todas las listas desplegables y los diálogos se comportan conveniente.

Su tamaño (anchura y altura) depende de la información que en ellos aparece. Entendemos que no se puede crear una interfaz de “el siglo” y en el nosotros enfoque es la rugosidad de la. Por ejemplo, siempre se necesita cambiar entre el teclado virtual y una barra de herramientas en los teléfonos inteligentes. Por lo tanto, estamos constantemente experimentando. Ahora mismo estamos trabajando en interesantes soluciones en el plano contextual formato como en plataformas móviles, tanto en las versiones de sobremesa.

Es posible que después de la implementación de esta funcionalidad podemos simplificar aún más la barra de herramientas, que es el “corazón” de cualquier editor. Sería interesante leer en los comentarios, y qué usted exhala, desventajas, o, por el contrario, la dignidad de sus aplicaciones en diferentes plataformas. Edita si los textos o documentos en el teléfono inteligente o la tableta?.

Leave a Reply