Иконки и ярлыки

02.01.2014 Как изменить иконку файла или папки

Иконки являются средством для визуального отображения файлов и папок в проводнике компьютера.

Подробнее о том, что такое иконка, как создать собственную иконку, как изменить иконку файла или папки читатель узнает из этой статьи.

ΞПОДРОБНЕЕΞ

28.08.2009 Как изменить
стандартную иконку флешки

Для того, чтобы стать обладателем уникальной флешки, совершенно не обязательно заказывать для нее специальный корпус или покупать эксклюзивную модель этого устройства. Придать индивидуальность флеш-накопителю можно гораздо проще, создав для него собственную иконку.

Если подключить такую флешку к компьютеру, в разделе «Компьютер», а также в проводнике Windows, вместо стандартной иконки флеш-накопителя будет отображаться выбранный пользователем значок.

ΞПОДРОБНЕЕΞ

22.03.2017 Как изменить иконку
локального диска

Если на компьютере с Windows Вам чем-то не нравится стандартная иконка локального диска, ее можно изменить на любую другую.

Все, что понадобится — это новая иконка в виде файла с расширением ICO. Ее можно скачать с интернета или же создать самостоятельно. Желательно, чтобы изображение этой иконки было достаточно большим (не менее 64х64 пикселов), иначе внешний вид диска, к которому вы собираетесь ее «приделать», в некоторых режимах отображения будет не очень привлекательным.

Нужно также внести несколько несложных изменений в системный реестр Windows.

ΞПОДРОБНЕЕΞ

28.08.2009 Как создать ярлык

Информация о том, что такое ярлык файла, ярлык папки, ярлык Интернета, какое их основное предназначение и как их создать.

ΞПОДРОБНЕЕΞ

05.02.2016 Быстрое создание
системных ярлыков

В интерфейсе Windows есть много системных ярлыков (значков), таких как «Мой компьютер», «Корзина» и другие, которые «стандартным» способом создаются только в определенном месте. Например, полноценный ярлык «Корзина» создается только на Рабочем столе.

Тем не менее, существует альтернативный способ создания системных ярлыков, позволяющий размещать их где угодно, в том числе на флешке и других съемных носителях.

Суть способа заключается в создании в нужном месте обычной пустой папки и присвоении ей специального расширения (через точку от имени). В зависимости от того, каким будет это расширение, папка «превращается» в соответствующий системный ярлык с автоматическим изменением ее иконки.

ΞПОДРОБНЕЕΞ

04. 02.2016 Как убрать
стрелки с ярлыков

Ярлыки очень просто отличить от обычных файлов. На иконках ярлыков отображается небольшая, изогнутая вверх, стрелочка. К этому уже все привыкли и, в большинстве случаев, никто на нее не обращает внимание.

Тем не менее, некоторых пользователей стрелочки на ярлыках раздражают. И если Вы принадлежите к их числу, эти стрелочки можно убрать.

Проблема решается внесением некоторых несложных изменений в системный реестр Windows.

ΞПОДРОБНЕЕΞ

Сайт использует файлы cookie для обеспечения наилучшего опыта пребывания на нем. В случае продолжения использования этого сайта, мы будем считать, что вы с этим согласны.

Ок

Подробнее

Знаки на ярлыках одежды: расшифровка

8 (812) 318-09-09

Онлайн заказ

Многие бывали в ситуации, когда в конце цикла стирки вещь возвращалась … ну … не совсем такой, как ожидалось.

И вот любимый предмет одежды сжался, полинял, потерял детали декора или был испорчен иным образом. Остается только отправить свитер в ссылку на дачу, или «пустить на тряпки» обожаемую юбку с леопардовым принтом.

Для того что бы избежать повторения подобной ситуации и сделать заботу о вещах грамотным и подконтрольным процессом, стоит изучить знаки на ярлыках одежды.

Расшифровка информации на бирке поможет определить, нужно ли сдавать новые штаны в химчистку или можно бросить их в стирку вместе с остальными вещами.

Но о чем говорят магические кружки, треугольники и прочие точки-загогулины на маленьком кусочке ткани, подшитом к изделию? Символьный словарь объяснит, что означают ярлыки на одежде, так похожие на таинственные пиктограммы.

