Графический интерфейс пользователя
-
Контекстное меню в графическом интерфейсе пользователя
Контекстное меню в GUI: что это такое, как работает и для чего нужно. История появления, функции и примеры использования всплывающего меню.
-
История развития графического пользовательского интерфейса
История графического интерфейса: от первых иконок и мыши до современных сенсорных экранов. Эволюция WIMP-парадигмы и ключевые этапы развития.
-
Интерфейсы MDI и SDI: Сравнение и особенности реализации
MDI: графический интерфейс с несколькими окнами в одном родительском окне. Сравнение с SDI, преимущества и недостатки. Выбор интерфейса для ПО.
-
Жесты мыши: управление компьютером без клавиатуры.
Жесты мышью: удобный способ управления компьютером без клавиатуры. Узнайте о жестах для навигации, функциях перетаскивания и истории развития.
-
Круговое меню в интерфейсе пользователя
Круговое меню (pie menu) в UI/UX дизайне: удобный способ выбора опций мышью или стилусом. Эффективно с клавиатурой. Графический элемент интерфейса.
-
Пользовательский интерфейс: взаимодействие человека и машины
Пользовательский интерфейс (UI): что это такое? Эффективное взаимодействие человека и машины, эргономика, удобство использования и дизайн для достижения целей.
-
Полоса прокрутки: устройство и принципы работы
Скроллбар: графический элемент интерфейса для прокрутки контента на экране. Удобная навигация по тексту, изображениям на ПК, смартфонах и других устройствах.
-
Системы управления окнами дисплея
Оконные системы: управление графическим интерфейсом и окнами приложений. WIMP-парадигма, виджеты, перекрытие окон. Основы GUI в вычислительной технике.
-
Механизм "Вырезать, Копировать, Вставить" в компьютерных интерфейсах.
Копировать, вырезать, вставить: основные команды интерфейса компьютера. Перенос данных между приложениями через буфер обмена – просто и эффективно!
-
Окна в компьютерных системах: история и функциональность
Окно в компьютере: графический элемент интерфейса, отображающий функции программы. Узнайте о назначении, форме и управлении окнами с помощью мыши.
-
Шаблон проектирования "Модель-Представление-Контроллер" (MVC)
MVC: паттерн проектирования ПО для разработки UI. Разделяет логику на модель, представление и контроллер. Популярен в веб-приложениях и GUI.
-
Внешний вид и ощущение программного обеспечения
Внешний вид и ощущение ПО: дизайн интерфейсов (цвета, шрифты, поведение элементов). Важно для сайтов, приложений и документации. UX/UI разработка.
-
Метафора рабочего стола в компьютерных интерфейсах.
Метафора рабочего стола в компьютерных интерфейсах: удобство взаимодействия с ПК через визуальные объекты – окна, папки, приложения. Основы GUI.
-
Прозрачность в человеко-машинном взаимодействии
Прозрачность в HCI: как изменения в системе сохраняют прежний интерфейс для пользователей. Разбираем понятия "прозрачность" и "непрозрачность" в IT.
-
Иконки в компьютерных системах
Иконки в компьютерах: что это такое и для чего нужны? Символы для навигации, быстрый доступ к программам и файлам. Узнайте больше!
-
Непосредственная манипуляция в интерфейсах: принципы и применение.
Прямое манипулирование в интерфейсах: принципы, преимущества (быстрая обратная связь, интуитивность). Оптимизация взаимодействия человек-компьютер.
-
Меню в компьютерных программах и интерфейсах пользователя
Меню в компьютерных программах: список опций для выбора пользователем. Линейная и нелинейная навигация, интерфейсы с касанием и кодами.
-
Программы экранного доступа: технологии для слабовидящих и незрячих
Экранные дикторы: технологии для слабовидящих и незрячих. Преобразование текста в речь или шрифт Брайля. Обзор JAWS, NVDA, VoiceOver, TalkBack.
-
Флажок в графическом интерфейсе пользователя
Чекбокс: графический элемент интерфейса для двоичного выбора (да/нет). Узнайте, как работают флажки, их внешний вид и управление с помощью мыши/клавиатуры.
-
Перетаскивание в графических пользовательских интерфейсах
Перетаскивание в интерфейсах: удобная функция для перемещения объектов и выполнения действий. Узнайте о преимуществах, недостатках и истории технологии.
-
Магическая кнопка: антипаттерн в пользовательских интерфейсах
Антипаттерн "магическая кнопка" в UI: слабая связность, временная зависимость, усложнение логики. Как избежать проблем при разработке интерфейсов?
-
Оконные менеджеры с перекрытием окон: история и особенности
Оконные менеджеры со стеком: что это такое? Управление окнами с перекрытием без композитинга, Z-порядок, отличие от тайлинговых менеджеров. 💻✨
-
Панель задач в графическом интерфейсе пользователя
Панель задач Windows: история создания, функции и влияние на интерфейс. Запуск приложений, переключение между ними, удобство использования с 1995 года.
-
Фокус и размытие в графическом интерфейсе пользователя
Фокус и блюр в GUI: что это такое? Узнайте, как работает передача фокуса между элементами интерфейса, обработка событий мыши и клавиатуры.
-
Гаджеты: от бритв до программного обеспечения
Небольшое механическое устройство: от бритвы до "гаджета" в истории и IT. Значение термина, примеры использования и эволюция концепции.
-
Окна, иконки, меню и указатель: стиль взаимодействия человек-компьютер.
WIMP интерфейс: окна, иконки, меню, указатель. Основа графических интерфейсов (GUI) в человеко-компьютерном взаимодействии. История и отличия.
-
Интерфейс в вычислительных системах
Интерфейс в компьютерных системах: что это такое? Обмен данными между ПО, оборудованием и пользователем. Типы, протоколы и сигналы интерфейсов.
-
Мастера и помощники: пошаговые интерфейсы в компьютерных программах.
Мастер интерфейса: пошаговые инструкции для пользователей в программах. Упрощает сложные задачи, но может препятствовать глубокому пониманию. SEO-оптимизация.
-
Скевоморфизм: заимствование форм из других сред
Скевоморфизм: дизайн, имитирующий элементы старых объектов для удобства пользователей. Объясняем происхождение термина и приводим примеры в дизайне и ПО.
-
Пространственные файловые менеджеры: метафора рабочего пространства.
Пространственный файловый менеджер: организация файлов как физических объектов. Интуитивный интерфейс, знакомая среда, сохранение расположения окон.
-
Графические элементы управления в пользовательском интерфейсе
Графические виджеты в GUI: кнопки, полосы прокрутки и другие элементы управления. Обзор библиотек (WPF, Qt, GTK, Cocoa) и принципов дизайна интерфейсов.
-
Общий стандарт пользовательского интерфейса (CUA)
CUA: стандарт пользовательских интерфейсов от IBM. История, влияние на Windows, OS/2, Unix, Java AWT/Swing. Архитектура системных приложений.
-
Диалоговые окна выбора файлов: типы, функции и безопасность.
Диалоговое окно выбора файла: графический элемент для открытия и сохранения файлов. Отличие от файловых менеджеров, история и назначение.
-
Менеджеры окон: управление графическим интерфейсом
Менеджер окон: системное ПО для управления окнами в графическом интерфейсе. Обеспечивает удобство рабочего стола и взаимодействие с графикой.
-
Окна предупреждений: проблемы и альтернативы в пользовательском интерфейсе.
Окно предупреждения в интерфейсе: что это, зачем нужно и почему его использование часто считается плохим дизайном. Узнайте о проблемах юзабилити!
-
Заставка: графический элемент интерфейса пользователя
Заставка (Splash Screen): что это такое? Определение, виды (в программах, играх, на сайтах). Графический элемент при запуске ПО, отображающий логотип и версию.
-
Кнопки в графическом интерфейсе пользователя
Кнопка в интерфейсе: графический элемент для запуска событий и взаимодействия с окнами. Особенности дизайна macOS: цвет, подсветка, анимация.
-
Всплывающие подсказки в графическом интерфейсе пользователя
Подсказки (tooltips) в интерфейсе: что это, как работают на ПК и сенсорных экранах. Описание элементов, всплывающие окна при наведении/удержании.
-
Настройки по умолчанию в компьютерных системах
Значение по умолчанию в IT: стандартные настройки устройств и программ, обеспечивающие простую начальную работу. Восстановление заводских настроек возможно.
-
Вкладки в пользовательском интерфейсе: обзор и проблемы использования
Вкладки в интерфейсе: графический элемент для организации контента в окнах приложений и веб-браузерах. Удобная навигация и переключение между разделами.
-
Гуманный интерфейс: Новые направления в проектировании интерактивных систем.
Эргономичный интерфейс: книга Джефа Раскина о дизайне удобных систем. Ошибки программистов, оценка, навигация, Canon Cat – примеры и советы.
-
Дизайн иконок: от концепции до реализации.
Дизайн иконок: создание графических символов для приложений и систем. От простых силуэтов до сложных 3D-эффектов, масштабирование и стилизация.
-
Двойной щелчок мышью: история и применение
Двойной клик мышью: что это такое и как работает? История создания, отличие от одинарного клика, применение в веб-браузерах. Компьютерные действия.
-
Всплывающие подсказки: История и реализация в System 7
Подсказки-облачка: история и суть всплывающих подсказок в интерфейсе. Apple представила их в System 7.0 (1991) для решения проблем с помощью и пониманием функций.
-
MUI: Объектно-ориентированный инструментарий для AmigaOS
MUI: объектно-ориентированный GUI toolkit для AmigaOS. Настройка интерфейса, портирование на PowerPC, основа MorphOS и вдохновение для Zune/AROS.
-
Система управления мышью Xmouse: Автоматический выбор и активация объектов
Xmouse: альтернативный способ управления мышью в Windows и X11. Автоматический выбор объектов при наведении курсора – быстрее и удобнее!
-
Всплывающие элементы при наведении курсора мыши
Эффект наведения курсора (mouseover): что это, как работает и где используется в веб-дизайне и программировании интерфейсов. JavaScript, CSS.
-
Строка состояния: графический элемент интерфейса
Статус бар: графический элемент интерфейса в окне, отображает информацию о состоянии приложения. Может быть разделен на секции и иметь доп. функции.
-
Темы и скины в компьютерных программах и играх.
Темы оформления: что это такое? Узнайте, как темы меняют внешний вид и функциональность программ, ОС и сайтов. Настройка интерфейса и визуальный стиль.
-
Интерактивные медиа: история, развитие и влияние.
Интерактивные медиа: видео, анимация, аудио. Влияние на образование и бизнес, риски кибербезопасности и отвлечения. Коммуникация с участием пользователя.
-
Арчи: Инновационная Система Пользовательского Интерфейса
Archy: инновационная система интерфейса от Джефа Раскина. Концепция: сохранение данных, поиск, масштабирование (ZUI), отказ от приложений.
-
Осязаемые пользовательские интерфейсы: соединяя цифровой и физический мир.
Интерфейсы TUI: взаимодействие с цифровой информацией через физические объекты. Развитие сотрудничества, обучения и дизайна. Первопроходцы – Perlman и Ishii.
-
Навигация с помощью клавиши Tab
Навигация клавишей Tab: перемещение по элементам интерфейса (ссылки, формы) в HTML. Управление порядком табуляции с помощью Tab Index. SEO-оптимизация.
-
Виртуальные рабочие столы: расширение пространства экрана
Виртуальные рабочие столы: расширение пространства экрана в операционных системах. Управление окнами, снижение беспорядка и повышение продуктивности.
-
Ярлыки файлов: создание, свойства и особенности использования.
Ярлыки файлов: что это, как работают и для чего нужны. Создание быстрых ссылок на файлы, программы и веб-сайты. Объяснение принципов работы и иконок.
-
Тонкая обратная связь в человеко-машинном взаимодействии
Ненавязчивая обратная связь в UX/UI: тонкие сигналы для удобства без перегрузки интерфейса. Плюсы и минусы, дизайн и восприятие пользователями.
-
Мультимодальное взаимодействие человека и компьютера: обзор и перспективы.
Мультимодальное взаимодействие: естественное общение человека с компьютером через речь, жесты, графику. Объединение данных для точной работы систем.
-
Режимы в пользовательских интерфейсах
Режимы в интерфейсе: временные настройки, влияющие на ввод данных. Модельные vs. модель-ные интерфейсы, предотвращение ошибок. История от Xerox PARC.
-
Menu bar
-
Root window
-
Системы управления пользовательским интерфейсом: обзор и модели.
Система управления UI (UIMS): разделение бизнес-логики и GUI. Архитектура, выбор парадигмы, инструменты разработки интерфейсов. Критичный выбор для проекта.
-
Оконные менеджеры с неперекрывающимися окнами
Оконные менеджеры с неперекрывающимися фреймами: история и принципы работы тайлинговых WM. От Xerox Star до Windows 1.0 – обзор развития.
-
Context-sensitive help
-
Breadcrumb navigation
-
Механизмы обмена данными в X Window System: Выбор, буфер обмена и перетаскивание.
Механизмы обмена данными в X Window System: буфер обмена, выделения и перетаскивание. Передача данных между окнами и приложениями через X-сервер.
-
Интерфейсы на основе пересечения: новый подход к взаимодействию с пользователем.
Графические интерфейсы с пересечением: быстрый выбор, жесты вместо кликов. Преимущества для длинных объектов и одновременного выбора. UX/UI дизайн.
-
Продвинутые пользователи электроники и программного обеспечения
Продвинутые пользователи электроники: кто они и чем отличаются? Углубленное использование функций, особые требования к интерфейсу и ПО.
-
Индикатор выполнения: от истории до современных реализаций.
Индикатор прогресса: графический элемент интерфейса для отображения хода операций (загрузка, установка). Типы: с процентами и неопределённые.
-
Теневой эффект в графике и дизайне
Тень в графике: создание эффекта объема для текста и элементов интерфейса. Узнайте, как использовать тень в дизайне и компьютерной графике для лучшей видимости.
-
Переключение окон с помощью клавиатуры: Alt+Tab и принцип работы
Переключение окон Windows без мыши: горячая клавиша для быстрого доступа к задачам. Узнайте, как использовать Task Switcher (Flip) с 1987 года!
-
Метафоры интерфейса: от истоков к современности.
Интерфейсные метафоры в UI/UX дизайне: как использовать знакомые образы для интуитивно понятного взаимодействия с пользователем. Примеры и объяснение концепции.
-
Console application
-
Interactive design
-
Mark Malamud
-
BumpTop
-
Perceived performance