Часть 1 из 4

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

Вот о чем эта серия — графический интерфейс, который автоматически настраивается.

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

Я скромно предлагаю несколько вариантов кода и точек зрения, с которых можно исследовать поведение конечного пользователя.

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

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

Начало работы

Две области (их больше), которые связаны, но часто игнорируются в дизайне пользовательского интерфейса:

- Зрительно-моторная координация

- Постуральная вариация

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

Назад к основам

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

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

Однако в наших повседневных вычислениях (попробуйте это на своем телефоне — отсортируйте приложения по «наиболее часто используемым», и ваш список будет одинаковым почти каждый день) мы склонны повторять множество приложений, множество действий, множество кликов и много нажатий. Как будто наш разум запрограммирован определенным образом (эвристика?).

Итак, что я говорю?

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

So, if:

- Вашему разуму не нужно искать изменение местоположения виджета, кнопки или ссылки, которые ревностное сообщество UX/UI меняет по своему желанию (движение глаз)

- Вашим рукам не нужно «запоминать» кнопку на экране (эвристика)

- Разочарование уменьшается, когда вам не нужно снова и снова искать кнопку или виджет (штраф)

– Вы получаете ожидаемые результаты за взаимодействие (вознаграждение)

Чтобы реализовать эту часть:

  • Вам нужно несколько образцов, чтобы изучить взаимодействие/поведение пользовательского интерфейса вашего конечного пользователя (я дам код)
  • Как только данные будут готовы, вы пропустите их через конвейер машинного обучения (я дам код),
  • Затем делаем прогнозы(я дам код)
  • Поделитесь со многими подходом к дальнейшему развитию (я предоставлю код и небольшую структуру, чтобы помочь сформировать процесс)

Отказ от ответственности: Все авторские права и товарные знаки принадлежат соответствующим компаниям и владельцам. Цель этой статьи только для образования, и взгляды здесь являются моими собственными.