Трапециевидный значок емкости (тазика) несет в себе информацию о режимах стирки. Цифра внутри знака символизирует о допустимой температуре, а количество линий о степени механического воздействия:

  • Можно стирать
  • Щадящая стирка
  • Деликатная стирка
  • Стирка при определенной температуре
  • Ручная стирка
  • Не отжимать
  • Стирка запрещена

Значки треугольника рассказывают о применимых методах отбеливания.

Расшифровка информации, скрытой внутри треугольника, поможет удалить пятна без ущерба для цвета изделия:

  • Можно отбеливать с хлором
  • Отбеливание без применения хлора
  • Отбеливание строго запрещено

Если на одежной бирке отпечатан кружочек, значит не избежать профессиональной химической чистки. Не стоит пытаться извести образовавшиеся загрязнения народными средствами, это гарантировано испортит вещь.

Буквенные символы обозначают активное вещество в растворителе, линии говорят о допустимых уровнях воды и механического воздействия:

  • Сухая чистка
  • Любой растворитель
  • Кроме трихлорэтилена
  • Только мягкие растворители
  • Щадящая сухая чистка

Уход за вещами заключается не только в удалении загрязнений, но и грамотном применении режимов глажки. Число точек в значке утюжка повествуют о максимально допустимой температуре. По количествам точек температурные обозначения совпадают с аналогичными символами на утюге.

  • Можно гладить
  • Гладить при температуре не выше 110 0С
  • Температура глажения до 1500С
  • Допустимо гладить при высокой температуре до 200
    0
    С
  • Не отпаривать
  • Не гладить

Сушить или не сушить, вот в чем вопрос? Крепкие объятья центрифуги и внутримашинная сушка не каждому текстильному изделию по душе. Значок заключенного в квадрат треугольника показывает, как действовать правильно. Подчеркивания и точки на ярлычке указывают на допустимую степень механического и температурного воздействия. Символика на бирке совпадает с аналогичной для стиральных и сушильных автоматов:

  • Можно отжимать и сушить
  • Щадящие режимы отжима и сушки
  • Деликатные отжим и сушка
  • Сушить при низкой температуре
  • Сушить при средней температуре
  • Сушить при высокой температуре
  • Нельзя принудительно сушить и отжимать

Символ квадрата несет в себе информацию о положении вещи во время сушки и допустимости высыхания под прямыми солнечными лучами:

  • Сушить в расправленном положении
  • Сушить в вертикальном положении
  • Сушить растянутым горизонтально
  • Сушить в тени
  • Нельзя сушить принудительно (батарея, фены)

Немного внимания к знакам на ярлыках, и нет больше усохших кашемировых свитеров, неотвратимо измятых льняных брюк, безвозвратно испорченных отбеливателем ярких платьев. А все потому, что одежда стиралась в точности так, как должна была, и еще долго будет радовать своего владельца.

Подпишите свои значки. Нет, мы не можем читать ваши мысли. Пожалуйста… | Мэри Форманек

Нет, мы не можем читать ваши мысли. Пожалуйста, маркируйте свои значки.

группа разнообразных сложных значков

Не маркировать свои значки — это то же самое, что считать, что все мы свободно владеем древними иероглифами. Ты? Можете ли вы просто подойти к игле Клеопатры и прочитать ее, как детскую книгу? Даже смайлики, наши современные иероглифы, не означают одно и то же для каждого человека. Если я пришлю тебе баклажан, я говорю о своем саду или о чем-то другом? Как насчет козла? Я говорю о своей поездке на ферму или о спортсмене, которого я считаю «величайшим за все время»? Как насчет змеи? или огонь? Но смайлик есть смайлик, верно? Я призываю вас подумать и обсудить это.

Как дизайнер, я чувствую, что все мы жертвы борьбы за то, что есть обычные значки, которые все знают. Но после множества пользовательских тестов на протяжении многих лет я обнаружил, что это не может быть дальше от истины. Для значков нет никаких соглашений, нет набора значков, который всем известен. нет стандарта. Не существует «законов» как таковых, когда речь идет о том, какие значки можно использовать для чего угодно. Благодаря этому люди могут использовать все, что хотят, для любого значения. Правильно, никто не мешает! Сделайте кошку на лошади своим домашним значком!

Но это только верхушка айсберга, когда дело доходит до нашей борьбы за иконы.

