Здравствуйте, меня зовут Александр Черников. Я руковожу разработкой UI проекта “Цифровой корпоративный банк” — обновлённой версии Сбербанк Бизнес Онлайн, интернет-банка для юридических лиц. Мы разрабатываем stand-alone клиент, мобильное приложение и, собственно, web-клиент, о котором и пойдёт речь. В своих статьях я буду делиться ценным опытом нашей команды, а конкретно в этом посте опишу наш технологический стек и остановлюсь на том, почему мы выбрали Typescript в качестве основного языка.
Рубрика «usability» - 25
Чем хорош (и чем плох) Typescript: опыт UI-разработчиков
2017-10-30 в 13:02, admin, рубрики: javascript, TypeScript, UI, usability, Блог компании Сбербанк, Разработка веб-сайтов, СбербанкА вы не слишком поторопились изгнать “гамбургер” из своего приложения?
2017-10-29 в 22:08, admin, рубрики: usability, Вконтакте, дизайн, дизайн мобильных приложений, интерфейсы, мобильный дизайн, юзабилити
Привет. Мы все видим, что происходит с навигацией в приложениях — привычный "гамбургер" заменяют нижним таббаром. Лично меня это напрягало, когда это происходило с моими часто используемыми программами: Pocket, Skype, Youtube, а с недавних пор и VK.
Вроде бы с этим таббаром всё должно быть хорошо. Но кое-что произошло. Вчера вечером мы с подругой сидели и общались, зашла речь про телефоны, а потом она вдруг говорит:
она: а ты, кстати, видел во что превратился ВК?
я: хм… что ты имеешь ввиду?
она: да там вообще теперь какая-то бяка. Я поэтому его не обновляю. (показывает на своём айфоне привычное меню навигации в старом стиле)
я: lol, ну и правильно делаешь.
Знаете, это меня немного удивило. Мы привыкли читать подобные отзывы в play-маркете/эппсторе, но только не вживую. Я подумал, что это достаточный повод обдумать ситуацию. Под катом немного размышлений на эту тему.
UX-дизайн: 50 вещей, которые вы наверняка забыли сделать
2017-10-28 в 12:44, admin, рубрики: design, Design Thinking, edisonsoftware, product management, usability, Блог компании Edison, веб-дизайн, дизайн мобильных приложений, интерфейсы«Я не злюсь, я просто разочарован.»
— PM
Иногда приложение кажется простым, минималистичным и лаконичным, но легко упустить из виду то, сколько экранов, формочек, кнопочек, окошек и прочих мелочей приводит к такому восприятию легкости и простоты использования.
Представляем вам чеклист из 50 пунктов для самопроверки. Вот примерные подразделы:
- Логин и регистрация
- Первый опыт
- Важные детали
- Запуск
- Профиль
- Безумные потоки
Редизайн КиноПоиска или Как потерять друзей и заставить всех себя ненавидеть
2017-10-28 в 9:30, admin, рубрики: usability, веб-дизайн, интерфейсы, Кинопоиск, редизайн интерфейса, редизайн сайта, яндексДва года назад Яндекс представила новый дизайн Кинопоиска. Однако пользователи обновление не оценили. Вместо привычной киноэнциклопедии, аудитории был представлен онлайн-кинотеатр. Хейтеров оказалось такое количество, что компании пришлось откатиться до старой версии сайта.
Сегодня мы все еще можем видеть морально устаревший дизайн Кинопоиска, который действительно требует изменений. В этой статье мы рассмотрим наше виденье и подход к редизайну сервиса.
Читать полностью »
Вертикальный ритм
2017-10-22 в 12:07, admin, рубрики: 8pt, edisonsoftware, usability, Блог компании Edison, веб-дизайн, вертикальный ритм, графический дизайн, дизайн, интерфейсы
Сетка 8pt — это мощная система для создания последовательных и визуально привлекательных пользовательских интерфейсов. Этот пост о том, как установить вертикальный ритм и типографию в сетке 8pt. Чтобы лучше понимать материал, зацените статью "Введение в систему 8pt сеток" и "Сетка на основе 8pt: обводка и разметка".
Что же такое вертикальный ритм и почему он так важен
Ритм достигается тогда, когда элементы вашего дизайна состоят из повторяющихся шаблонов. Это позволяет вашему окончательному дизайну выглядеть преднамеренно, профессионально и последовательно.
Читать полностью »
Взлом визуальной системы: 11 оптических иллюзий в графическом дизайне
2017-10-16 в 22:58, admin, рубрики: matrix has you, Morpheus, usability, веб-дизайн, графический дизайн, иллюзии, интерфейсы, типографикаГлубока ли кроличья нора?
Сколько минут вам потребуется, чтобы понять в чем фишка?
Фрэнсис Бэкон в 1620 году разделил источники человеческих ошибок, стоящих на пути познания, на четыре группы, которые он назвал «призраками» или «идолами» (лат. idola).
- «Призраки рода» проистекают из самой человеческой природы, они не зависят ни от культуры, ни от индивидуальности человека. «Ум человека уподобляется неровному зеркалу, которое, примешивая к природе вещей свою природу, отражает вещи в искривлённом и обезображенном виде».
- «Призраки пещеры» — это индивидуальные ошибки восприятия, как врождённые, так и приобретённые. «Ведь у каждого, помимо ошибок, свойственных роду человеческому, есть своя особая пещера, которая ослабляет и искажает свет природы».
- «Призраки площади (рынка)» — следствие общественной природы человека, — общения и использования в общении языка. «Люди объединяются речью. Слова же устанавливаются сообразно разумению толпы. Поэтому плохое и нелепое установление слов удивительным образом осаждает разум».
- «Призраки театра» — это усваиваемые человеком от других людей ложные представления об устройстве действительности. «При этом мы разумеем здесь не только общие философские учения, но и многочисленные начала и аксиомы наук, которые получили силу вследствие предания, веры и беззаботности». [Wikipedia]
Под катом — наглядная демонстрация уязвимости нашего мозга к атакам через визуальный ввод. Представляю вам перевод статьи продуктового дизайнера и фронтэнд-разработчика Balraj Chana, про то как можно использовать/нейтрализовать эффект оптических иллюзий.
Осторожно! Злая собака! Или как укротить форму регистрации
2017-10-14 в 16:28, admin, рубрики: usability, веб-дизайн, интерфейсы, исследование, регистрация, Формы ввода
Сталкивались ли вы с ситуацией, когда не смогли вспомнить пароль для входа в интернет-магазин? Часто ли вас утомляла необходимость заполнять не нужные, на ваш взгляд, поля? Раздражали звонки оператора, который звонит не вовремя или наоборот, страх пропустить звонок? Меня вот часто.
Это привело меня к мысли, что формы регистрации в онлайн-магазинах и дальнейшее взаимодействие с ними, это зло в чистом виде. Я решила придумать способ, который, как мне кажется, намного облегчил бы жизнь интернет-шопера.
Мое мини-исследование и рацпредложения, посвященные этой теме, подкатом.
Читать полностью »
Джозеф «Лик» Ликлайдер: «Симбиоз человека и компьютера» (1960), часть 1
2017-10-10 в 12:17, admin, рубрики: complex problem solving, Licklider, usability, будущее, интерфейсы, информационная революция, Ликлайдер
Алан Кей, Дуглас Энгельбарт и прочие пионеры компьютерной эры заявляют, что «информационная революция еще не началась» [1],[2]. В смысле? Что они имеют ввиду? Похоже на то, что они сравнивают текущее положение дел со своей внутренней картинкой, как оно могло бы быть, «если бы вы сделали все в точности, о чем мы говорили, а не те 5%, которые вы еле-еле смогли реализовать.»
Приглашаю всех принять участие в коллективном переводе и обсуждениях, каким может быть (мог бы быть) «информационный мир», как усилить интеллект человечества и как построить образ будущего, в котором бы хотелось жить.
«Любой человек и любая компания, использующие компьютер в интерактивном режиме, должны испытывать благодарность по отношению к Лику»
— Боб Тейлор, основатель Xerox PARC и основатель исследовательской лаборатории DEC
Джозеф «Lick» Ликлайдер «придумал» компьютерную эру, был идейным вдохновителем Марвина Мински, Джона Маккарти, Дугласа Энгельбарта, Айвана Сазерленда, Роберта Тейлора. (Биография тут)
Представляю вашему вниманию первую часть статьи, благодаря которой Ликлайдера пригласили в ARPA реализовывать свои проекты.
Читать полностью »
Большой список Telegram-каналов для дизайнеров, менеджеров продуктов и аналитиков
2017-10-09 в 16:50, admin, рубрики: telegram, usability, ux дизайн, ux/ui дизайн, аналитика, веб-дизайн, графический дизайн, интерфейсы, продуктовый дизайн, продукты, прототипирование, Управление продуктомВнимание! Дальше идет большая подборка (~100) качественных телеграм-каналов, которая постоянно пополняется. Две вещи: 1) мы действительно любим и читаем эти каналы, пользуясь ботом-агрегатором @junction_bot; 2) если вы автор телеграм-канала и хотите, чтобы он попал в список, обязательно прочитайте FAQ в конце поста, после чего добавьте свою информацию в google-табличку. — Здесь и далее прим. ред.
Дайджест продуктового дизайна, сентябрь 2017
2017-10-09 в 8:10, admin, рубрики: usability, веб-дизайн, дизайн мобильных приложений, интерфейсы, пользовательские интерфейсы, продуктовый дизайнУже семь лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-август 2017.