Интерфейсные метафоры в UI/UX дизайне: как использовать знакомые образы для интуитивно понятного взаимодействия с пользователем. Примеры и объяснение концепции.
Сравнивайте с английским: нажмите на абзац — оригинал откроется в окне. Кнопка EN под абзацем показывает его прямо в тексте.
Содержание
Введение
В дизайне пользовательского интерфейса метафора интерфейса – это набор визуальных элементов, действий и процедур, использующих знания и опыт, которыми пользователи уже обладают в других областях. Цель метафоры интерфейса – обеспечить пользователю мгновенное понимание принципов взаимодействия с интерфейсом. Метафоры интерфейса разрабатываются с учетом сходства с физическими объектами, но при этом обладают собственными свойствами (например, метафора рабочего стола и веб-порталы). Они могут основываться на деятельности, объекте (скеуоморфе) или их комбинации, опираясь на привычные знания пользователя для освоения нового и представляя информацию в понятных терминах. Примером метафоры интерфейса является аналогия файлов и папок для файловой системы операционной системы. Другой пример – представление файловой системы в виде дерева, как в файловом менеджере.
In user interface design, an interface metaphor is a set of user interface visuals, actions and procedures that exploit specific knowledge that users already have of other domains. The purpose of the interface metaphor is to give the user instantaneous knowledge about how to interact with the user interface. They are designed to be similar to physical entities but also have their own properties (e. g., desktop metaphor and web portals). They can be based on an activity, an object (skeuomorph), or a combination of both and work with users' familiar knowledge to help them understand 'the unfamiliar', and placed in the terms so the user may better understand. An example of an interface metaphor is the file and folder analogy for the file system of an operating system. Another example is the tree view representation of a file system, as in a file manager.
Исторические вклады
В середине двадцатого века компьютеры были крайне редкими и использовались только специалистами. Они были оснащены сложными интерфейсами, понятными лишь этим немногим избранным. В 1968 году Дуглас Энгельбарт продемонстрировал разработку, которая поразила руководителей Xerox. Они приступили к работе над тем, что впоследствии стало Xerox Alto. В 1973 году Xerox завершила разработку первого персонального компьютера Xerox Alto, оснащенного сложным графическим пользовательским интерфейсом (GUI), включающим окна, значки, меню и курсор. К сожалению, Xerox Alto и его преемник Xerox Star были слишком дороги для обычного потребителя и страдали от недостаточной маркетинговой поддержки. В 1984 году компания Apple Computer представила Apple Macintosh, который стал первым доступным и коммерчески успешным персональным компьютером с графическим пользовательским интерфейсом. Macintosh стал вторым компьютером Apple, поставляемым с графическим пользовательским интерфейсом, первым была Apple Lisa. В 1985 году Microsoft выпустила Microsoft Windows, которая имела явное сходство как с Macintosh, так и с интерфейсом Alto. В конечном итоге Windows обогнала Apple на рынке персональных компьютеров и стала доминирующей операционной системой с графическим интерфейсом.
In the mid twentieth century, computers were extremely rare and used only by specialists. They were equipped with complicated interfaces comprehensible only to these select few. In 1968, Douglas Engelbart gave a demonstration which astonished executives at Xerox. They began work on what would eventually become the Xerox Alto. In 1973, Xerox completed work on the first personal computer, the Xerox Alto, which had a sophisticated graphical user interface (GUI) involving windows, icons, menus and a pointer. (WIMP) Unfortunately, the Xerox Alto, and its successor the Xerox Star were far too expensive for the average consumer, and suffered from poor marketing. In 1984 Apple Computer launched the Apple Macintosh, which was the first affordable and commercially successful personal computer to include a graphical user interface. The Macintosh was the second Apple Computer to ship with a graphical user interface, with the Apple Lisa being the first. In 1985, Microsoft released Microsoft Windows which bore a striking resemblance to both Macintosh, and to the Alto's interface. Windows eventually overtook Apple in the PC market to become the predominant GUI based operating system.
Оценка
Разработчики программного обеспечения стремятся сделать компьютерные приложения более удобными для пользователей любого уровня, от начинающих до опытных, создавая конкретные метафоры, отражающие реальный жизненный опыт. Постоянное технологическое развитие позволяет метафорам всё более реалистично передавать этот опыт, что в конечном итоге повышает эффективность интерфейса. Однако начинающим пользователям может потребоваться справочная информация, поскольку метафора не всегда будет достаточно понятна, несмотря на все усилия программистов по её приближению к знакомым пользователю концепциям. Опытные пользователи, напротив, хорошо разбираются в технических аспектах метафор интерфейса. Они чётко знают, что хотят сделать и как это сделать, поэтому разрабатывают собственные быстрые способы для достижения своих целей. Несмотря на кажущуюся простоту концепции метафор интерфейса – облегчение и повышение эффективности работы с компьютером – существует недостаток эмпирических данных, подтверждающих эти утверждения. Фактически, проведено немного исследований, демонстрирующих преимущества использования метафор в компьютерных системах, а также определяющих факторы, делающие метафору наиболее эффективной.
Software designers attempt to make computer applications easier to use for both novice and expert users by creating concrete metaphors that resemble the users' real world experiences. Continual technological improvement has made metaphors depict these real world experiences more realistically to ultimately enhance interface performance. Beginning users, however, could use a sort of help box, because the metaphor is not always going to be clear enough for them to understand, no matter how much effort its programmers devote to making it resemble something the users understand. Experts, on the other hand, understand what is going on with the technical aspects of an interface metaphor. They know what they want to do and they know how to do it—and so they design shortcuts to facilitate achieving their goals. While the concept behind interface metaphors appears simple (to promote more efficient facilitation of a computer), a lack of empirical evidence exists to support these claims. Little research has actually been completed that demonstrates the benefits of implementing metaphors in computer systems as well as what makes a metaphor most effective.