Еще одна проблема, с которой мы сталкиваемся, заключается в том, что когда мы разрабатываем вещи, мы склонны думать о нашем бренде, когда думаем об иконках. Мы пытаемся соответствовать внешнему виду нашего бренда, что дает нам творческую свободу для создания значков, соответствующих бренду и похожих на некоторые из «обычно используемых значков». (Которых опять же на самом деле не существует. Они просто общие для вас. ) Мы предполагаем, что люди могут понять это, поскольку мы убрали дверь и сделали очертания значка дома, который мы нашли в Google, тоньше, поэтому люди поймут что это означает «дом» или «меню». Но поскольку значки не являются дорожными знаками, у которых есть стандарты, нет реального индикатора, означающего, что ваш значок означает то, что вы думаете. И также есть большая вероятность, что ваш стиль дизайна, который соответствует вашему бренду, размыл какое-либо знакомство с ним у пользователя, что затруднило его понимание или понимание.

Как насчет спора о космосе? Наша работа как дизайнеров связана с решением проблем. Самый распространенный из них, с которым я столкнулся, — это желание разместить как можно больше вещей на небольшом пространстве. Обычно это происходит, когда веб-сайт или веб-приложение должны быть на мобильной платформе. На веб-сайте у вас есть все это пространство, чтобы иметь полные слова. Но *GASP* на телефонах у нас нет! Ужас! Итак, наша первая мысль? О, сделайте это название значком. Задача решена. Не волнуйтесь, все говорили одно и то же. Я сам стал жертвой фразы «просто сделай это иконой». В некоторых мобильных приложениях, например в Instagram, где есть всего несколько действий, это решение типа работает. (см. пример ниже) А как насчет приложений с более чем 5 пунктами в меню навигации? Или у них в меню есть уникальные действия? Вдруг у тебя иконки не переводятся.

Чтобы проиллюстрировать эту проблему, я приложил пример ниже. Изображения нижнего навигационного меню для Instagram и нижнего навигационного меню приложения, над которым я работал для Discount Tire. В первом примере меток нет. Посмотрите, сколько вы сможете правильно угадать, прежде чем смотреть на второе изображение с метками.

На верхней панели есть четыре значка из нижней панели навигации приложения Discount Tire в магазине. На нижней панели есть пять значков из нижней панели навигации Instagram.

Хорошо представляете, что обозначает каждый значок? Посмотрим, как ты это сделал.

На верхней панели есть четыре значка из нижней панели навигации приложения Discount Tire в магазине с метками. На нижней панели есть пять значков из нижней панели навигации Instagram с ярлыками.

Вы можете подумать, что этот пример действительно неясен. Откуда мне было знать, что слово «машина» означает «новая машина»? И мой вопрос к вам: ну, если вы этого не понимаете, почему вы думаете, что кто-то, кто работает в Discount Tire, поймет? Они впервые видят это приложение. Это новое. Вы могли бы проработать там 20 лет и все равно не знали бы, что машина означает «новая машина». И поэтому вы можете сказать, что ну тогда нужны ярлыки, но Instagram очень прост для понимания, поэтому у них нет ярлыков . И я бы снова сказал нет, потому что многие из вас думали, что сердце означает «избранное» ? Для людей, которые не используют приложение часто или никогда, они не знали, что значок означает уведомления. И если бы вы показывали эти значки людям вне контекста знания того, где они находятся в приложении, большинство пользователей Instagram не знали бы, что сердечко также означает уведомления. Даже если бы я сказал пользователям, что это значок, используемый Instagram, они все равно ошибались бы в большинстве случаев. Пользователи чаще говорят, что значок означает « как » или « избранное 9».0010», чем они должны сказать, что это будет « уведомлений ».

Наконец, одна из самых важных вещей, которые я слышу от бизнеса.

Пользователи видели этот значок повсюду. Они узнают, что это значит».

Мы все слышали это раньше. Мы могли бы даже сказать это сами. Но сказать, что пользователи узнают, что это такое, потому что они видели его повсюду, все равно что сказать, что любой может идентифицировать любой вид дерева, потому что он видел дерево раньше. То, что я видел дерево, не означает, что я могу узнать клен. А для значков это можно сравнить с просмотром значка гамбургера и значка дома, и они оба означают «меню» . Эта логика «они узнают, что это значит» не работает. Это не только не имеет смысла, но и следование этой логике буквально делает предположение для пользователя. Мы не пользователи. То, что мы предполагаем, они видели, вероятно, не то, что они видели на самом деле. Мы никогда не должны предполагать, что пользователи что-то поймут, потому что мы думаем, что это базовые знания.

