Случайны выбор дневника Раскрыть/свернуть полный список возможностей


Найдено 18687 сообщений
Cообщения с меткой

design - Самое интересное в блогах

Следующие 30  »
мило4ка54

Юбка Miss Moneypenny от Drops Design, вязаная крючком

Воскресенье, 23 Апреля 2017 г. 08:17 (ссылка)
velenocka.ru/post413851395/


Источник  http://elisheva.ru/vyazanie/vyazanie-kryuchkom/vya...esign-vyazanaya-kryuchkom.html Несмотря на то, что женщины в массовом порядке переключились на брюки, юбки остаются истинно женственной одеждой. Именно в юбке, открывающей ...

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_boingboing

Vintage Chicago street gang business cards

Пятница, 21 Апреля 2017 г. 14:53 (ссылка)

Before the internet, even before desktop publishing, gang members who wanted calling cards headed to a printer with their idea. The results are collected in Brandon Johnson's Thee Almighty & Insane: Chicago Gang Business Cards from the 1970s & 1980s. (more…)

http://feeds.boingboing.net/~r/boingboing/iBag/~3/IKAwC3DRC3E/vintage-chicago-street-gang-bu.html

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

[Из песочницы] UX-рецепт подтверждения номера телефона и электронной почты

Пятница, 21 Апреля 2017 г. 17:01 (ссылка)

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



Допустим, что пользователь зарегистрировался на сервисе и у него в профиле есть поля:



image


И у нас есть требования, что:



• Мобильный телефон и электронная почта используются для авторизации в сервисе.

• Мобильный телефон и адрес электронной почты должны быть настоящими.

• Мобильный телефон и адрес электронной почты можно изменять в профиле пользователя.



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



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



Добавим иконки редактирования для каждого элемента:





Мы получили возможность изменять каждое поле по отдельности!



Но что сделать, если при регистрации не было возможности подтвердить свои данные. Т.е. сервис сразу дал нам доступ в профиль (возможно чтобы не усложнять процедуру регистрации).



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



Поэтому для этих проверок нам требуется ввести дополнительные элементы вызывающие так необходимые нам шаги:





У вновь зарегистрированного пользователя появилась возможность подтвердить свои данные.



Но вы можете спросить: — «Что делать, если пользователь зарегистрирован и давно подтвердил свои данные»?



Отвечу, что для зарегистрированного пользователь возможность подтверждения на этом этапе не нужна.



Получим:





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



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



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



Поэтому предлагаю для изменяемых элементов отдельным окном выводить следующее содержание:





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



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



Пользователь вводит нужные ему данные, нажимает кнопку «ок» и получает следующий результат:





Для подтверждения электронной почты он видит краткую инструкцию по действиям дальше.



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



Люди, знакомые с подтверждением почты, могут задать вопрос: — «Зачем подтверждать почту через код, когда прекрасно работают ссылки»?



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



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



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



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



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





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



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



Как видите, мы сохранили возможность изменения данных для нового пользователя. Причина проста. При регистрации он мог ошибиться при вводе почты или номера телефона.
Original source: habrahabr.ru (comments, light).

https://habrahabr.ru/post/327100/

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество

Следующие 30  »

<design - Самое интересное в блогах

Страницы: [1] 2 3 ..
.. 10

LiveInternet.Ru Ссылки: на главную|почта|знакомства|одноклассники|фото|открытки|тесты|чат
О проекте: помощь|контакты|разместить рекламу|версия для pda