Вредоносное ПО (malware) - это назойливые или опасные программы,...
Всем привет! Сегодня мы рассмотрим сразу несколько вопросов на тему, как подключить USB к компьютеру. Во-первых, мы научимся подключать любые устройства к ПК или ноутбуку. А во-вторых, я расскажу, каким образом можно подключить к компьютеру дополнительные USB порты, если вам их не хватает для всех устройств. Итак, поехали!
USB порт на сегодняшний день самый распространенный тип подключения устройств к компьютеру или ноутбуку. Данных разъем бывает трех — 1.0, 2.0 и 3.0. Если первый сейчас можно встретить только на самых старых компах, то второй и третий используются в наши дни. По своей сути они отличаются скоростью передачи данных. А по внешнему виду, что для нас сейчас более важно — цветом. USB 2.0 имеет черный цвет разъема и вилки, USB 3.0 — синий. Более подробно о спецификациях и отличиях стандартов можете почитать .
Перед тем, как подключить USB провод к компьютеру, посмотрите на вилку своего гаджета — если синий разъем подключить в черный порт, то устройство не будет использовать все свои скоростные характеристики по максимуму. Если же черную вилку воткнуть в синюю, то не случится абсолютно ничего — просто порт USB 3.0 будет отрабатывать на той скорости, которая максимальна для 2.0.
Итак, смотрим на заднюю панель своего компьютера, находим порт USB того же цвета, что и вилка, и подключаем.
После этого устройство либо определится само в системе, если это клавиатура, мышь, веб-камера или какой-либо еще простенький и распространенный девайс, на который в Windows уже имеется драйвер. Либо для работы необходимо будет установить программное обеспечение, которое прилагается к устройству на CD.
Как подключить дополнительные USB порты к компьютеру?
На любой современной материнской плате уже имеются встроенный USB порты — как 2.0, так и 3.0. Однако обычно мы подключаем столько всякой различной перефирии, что их запросто может не хватать, например, для того, чтобы подключить флешку или внешний диск и перекинуть на него свежие фотографии.
Подключение USB планки на заднюю панель
Что делать? Есть два пути. Первый, предпочтительный — докупить отдельную планку с USB портами и вставить ее в дополнительные слоты, имеющиеся на задней панели корпуса — в те же, куда мы крепим видео или звуковую карту, беспроводной адаптер, и другие комплектующие, подключаемые напрямую к плате. Выглядит это следующим образом:
Для того, чтобы осуществить эту задачу, нужно, чтобы материнская плата поддерживала подключение дополнительных портов USB. Определить это можно по наличию на системной плате разъемов, маркированных USB или USB 3.
Разъемы для USB 3.0 большие, имеют много контактов и рассчитаны на подключение сразу двух портов в одной вилке.
USB 2.0 меньше и в каждый из них можно подключить по 2 порта поотдельности.
Соответственно, смотрим на наличие таких разъемов на материнке, покупаем соответствующие планки, закрепляем их в задней части корпуса и подключаем в свои разъемы.
Подключение блока с USB портами вместо флопика
Еще одна разновидность такого способа увеличения количества портов — специальный блок с USB, который вставляется в передней части корпуса вместо старого дискетника — флопика 3.5
Вариантов исполнения такого блока множество. Например, совмещенный для подключения USB 2.0 и 3.0
А в следующем примере порты USB 2.0 совмещены с разъемами для подключения микрофона и наушников
Подключение такого блока происходит точно так же, как и вышеописанной планки — к соответствующим разъемам на материнской плате.
Внешний USB-хаб
Наконец, еще один вариант увеличения количества портов — купить внешний USB-хаб. Однако здесь есть ряд минусов, из-за которых я бы не стал соединять через него какое-либо серьезное оборудование, а использовал бы его только для флешек или, на крайний случай, мыши.
Поскольку это хаб, вся нагрузка с нескольких его портов идет на один единственный компьютерный, к которому он сам подключен. Из-за этой перенагрузки те или иные устройства могут периодически отваливаться, что не есть гут. Если же подключить к USB хабу жесткий диск, то подаваемой через него электроэнергии может не хватить для его работы. Поэтому даный способ оставляем только для легкого фастфуда — флешек.
С появлением системы Android 5.1 Lollipop у пользователей появились не только новые полезные функции, но и откровенно тупящие «фичи». К примеру, Google FRP Lock, он же «защита от сброса настроек», суть которой заключается в защите телефона от злоумышленников, которые решили обойти блокировку смартфона путём сброса настроек.
После сброса настроек пользователь обязан войти в Google аккаунт, к которому был привязан этот телефон, но очень часто бывает, что телефон просто не принимает правильный аккаунт и пароль. Как же бороться с этой проблемой?
Легкие способы обхода аккаунта Google FRP после сброса
Уже существует очень много методов обхода FRP Lock, для многих смартфонов свои инструкции.
В политике безопасности Google указано, что FRP Lock действует только 72 часа, так что если вы не спешите, то можете просто подождать три дня, потом смартфон включится.
Обход FRP с помощью карты памяти
Начнём с самого простого и безобидного варианта, для которого вам понадобится только карта памяти или OTG кабель с флешкой. Этот сброс FRP проходит благодаря всплывающему сообщению о подключенной карте памяти, из которого можно попасть в настройки системы, действуйте по порядку :
- Вставьте карту памяти в работающий телефон
- В уведомлении нажмите ОК , вы попадете в настройки хранилища
- Нажмите на «Данные приложений »
- Перейдите во вкладку «Все » и найдите «Настройки », нажмите «Запуск »
- Открылись настройки, выберите «Восстановление и сброс »
- Теперь нажмите на «Сброс DRM » и подтвердите удаление ключей
- Вернитесь в «Восстановление и сброс » и выполните сброс настроек
- Дождитесь включения телефона, теперь вы свободны от FRP Lock.
Простой сброс FRP Lock с помощью Sim-карты
Данный способ предполагает, что у вас есть возможность позвонить на заблокированный смартфон, если такой возможности нет переходите дальше. Обход FRP с Sim-картой :
- Вставьте Сим карту в телефон и включите его, дождитесь подключения связи
- Позвоните на заблокированный телефон, во время звонка нажмите на иконку добавления вызова, а звонок сбросьте
- Вы оказались на экране набора номера, теперь вам нужно ввести комбинацию *#*#4636#*#* , откроется окно расширенных настроек
- В левом верхнем углу должна быть стрелочка назад, нажмите на неё, и вы попадете в стандартные настройки
- Откройте «Восстановление и сброс », отключите привязку резервной копии к Google аккаунту (Либо «Очистить учетные данные » в «Безопасность ) и сделайте сброс настроек.
- Дождитесь полного включения устройства и войдите в свой Google аккаунт.
Обход FRP Lock с помощью Wi-Fi
Во время первоначальной настройки перейдите на страницу подключения к Wi-Fi, далее сброс FRP Lock по инструкции :
1
. Выберите любую сеть, откройте клавиатуру нажав на поле ввода пароля
2
. В клавиатуре нужно вызвать настройки, как это сделать зависит от клавиатуры, если несколько вариантов:
- Зажать пробел
- Нажать «Смена языка »
- Зажать иконку «Swype »
- Зажать значек цифровой клавиатуры (123 )
- Зажать запятую
- Включить голосовой ввод, ничего не говорить, дождаться сообщения об ошибке и рядом появится неприметная иконка настроек, выберите Google Now, нажмите отказаться и вы в строке поиска, вам нужно просто написать «Настройки », и вы уже у цели, продолжайте с пункта №6
3
. Попав в настройки клавиатуры нужно перейти в другое окно, например вызвать окно справки (спрятано в правом верхнем углу под вертикальным троеточием)
4
. Сразу после перехода в новое окно жмите на клавишу «
Недавние приложения
», там должна появится строка поисковика (если не появилась пробуйте дальше переходить по окнам, пока не появится)
5
. Клацайте на «
Поиск
» и вводите «
Настройки
», выберите приложение «
Настройки
»
6
. Откройте «Восстановление и сброс
»
7
. Отметьте галочкой «Удалить аккаунт
» и жмите на «Сброс
»
8
. После перезагрузки ваш телефон/планшет будет свободен от Google FRP Lock!
Способы обхода аккаунта Google FRP после сброса для продвинутых пользователей
Эти способы обхода аккаунта Google FRP после сброса не рекомендованы пользователям, которые ни разу не пользовались или . Эти способы подходят только для смартфонов на чипе MTK!
Обход FRP Lock с помощью SP Flash Tool
- Установите драйвера, SP Flash Tool и скачайте scatter-файл от вашей прошивки (можно скачать полную прошивку , разархивировать и взять оттуда scatter)
Важно! Нужен scatter-файл из текущей прошивки! Если у вас установлена ОС Android 5.1, то scatter от Android 6.0 может не подойти!
- Теперь переносим значение «linear_start_addr » из scatter.txt в «Begin Adress » в SP Flash Tool, также «partition_size: » в «Format Length », именно здесь находится Google FRP Lock
- Нажмите Start и подключите выключенный телефон к ПК, дождитесь окончания очистки
- Включайте устройство, больше никаких FRP Lock нет!
Ответы на частые вопросы
Обход Google аккаунта после сброса на Asus ZenFone Go ZB452KG
- Скачайте на карту MicroSD приложение Nova Launcher и Assistive Touch
- Включите смартфон, подключитесь к Wi-Fi, дойдите до проверки Google аккаунту и нажмите на поле ввода, выскочила клавиатура, нажмите на вертикальное троеточие в клавиатуре (правый верхний угол) и нажмите «Поделится »
- Выберите Gmail, нажмите добавить адрес и выберите «Персональный » (Не Google!), войдите в свою почту (любую, кроме гугл, можете создать новую почту и после этого удалить)
- После входа нажмите «Перейти в Gmail », нажмите на стрелочку «Назад » в левом верхнем углу, и перейдите в настройки приложения
- В настройках нажмите на вертикальное троеточие в углу и выберите «Управление аккаунтами »
- Открылись настройки! Теперь откройте настройки экрана и выберите «Обои », установите любые обои и откроется рабочий экран
- Нажмите «Меню
», откройте файловый менеджер и установите Assistive Touch и Nova Launcher, по запросу
- Подключитесь к Wi-Fi
- Вернитесь на экран «Добро пожаловать » и нажмите на ссылку «Важная информация »
- Выберите «Лицензионное соглашение и товарные знаки »
- В самом низу будет ссылка на сайт Sony, нажмите на неё и откроется браузер!
- Долгим нажатием выделите любой текст и нажмите «Поделится », выберите приложение Email
- Войдите в свою почту и на неё отправьте ранее скачанное приложение
- Установите это приложение, во время установки нажмите «Настроить » и поставьте галочку «Неизвестные источники »
- После установки сразу откройте приложение! Вы попали в настройки, сделайте сброс к заводским настройкам
- Смартфон перезагрузился и больше не просит ввести аккаунт!
Думаю, многие знают о возможности добавления иконки сайта на рабочий стол мобильного устройства. Это удобно и причины могут быть разные (нету мобильного приложения, предоставляющего туже информацию, либо вы хотите сразу открыть определенную страницу сайта и т.д.). За некоторые свойства того, как будет отображаться сайт и как будет выглядеть иконка после добавления и отвечает файл манифеста.
Манифест для сайта
– это простой JSON-файл, который позволяет вам настроить следующие вещи:
1. Какая будет иконка у пользователя, после того как он добавит ваш сайт на рабочий стол
2. Как будет запускаться ваш сайт (с адресной строкой, без нее или в полноэкранном режиме)
3. Splash screen
4. Цветовую тему
5. Ориентацию экрана
6. Начальный url
и многое другое
Подробнее
Чтобы показать, как manifest влияет на отображение сайта, я создал простое, тестовое веб-приложение, которые возвращает название региона по коду.Сначала зафиксируем положение дел до добавления файла манифеста.
После того как пользователь добавил иконку, она будет выглядеть так (на Андроид 5.0)
Название браузер выдернул из тега tilte. Так что, если у вас нету файла манифеста, то хотя бы title должен быть нормальным. А вот иконка в виде буквы “G” появилась сама (не понятно, почему именно G).
А сам сайт будет выглядеть так 
Тут, собственно, ничего особенного, кроме того, что мы можем убрать адресную строку, чтобы приложение было похоже на нативное.
Встречайте, manifest.json!
С примером манифеста можно ознакомиться по этой ссылке . Кратко пройдемся по параметрам:name – имя, которое будет отображаться под иконкой, ну и вообще везде, где будет отображаться ваше «приложение»
short_name – будет использоваться в тех случаях, когда места для отображения полного имени недостаточно
icons – набор иконок разных размеров
start_url – определяет url, которые открывается при нажатии иконки (можно использовать, чтобы зафиксировать пользователей, которые открывают сайт через иконку на рабочем столе, добавив параметр, допустим, ?src=homescreen в url)
display – отвечает за то, как будет отображаться ваш сайт (с адресной строкой без нее и т.п.)
background_color – устанавливает цвет страницы до того как она загрузилась. Пока страница не загрузилась пользователь видит перед собой белое пустое поле. Чтобы как-то разукрасить его серые будни, можно изменить этот цвет. Например, поставить цвет фона сайта.
Генерируй и властвуй.
Конечно, можно написать весь манифест ручками, но это скучно, долго и можно ошибиться. Уже нашлось немало умельцев, которые автоматизировали этот процесс. Ниже небольшой обзор инструментов для автоматической генерации манифеста.brucelawson.github.io/manifest - все что вам нужно – заполнить поля (есть краткое описание каждого параметра, так что процесс довольно легкий), остальное за вас сделает генератор.
www.favicon-generator.org - хоть прямое назначение этого сайта генерировать иконки, а не манифест. Он все же его создает и в отличии от предыдущего у вас уже будут и иконки (для iOS и Аднроид) и манифест. Правда, манифест придется подправить (изменить имя и прочее настройки).
manifest-validator.appspot.com - этот инструмент предназначен для валидации вашего манифеста.
Результат
Итак иконки нарисовали, манифест сделали. Дальше надо сообщить браузеру о манифесте, добавив в тег head следующиеВсе. Смотрим, что получилось
Иконка:
Слева до. Справа после (иконка получилась невпечатлительная, с удовольствием поменяю, если пришлете лучше). Тут уже заметно, что Android использовал имя из поля short_name, так как name не помещается, видимо.
Загрузка приложения:
Тут самые приятные изменения. Во-первых, вместо белого экрана вы видите подобие splash screen, который сам создается системой из иконки, полного имени и цвета, указанного в манифесте (возможно, это происходит только на android 5.0 выше). Во-вторых, этот splash screen плавно исчезает, что визуально красиво.
Сам сайт:
Тут тоже все стало лаконично. Без UI браузера сайт смотрится гораздо лучше и больше похож на нативное приложение.
Я перечислил не все свойства, которые можно указать в файле манифеста. С полным списком можно ознакомиться
Статья от Анны Себовой , занимающейся вышивкой и программированием. И то и другое она совмещает в своём блоге, попутно рассказывая нам о разных интересных фишках.
У меня есть блог “Мадам Стороженко ” о рукоделии. Он совсем юный, и я часто захожу на него с мобильного, думаю, о чём бы написать, как его улучшить. При этом хранить его в открытых вкладках браузера на мобильном не очень удобно, закладки в мобильном браузере мне тоже не подходят. Поэтому я решила закрепить иконку-ссылку (ярлык) на блог на рабочем столе мобильного телефона.
Делается иконка сайта просто: в настройках мобильного нужно выбрать пункт “Добавить на главный экран “. Но созданная иконка совсем не напоминала мне мой сайт, а вызывала недоумение. Только кликнув на ярлык или прочитав подпись, я понимала, что это вообще такое. Сами понимаете, это неудобно.
Тогда я нашла лёгкий способ сделать иконку (или ярлычок, кому как удобнее) более узнаваемой. Это очень просто, нужно выполнить буквально пару действий.
Действие первое
Взять исходное изображение логотипа сайта (или фавикон) и обрезать его до стандартных для разных устройств размеров. В моём случае логотип и фавикон – это одно и то же изображение.
Я выбрала следующие удобные для мобильных и планшетов размеры:
– для iOS
два файла: apple-touch-icon.png
и apple-touch-icon-precomposed.png
– размером 57 на 57 пикселей:
– для Windows Phone
файлwindows-icon-70-70.png
:
– Android подхватывает одну из картинок и не требует дополнительных изображений и ссылок.
Действие второе
< link rel = "apple-touch-icon" href = "/mobile-icons/apple-touch-icon.png" / > < link rel = "apple-touch-icon-precomposed" sizes = "57x57" href = "/mobile-icons/apple-touch-icon-precomposed.png" / > < meta name = "msapplication-square70x70logo" content = "/mobile-icons/windows-icon-70-70.png" / > |
Вывести ссылку на сайт на рабочий стол мобильного телефона. Для этого открыть в браузере нужный сайт:
Потом открыть меню браузера (нажать на три вертикальные точки в правом верхнем углу браузера) и выбрать выделенный на скриншоте пункт:
Появится такое окошко:
Выбрать пункт “Добавить “.
Затем свернуть окно браузера и… вуаля! Сайт с красивой и узнаваемой иконкой находится на рабочем столе, да ещё и доступен в одно касание.
Удобнее не бывает.
P.S. Статья от Анны Себовой о том, как вылечить .
Иконка, пиктограмма, значок, символ, образ — как только не называют эти элементы графического интерфейса. Зачем они вообще нужны, как их правильно использовать и что нужно знать, чтобы не запутать пользователя.
Именно с дизайна иконок началась жизнь нашей студии в 2005 году. Поэтому мы с удовольствием поделимся с вами всеми знаниями, накопленными за все эти годы.
Почему человеку вообще пришла в голову идея использовать значки, вместо слов?
Этот вопрос касается не только интерфейсов. В повседневной жизни иконки окружают нас везде: преследуют на дороге в виде дорожных знаков, встречают у входа в магазин и даже сидят на ярлыках нашей одежды.
Даже футболки уже специальные придуманы для туристов, которые помогают найти общий язык с аборигенами в любой стране. Стоит только ткнуть пальцем на нужную иконку.
Почему мы так любим значки?
Потому что у них есть ряд преимуществ:
- Они бросаются в глаза;
- Они быстро передают информацию;
- Они запоминаются;
- Они экономят место;
- Они понятны на любом языке.
Иконки интерфейсов имеют еще ряд преимуществ:
- Они более приятны глазу, чем полотна текста, которые бы могли быть на их месте. Чем меньше становится экран, тем больше слов хочется заменить специальными значками.
- Они могут придать вашему приложению визуальную индивидуальность.
Но главное, чем должна обладать любая иконка — это ЯСНОСТЬ
.
Если пользователь не поймет значение иконки, он либо будет ее избегать, либо путаться.
С мороженым — нельзя, с сигаретой — нельзя, с единорогом — можно
Чтобы решить проблему с ясностью иконки, можно пойти несколькими путями:
1. Объяснять новую иконку текстом, давать подсказки, учить юзера использовать ее правильно
Таким образом вы создаете новый пользовательский опыт. Человек, подобно тому, как учит алфавит, должен выучить и значки интерфейса. Чтобы идти этим путем, нужно быть уверенным в своем продукте, в готовности пользователей учиться ради его использования.
Возьмем в качестве примера Instagram.
Иконка с изображением ящика была неясна, мало кто понимал, что с ее помощью можно отправлять личные сообщения.
Сегодня иконку отправки личных сообщений поменяли на более ясную.
Поэтому рассмотрим 2-ой вариант.
2. Бороться за ясность, создавать иконки максимально понятные пользователю
И именно о том, как это сделать и не ошибиться в выборе, пойдет речь далее.
Почему иконки интерфейсов не всегда понятны пользователям?
Давайте разбираться в причинах.
10 ошибок в дизайне иконок интерфейсов
1. Неточность дизайна образа иконки
Для начала проведем небольшой тест.
Это как раз и есть пример иконки, которую нельзя однозначно интерпретировать, а значит она может вызвать недоумение у пользователя.
В одной старой статье об ошибках в дизайне иконок приводился в пример курьезный случай, когда иконку фильтра данных создали в виде воронки.
Ответ клиента был таков: «Мне не совсем понятно, почему вы нарисовали иконку фильтра в виде бокала для мартини!» 🙂
Чтобы избежать двоякого трактования, дизайнер должен четко передать образ, смысл которого можно будет легко уловить. Не заставляйте пользователя думать.
2. Неясность ассоциации
В отличие от первой причины, в этом случае обычно сам образ передан правильно, но пользователю не ясно, почему использована именно эта иконка и что она означает.
Посмотрите еще раз на пример со старой иконкой для отправки личных сообщений в Instagram. Образ вполне уловим — изображен ящик. Но с чем у вас ассоциируется ящик? Сохранить? Входящие? Добавить новый файл? Ассоциация слишком тонкая, пользователю нужно думать, значит образ подобран неудачно.
Вот еще один наглядный пример того, как меня запутал интерфейс.
Как потом выяснилось, при наведении курсора на иконку всплывает подсказка.
Гораздо яснее для пользователя в этом случае был бы образ мусорного бака.
Кроме того, здесь интерфейс позволяет разместить слова “Удалить аккаунт”, и в этом случае использование текста вместо иконки выглядело бы оправдано.
Вот еще один пример, когда возникает диссонанс значения иконки и ее образа:
Никогда бы не подумала, что этот значок может использоваться для удаления папки
С одной стороны, иконки в интерфейсе должны подходить по стилю и смотреться целостно и гармонично, чтобы не получилось вот так:
Но с другой стороны, иконки должны быть легко различимы между собой.
Когда 2 очень похожие иконки отвечают за разные функции, возникает путаница.
Вот еще один пример:
4. Не учтен предыдущий пользовательский опыт
Вы помните, как в Viber при отправке сообщения рядом висела иконка с изображением стрелки?
Многие новые пользователи путались, считая, что стрела имеет значение “Отправить сообщение”. Почему? Потому что многие новые пользователи пришли в Viber из Skype и других мессенджеров, где стрелка означала именно отправку сообщения и располагалась в том же месте.
Стрела в интерфейсе Viber означала отправку данных геолокации. Не удивительно, почему все мои друзья в то время были в курсе, где я;)
Сейчас интерфейс Viber выглядит иначе:
Поэтому, создавая интерфейс, внимательно изучите интерфейсы основных конкурентов, чтобы не путать и не переучивать пользователей.
Создавать новый пользовательский опыт — это сложный путь и часто неоправданный.
5. Не учтены ментальные особенности ЦА
Некоторые значки могут по-разному интерпретироваться в разных странах.
Подобно тому, как в разных странах неоднозначно воспринимаются жесты, также неоднозначно могут быть поняты иконки.
Если вы создаете универсальное приложение, ориентированное на многие страны, то используйте более универсальные иконки.
Хотя, признаться, их не так уж и много. Сейчас среди них можно назвать изображение принтера (печать), дома (возврат на главную страницу), лупы (поиск) и практически все. Иконка, обозначающая меню-гамбургер , вскоре тоже может стать универсальной. Однако, некоторые тесты показывают, что пользователям привычнее видеть кнопку с надписью “Menu”, чем 3 горизонтальные полоски.
Если ваше приложение ориентировано на целевую аудиторию конкретной страны, учитывайте ее особенности восприятия.
Так, например, для жителей США более привычной будет иконка с тележкой супермаркета (shopping cart
) для обозначения покупки (
).
Для жителей Великобритании в пользовательском интерфейсе привычнее видеть корзину (basket ) или сумку (bag ).
6. Неправильный посыл
Дизайн иконок может повлиять на поведение пользователя.
Так при выборе иконки для действия “Добавить товар в корзину” следует ориентироваться не только на ментальное восприятие, но и на подтекст, который они несут.
Тележка супермаркета подразумевает, что пользователь может в любое время, как положить товар в корзину, так и передумать, и выложить его. Т.е. в этом случае вы не давите на будущего покупателя и мягко склоняете к покупке.
Пакет или сумка гораздо больше влияет на сознание пользователя, призывая его именно к покупке, а не складыванию товара в корзину. Мы привыкли складывать вещи в свою сумку уже после оплаты их на кассе, т.е. эта иконка более настойчиво призывает именно к покупке.
Обе иконки могут быть использованы, и сработать как в плюс, так и в минус. Можно добавить товар в тележку и забыть о нем, а можно уйти с сайта, так и не решившись положить товар в сумку. Учитывайте специфику своего товара и выбирайте правильный посыл.
7. Устаревшие образы
Здесь нужно быть предельно аккуратным. Иконки стареют, как и люди.
Поймет ли новое поколение эту иконку, если оно никогда не держало дискету в руках?
С одной стороны, замена многих популярных иконок скоро станет необходимостью.
Но с другой стороны, поколения сменяются гораздо медленнее, чем меняется наше представление о каком либо предмете.
Возьмем к примеру изображение телефона.
Первая иконка до сих пор актуальна и понятна даже новым поколениям, т.к. ее форма легко узнаваема.
Если же расположить иконку смартфона, можно запутать пользователя. Смартфон ассоциируется не только с функцией звонка, а и кучей других возможностей.
Приглядитесь к иконке, которая используется в Твиттере для написания нового твита. Иконке придали форму гусиного пера, чтобы передать смысл “Кликни сюда и ты сможешь писать”.
Многие иконки, образы которых устарели, еще долго не потеряют своей актуальности, поэтому, оценивайте риски, меняя образ давно всем знакомой иконки на более новый.
Мы давно не слушаем музыку с кассет, не используем микрофон старого стиля или телевизор с рожками, но эти образы гораздо понятнее пользователю, чем если мы изобразим вместо них черные прямоугольники смартфона, которые могут заменить сейчас все эти предметы.
8. Перегруженный дизайн
Не забывайте, что иконка интерфейса должна быть ясна не только в самом ее большом размере, но и в миниатюре.
Именно поэтому лишние элементы будут создавать грязь в интерфейсе и вызывать недоумение у пользователя.
Сравните сами:
Сейчас эта проблема менее актуальна, чем она была до появления трендов плоского и чистого дизайна. Плоские иконки гораздо легче воспринимаются, чем сложные 3D объекты. и это одна из причин, почему они так популярны. Однако в руках умелого дизайнера и объемную иконку можно сделать узнаваемой в любом размере.
9. Использование текста или его отсутствие
Использовать текст в иконках или нет? Пояснять значение иконок или предоставить это пользователю? Нет однозначного ответа на эти вопросы.
Иногда нужно передать настолько сложное понятие, что без текста рядом или подсказки не обойтись.
В тоже время, если вообще отказаться от иконок и использовать только текст, мы не сможем быстро сфокусировать взгляд на нужной кнопке.
Если есть возможность добавить текст, который не перенасытит интерфейс, то лучше его добавить.
Но что касается текста в дизайне самой иконки, то лучше избежать его использование, т.к. в самом маленьком размере значка он будет нечитабельным, а дизайн выглядеть перегруженным.
10. Скалирование иконок
При увеличении и ли уменьшении растровых иконок они становятся нечеткими и размытыми, поэтому многие дизайнеры предпочитают создавать векторные иконки, чтобы потом не тратить время на прорисовку мелких деталей вручную, а просто увеличивать или уменьшать изображение.
Но такой подход также неверен.
Вот пример, как выглядит уменьшенная иконка (в красном круге) и прорисованная дизайнером в меньшем размере вручную (в зеленом круге).
Поэтому всегда просите дизайнера прорисовывать элементы вручную при создании новых размеров.
Выводы
Почему мы выделили именно эти 10 ошибок, а остальные, не менее важные оставили без внимания? Потому что эти ошибки влияют на ЯСНОСТЬ
иконки, вызывают недоумение, запутывают пользователей и могут повлиять на конверсию.
Как видите из примеров, одна лишь неверно подобранная иконка может заставить пользователя удалить аккаунт, отказаться от покупки или от использования неудобного приложения.
Так что, выбирайте правильные иконки и лучше доверьте это