Хорошее взаимодействие с пользователем можно определить по-разному. Одной из мер является способность снизить когнитивную нагрузку пользователя. Другими словами, уменьшите потребность пользователя думать. Nielson Norman Group определяет это как стоимость взаимодействия.

Стоимость взаимодействия — это сумма усилий — умственных и физических, — которые пользователи должны приложить при взаимодействии с сайтом для достижения своих целей.

Важным фактором, способствующим умственным усилиям или когнитивной нагрузке, является способность быстро и эффективно определять значение чего-либо. Это называется знаком . Знак состоит из двух частей: означающего и означаемого.

Символ цветка означает означаемое. Слово «цветок» представляет означающее.

означающее иллюстрирует или описывает, что представляет собой объект и что он может делать. Означающее может состоять из нескольких вещей или только из одной простой вещи, например ярлыка. Цвета и контекст также часто используются для более быстрого повышения значения означающего.

Например, знаки остановки. Вы видите слово « STOP» в верхнем регистре на большом красном знаке. Значения; красный цвет, текст в верхнем регистре и слово «стоп». Вы также можете сказать, что расположение знака «стоп» также дает фоновый контекст значению знака. Если бы вы увидели знак остановки во время вождения, вы бы знали, что нужно остановиться на линии. Как если бы вы увидели знак остановки на двери, вы могли бы подумать, «О, я не могу туда войти».

Все эти вещи четко определяют, что вы должны делать в этой ситуации, используя цветовую психологию (в западных культурах красный цвет означает «стоп». Исследования, проведенные на цветном чтении, показали, что он привлекает ваше внимание быстрее, чем любой другой цвет, и поднимает ваше настроение. частота сердечных сокращений при просмотре), психология типографики (заглавный текст часто воспринимается как более авторитетный, громкий и требовательный), и, конечно же, слово дает вам прямое значение через письменное общение. Сильный Signifier будет использовать как можно больше компонентов, если он надеется снизить стоимость взаимодействия и создать легкий пользовательский опыт.

означаемое есть значение или идея, выраженная знаком, в отличие от физической формы, в которой он выражается. Означаемое часто называют аффордансом в пользовательском опыте. Аффорданс — это то, что объект может делать. То, что может делать объект, может быть раскрыто пользователем, взаимодействующим с вещью, или предварительными знаниями пользователя об использовании чего-то, что он считает похожим. Это называется « эмпирическое знание » или « апостериорное знание », оба из которых относятся к знанию, основанному на опыте. В примере со знаком «стоп» означаемое было бы абстрактной концептуальной мыслью об остановке в том месте, где расположен знак «стоп». Это также может быть восьмиугольная форма знака. Мы знали бы, что нам нужно остановиться, из-за нашего предыдущего знания о том, что делает этот знак.

Эта концепция проявляется в пользовательском интерфейсе, когда рядом с чем-либо отображается значок красного восьмиугольника. Мы понимаем, основываясь на предварительных знаниях, что этот значок является знаком остановки. Но мы не знаем, почему оно здесь и что нам нужно делать без означающего. Пользователь также не знал бы об этом, если бы он не знал заранее о знаках остановки. Значок ничего не будет означать для пользователя.

И означающее, и означаемые элементы составляют «знак», и вместе они создают значение, которое может быть интерпретировано пользователем. При удалении либо означающего, либо означаемого другие оставшиеся элементы ослабевают, и смысл становится размытым.

Другими словами, добавление метки к значку значительно снижает когнитивную нагрузку, которую должен взять на себя пользователь, чтобы определить, что ему нужно делать и как это сделать. Как правило, чем ниже когнитивная нагрузка, тем лучше у пользователя будет опыт работы с вашим продуктом. Это важно.

Пользователи не пытаются понять ваш сайт, они пытаются его использовать.

Пользователи , а не ищут головоломки или игры в угадайку. Они хотят легко выполнить задание.

Добавление меток к вашим значкам очень поможет вашим пользователям использовать и выполнять задачи. Опять же, это важно.

Я могу писать сколько угодно о том, как маркировка значков улучшает взаимодействие с пользователем и снижает когнитивную нагрузку. Но для некоторых этого может быть недостаточно. Самый простой способ доказать мою точку зрения — это попробовать самому. Ниже я собрал иконки. Цель состоит в том, чтобы просмотреть каждый набор значков и определить, какой значок представляет слово. Постарайтесь сделать это как можно быстрее. Если это помогает, засекайте время по 5 секунд на подход. Убедитесь, что вы записываете свои ответы по ходу дела, чтобы не забыть свое первоначальное предположение.

