В битве за безопасность. Говорить на языке пользователя. Богатство возможностей по скромной цене

Акциз Контроль - это полезное приложение, которое убережет вас от покупки контрафактного алкоголя. Если вы часто приобретаете спиртные напитки в не самых "надежных" точках продажи, то данная программа вам просто необходима. С ее помощью можно "отсканировать" акцизную марку на бутылке и получить подробную информацию о производителе, дистрибьюторе, дате розлива и самом напитке.

Работа с приложением

Использовать Акциз Контроль довольно просто. Достаточно установить программу на свое Android устройство и дать ей доступ ко встроенной камере (просто подтвердить запрос при первом запуске). После этого нужно взять бутылку в руки и навести камеру таким образом, чтобы код на акцизной марки полностью попадал в объектив.

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

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

Дополнительные возможности

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

Ключевые особенности

  • позволяет определить контрафактный алкоголь;
  • умеет сканировать акцизную марку или QR код на чеке;
  • предоставляет подробную информацию о производителе спиртного;
  • требует доступ ко встроенной в портативное устройство камере;
  • требует наличия подключения к сети (Wi-Fi или 3G);
  • поддерживает даже самые старые версии операционной системы Android;
  • имеет простой и понятный интерфейс.
В современном мире миллиарды вычислительных устройств. Еще больше программ для них. И у каждой свой интерфейс, являющийся «рычагами» взаимодействия между пользователем и машинным кодом. Не удивительно, что чем лучше интерфейс, тем эффективнее взаимодействие.

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

Для себя я начал с постановки вопросов: общие принципы, какие элементы интерфейса(ЭИ) создать, какой у них должен быть дизайн, где их правильно размещать и как они должны себя вести.
Ниже я постараюсь ответить на эти вопросы.

Общие принципы


Какие ЭИ создать?


Какой должен быть дизайн ЭИ?

На самом деле, дизайн ЭИ — тема отдельной статьи. Тут нужно учитывать все: начиная от цвета, формы, пропорций, заканчивая когнитивной психологией. Однако, несколько принципов все же стоит отметить:

Как правильно расположить ЭИ на экране?


Как ЭИ должны себя вести?


В заключении

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

Литература

Джеф Раскин , «Интерфейс: новые направления в проектировании компьютерных систем»
Алан Купер , «Об интерфейсе. Основы проектирования взаимодействия»
Алан Купер , «Психбольница в руках пациентов»

yadobr 14 января 2014 в 09:10

Проектирование графического интерфейса пользователя

  • Интерфейсы

Введение

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

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

Для себя я начал с постановки вопросов: общие принципы, какие элементы интерфейса(ЭИ) создать, какой у них должен быть дизайн, где их правильно размещать и как они должны себя вести.
Ниже я постараюсь ответить на эти вопросы.

Общие принципы


Какие ЭИ создать?


Какой должен быть дизайн ЭИ?

На самом деле, дизайн ЭИ - тема отдельной статьи. Тут нужно учитывать все: начиная от цвета, формы, пропорций, заканчивая когнитивной психологией. Однако, несколько принципов все же стоит отметить:

Как правильно расположить ЭИ на экране?


Как ЭИ должны себя вести?


В заключении

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

Литература

Джеф Раскин , «Интерфейс: новые направления в проектировании компьютерных систем»
Алан Купер , «Об интерфейсе. Основы проектирования взаимодействия»
Алан Купер , «Психбольница в руках пациентов»

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

Доступность

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

Что делает эта кнопка? Наведем курсор и прочитаем.

Минимализм

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

Панель регулировки уровня звука в OS X. Коротко и доступно, ничего лишнего.

Уверенность

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

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

Отзывчивость

Отзывчивость означает несколько вещей. Интерфейс веб-сайта должен работать очень быстро. Длительное ожидание загрузки страницы раздражает. Позаботьтесь о том, чтобы сайт загружался максимально быстро, даже на медленных интернет-каналах.
Так же отзывчивость означает некоторую постоянную форму взаимодействия с пользователем. Интерфейс должен информировать пользователя о происходящем. Например, вы нажимаете кнопку отправки сообщения. Если сообщение отправляется посредством AJAX, было бы разумно выводить состояния отправки, например «Отправка...», «Сообщение отправлено» или «Ошибка отправки сообщения». Когда пользователь видит процесс выполнения, он чувствует себя спокойнее. Особенно это заметно на медленных интернет-каналах.

Во время загрузки Gmail отображается прогресс-бар.

Соответствие контексту

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


Элементы управления MS Office, различные для каждого типа контента.

Привлекательность

Хоть это может быть несколько спорным моментом, но я считаю, что хороший интерфейс должен быть привлекательным. Привлекательный пользователю интерфейс делает работу с ним приятной. Да, вы можете сделать интерфейс простым в использовании, эффективности и оперативности, и он будет отлично справляться со своей задачей, — но если вы дополните этот список достоинств еще и привлекательностью — работа с ним будет чистым удовольствием!
Но сложно сделать интерфейс, который будет нравиться всем. У каждого свои предпочтения, и что покажется одному красивым, у другого будет вызывать отвращение. Тем не менее, пользователей можно разделить на некоторые социальные/демографические группы, среди которых будут и группы вашей целевой аудитории. Например, интерфейс для группы «молодые мамы» будет в корне отличаться от «менеджеров по продаже автозапчастей».

Эффективность

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

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

Снисходительность

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

Случайно удалено важная информация в Gmail. Не проблема, можем отменить действие!

Заключение

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

Словосочетание интуитивно-понятный интерфейс , встречающееся практически во всех нынешних техзаданиях, на людей технически грамотных действует как красная тряпка на быка. Это вполне объяснимо: во время о но, когда ГОСТы были обязательны к применению, подобную чушь вычитать где-либо было нереально. И естественна реакция этих людей - а где же тогда требования к такого «интуитивно-понятного» в части его (пользователя) понятливости и интуиции?! Решим вопрос интуитивно-понятного раз и навсегда Редакция от 20.06.2018.

Что такое интуитивно-понятный интерфейс?

Создан 08.08.2016 16:50:33

Об интуитивно-понятном интерфейсе, о котором так много говорили... нет, не большевики, а юзабилизаторы, см. Страшная правда о юзабилити. Часть I , Страшная правда о юзабилити. Часть II и Страшная правда о юзабилити. Десять лет спустя . Вот одна из дискуссий, развернувшаяся в кругу этих, так сказать, «специалистов», у которых все руки по уши в юзабилити

Итак, идем по пунктам. Первый и второй - справедливо: да, видно, как товарищ последовательно пытается постичь истину в конечной ее инстанции. Третий пункт пока пропускаем. Пункт четвертый - совершенно согласны! И с пятым тоже. Но!

Посмотрим теперь, что же гласит ГОСТ 21480-76. . . Общие эргономические требования, цитируем:

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

Это из Приложения 1 ГОСТ 21480-76. Сразу смотрим на картинку, а именно на пп. 1, 2 и 5. Все совпадает? С предельной точностью!

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

Вот и вся задачка. Но остался один вопрос: ЗАЧЕМ в 2010 году потребовалась дискуссия (п. 3) о том, что было четко сформулировано аж в 1976 году ?! А затем, чтобы... см. п. 4 на картинке.

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

PS. Кстати, пиктограмма с ножом и вилкой есть не что иное, как элемент мнемосхемы

PPS. Почему всех так привлекают писульки каких-то раскиных, норманов и прочих безродных и беспородных джонов смитов, когда есть, скажем так, свой Михайло Ломоносов? Низкопоклонничество перед западом? Или поколение такое, развращенное америкосами и сгнившее на корню? (