Первая группа: Какой значок означает: Списки

Значок сердца слева, значок сложенной линии справа.

Вторая группа: Какой значок означает: Открыть/исследовать

Значок земного шара слева, значок компаса справа.

Третья группа: Какой значок означает: Обновить

Стрелка по кругу, направленная против часовой стрелки слева, стрелка по кругу, направленная по часовой стрелке справа.

Дополнительный кредит: Какой значок означает: Повернуть

Оба набора значков имеют две стрелки, совершающие круговое движение

Обратите внимание, многие из этих значков выглядят одинаково или могут означать одно и то же.

Легко или сложно было выбрать значок, представляющий слово?

Вам потребовалось больше 5 секунд, чтобы принять решение?

Если да, это важно отметить, потому что большинство пользователей даже не будут пытаться понять это в течение полных 5 секунд. Они бросают взгляд на что-то и либо читают этикетку и определяют ее значение, либо предполагают, что значок что-то означает, либо вообще ничего не делают. Они могут даже покинуть сайт или страницу, если не смогут найти инструмент, необходимый им для выполнения своей задачи. Если вы не смогли понять, что означают эти значки за 5 секунд без контекста, подумайте о том, что чувствует ваш пользователь.

Первая группа: A. Значок сердца — это значок « списков» для Wayfair. Трехстрочный значок — это значок « меню» для CNN.

Значок сердца слева, значок сложенной линии справа. На изображениях ниже показано, где они расположены на веб-сайте каждой компании.

Вторая группа: B. Значок компаса используется в качестве значка « исследовать» или « обнаружить» для веб-страницы Instagram. Этот значок , а не , используется в их мобильном приложении. Значок земного шара используется Amazon для настройки языка.

Значок земного шара слева, значок компаса справа. Изображения ниже показывают, где они расположены на веб-сайте каждой компании.

Третья группа: B. Стрелка, направленная вправо или вперед по кругу, представляет собой значок « обновить» для Google Chrome. Зацикленная стрелка, идущая влево или назад по кругу вокруг часов, — это значок « недавний» в Confluence.

Стрелка в круге, идущем против часовой стрелки слева, стрелка в круге, идущем по часовой стрелке справа. Изображения ниже показывают, где они расположены на веб-сайте каждой компании.

Дополнительный кредит: A. Первый набор стрелок, движущихся по кругу, — это значок « повернуть» в программе проектирования Sketch. Второй набор стрелок также находится в программе Sketch, фактически в той же строке меню, но этот значок означает « создать символ».

Оба набора значков имеют две стрелки, совершающие круговое движение. Изображения ниже показывают, где они расположены на веб-сайте каждой компании.

Обратите внимание, сколько из этих значков вы не угадали. Снова подумайте о пользователях, пытающихся сделать такой же выбор. Например, последние бонусные вопросы о «повернуть» и «создать символ» кажутся безумно запутанными. Но система предлагает метки, которые упрощают поиск того, что нужно пользователю. Иконки больше напоминают другие программы для дизайна, такие как Adobe Photoshop и Adobe Illustrator, чем фактические идентификаторы. Этикетки делают программу пригодной для использования.

Правила: Все значки внизу представляют одно и то же действие. Цель состоит в том, чтобы просмотреть группу значков и определить, что означает эта группа значков. Постарайтесь сделать это как можно быстрее. Если это помогает, засекайте время по 10 секунд на подход. Убедитесь, что вы записываете свои ответы по ходу дела, чтобы не забыть свое первоначальное предположение.

Группа 1:

группа значков

Группа 2:

группа значков

Группа 3:

группа значков Сохранить

Вторая группа: Меню

Третья группа: Редактировать

Четвертая группа: Загрузить

С ума сойти, сколько разных значков означают одно и то же, верно?

Как дела? Вам было очень легко разобраться в этих значках? Или вам было сложно?

Думали ли вы, что у вас есть ответ, а затем, просматривая другие значки, вы поняли, что можете быть не правы? Если вы почувствовали это чувство замешательства или сомнения, подумайте о том, что чувствует ваш пользователь, когда вы используете похожие значки. Тем более, что теперь вы вооружены знанием того, что все этих значков обычно используются для этих действий в Интернете. Стандарта нет. Таким образом, ваш пользователь может привыкнуть видеть один значок на другом сайте, который он часто посещает, но на вашем новом сайте такого значка нет. И теперь пользователь задается вопросом, что означает этот значок и куда идти, чтобы выполнить задачу, которую он хочет сделать.

Нашли ли вы несколько знакомых и использовали контекстные подсказки, чтобы определить, какая группа что означает? Если вы использовали контекстные подсказки, собираетесь ли вы размещать все эти значки рядом друг с другом в своем приложении? Или, может быть, мы можем использовать лучшую контекстную подсказку из всех: ярлык.

Я надеюсь, что эти упражнения помогли осветить проблемы, с которыми сталкиваются пользователи при использовании значков. Я искренне надеюсь, что вы попробуете это упражнение со своими коллегами и коллегами, чтобы понять, почему маркировка значков так важна. Вы также можете выполнить это упражнение со своими пользователями, чтобы определить, какие значки вы должны и не должны использовать в своем приложении, чтобы они соответствовали вашей метке.

Я слышал доводы о прогрессивном сокращении, но хотя это и делает страницы чище, но не помогает новым пользователям. Прогрессивное сокращение предполагает, что все пользователи платформы используют продукт с момента выпуска значков с метками. Эта теория также предполагает, что этот человек может использовать это приложение несколько раз в день или в неделю, чтобы ознакомиться со значками. Однако эта теория не учитывает значительную долю вариантов использования новых пользователей. Как они должны знать, что означают эти значки, без фоновых знаний, которые знают все опытные пользователи?

Я также слышал доводы в пользу методов щелчка и изучения того, что делают вещи. Это характерно для определенных возрастных групп и использования технологий, что делает его большим предположением о больших базах пользователей. Я лично обнаружил в исследованиях пользователей, что люди младшего возраста от миллениалов до малышей с большей вероятностью щелкают сайты и приложения и узнают, что они делают, не опасаясь последствий. Они будут нажимать и щелкать, пока не поймут, что им нужно. То есть, если они достаточно заинтересованы, чтобы попытаться найти то, что они хотят, прежде чем полностью покинуть сайт, чтобы выполнить поиск в Google.

Пожилые миллениалы и старшее поколение с меньшей вероятностью кликают по сайтам из-за того, что я называю «НАЖМИТЕ ЗДЕСЬ! ПТСР». В эпоху Интернета в 90-х и начале 2000-х было так легко щелкнуть что-то, что, казалось, должно быть правильной кнопкой, только для того, чтобы загрузить сумасшедший вирус и потерять все ваши файлы в считанные секунды. Кнопки, которые казались безобидными и казались правильными, стали казаться огромными решениями. Пользователи начали сомневаться в каждом клике. Вдобавок к стиранию компьютерных вирусов, компьютеры также оказывались на веб-страницах, которые блокировали пользователей на странице, чтобы они не могли вернуться. Казалось, что нет системы безопасности для пользователей. Так почему же, когда большинство кликбейтов живет только на Facebook и в блогах с плохими новостями, пользователи по-прежнему не доверяют кнопкам «нажмите здесь»? Я имею в виду общий. Если бы вам пришлось постоянно заменять зараженные вирусом компьютеры, вы бы легко доверились кнопкам? №

Если пользователь не попадает в «Нажмите здесь! Посттравматическое стрессовое расстройство», они могут просто не быть технически подкованными и боятся заблудиться или застрять без каких-либо четких хлебных крошек. В этой лодке у меня много молодых друзей-миллениалов, не разбирающихся в технологиях. Они часто открывают несколько вкладок одной и той же веб-страницы, чтобы сохранить свои места на тот случай, если они не могут понять, как вернуться к этому месту. Эти люди также не решаются щелкать мышью. Они не хотят потерять ничего из того, над чем они только что работали, или ничего из того, что они нашли. Они боятся, что один щелчок сведет на нет всю их кропотливую работу. Этот страх потерять то, что у них есть, мешает им исследовать. Это чаще всего встречается на порталах онлайн-школ, страницах рабочих областей, таких как Confluence или Jira, или других рабочих приложениях, таких как документы Google, Service Titan, слайды или даже приложения электронной почты. Поскольку эти приложения связаны с работой или учебой, пользователи перемещаются с большой осторожностью, чтобы убедиться, что они не нажимают не то и не ломают всю систему для всего класса, школы, компании, офиса и т. д. Зачем вам нажимать куча кнопок в вашей электронной почте, чтобы попытаться выяснить, как написать новое электронное письмо, если вы боялись, что удалите все адреса электронной почты в системе компании? Вы бы не стали. И хотя кому-то более технически подкованному эта концепция может показаться иррациональной, как и «Нажми-здесь! ПТСР», но для некоторых пользователей это настоящий страх, который мешает им пытаться понять, что означают ваши значки.

Значок или метка? | by Adrian Narloch

Когда дело доходит до разработки более сложных интерфейсов, иногда мы сталкиваемся с очень любопытным препятствием:

Если я поместю здесь значок, будет ли легко понять, что он делает? Может быть, добавление ярлыка сделает его более понятным?

И нет простого ответа. Все зависит от предположений проекта, таких как целевое устройство или конкретная группа пользователей, но мы можем подчеркнуть передовой опыт в разработке обеих форм.

Кнопки навигации Android

Первая проблема с пиктограммой вполне предсказуема, мы не можем контролировать то, как конечный пользователь интерпретирует значение используемого символа. Согласно четвертой фазе зрительного восприятия, различные символы могут означать совершенно разные вещи, в зависимости от языка, культуры или контекста.

Прежде чем выбрать иконку для конкретного действия, нужно убедиться, что она не имеет многозначности.

Иконки также используют больше нашей оперативной памяти, нам нужно больше времени для сканирования формы и ее визуальных особенностей, чтобы найти существующий шаблон «значения» для текущего случая. Создание навигационной системы, состоящей из десятков пользовательских значков, может быть запутанным в первый раз и немного ошеломляющим.

Material UI Icons

Момент, который меняет ситуацию, — это когда пользователь начинает запоминать значение каждого значка, регулярно используя наш продукт. Посредством повторного воздействия он может создавать отношения между элементами своей «ментальной карты». Мы можем ускорить этот процесс, применяя язык дизайна и назначая уникальные значки для основных действий в нашем приложении. Язык дизайна
облегчит пользователям распознавание форм и точек, характерных для указанного символа, и его значащих признаков.
Определение уникальных значков для определенных функций делает навигацию быстрой и интуитивно понятной.

Применение этих рекомендаций может сделать иконическую навигацию действительно удобным инструментом для навигации.

GOV.UK Navigation

Разработка хороших текстовых меток может быть сложной, как и в случае с иконками, даже если используемая форма, по вашему мнению, кратка и лаконична, она может быть слишком двусмысленной для части вашей аудитории. Если у вас расширенный бюджет, вы можете использовать профессиональные методы исследования, такие как карточная сортировка, но есть несколько хороших практик, которые вы можете применить уже сейчас:

  1. Сузить область.
    Уменьшить возможности смысла. Перепроверьте, чтобы после погружения в контекст смысл был жестким и четким на фоне содержания.
  2. Избегайте объяснений.
    Метка не является абзацем, она должна кратко обозначать, что она представляет.
  3. Сохраняйте согласованность.
    Выберите одну грамматическую форму, которую вы хотите использовать во всех метках в вашем проекте, и постарайтесь сохранить ее, не смешивайте их, размещая где-нибудь метку на основе глагола, например «Списание средств со счета», и существительное, например, «Счет». обвинения».
  4. Изменить терминологию.
    Убедитесь, что вы используете правильные и не слишком сложные слова для вашей целевой аудитории. Это также работает в обоих направлениях, если ваш проект предназначен для специалистов в какой-то области, избегайте слишком общих выражений.

Дополнительные метки к существующим значкам могут иметь дополняющую форму и быть хорошей «резервной копией», если их значение может остаться неясным.

Панель инструментов в Pages (текстовый редактор macOS)

Эту комбинацию можно использовать двумя способами — для украшения или навигации.
Если значок навигации слишком неоднозначен, прежде чем добавлять метку, попробуйте вернуться к предположениям проекта и проверить функции значка с помощью ранее установленного языка дизайна.

Некоторые пиктограммы могут потерять свое влияние на сложность интерфейса, если их нужно везде объяснять меткой.

Tooltip — хорошо известный паттерн для дизайнеров интерфейсов, он позволяет представить иконочный интерфейс с подсказками внутри полей, которые появляются при наведении.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *