Зайдите под своим паролем

     
  • Проекты Блог
  • Избранное

  • Избранное ★ →

    Теги

    • Eatty!
    • бег
    • вёрстка
    • интерфейс
    • приложения
    • процесс

    Связаться со мной можно письмом или телеграммой.

  • Подсказки

    25 мая 2017, 13:53

    Когда вы делаете какой-то продукт, вы не можете быть уверены в том, что все «очевидные» решения в нём очевидны для всех. У всех людей разный опыт, и все по-разному видят идеальный интерфейс и сценарий.

    Для объяснения своего «видения» есть разные решения:

    1. «Живой» гид

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

    2. Контекстные подсказки

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

    Гитхаб даёт хороший пример, какими должны быть подсказки: не только про «что», но и про «зачем». Напишу подробнее про это когда-нибудь.

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

    3. Отдельная База знаний

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

    Извлекаем пользу

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

    Давайте просто учитывать это:

    1. В первый заход форму разбиваем на простые и короткие шаги. Расписываем пользу по этому вашему Кэмпу. Аналог гида, но в нужное время и нужном месте.
    1. Во второй раз пользователь уже примерно знает, что и как работает — от эффекта гида можно уже избавиться. Оставляем контекстные подсказки, короткие и ёмкие.
    1. Чуть позже сокращаем всё до ссылок или всплывающих подсказок. Пользователь уже хорошо ориентируется, подсказки могут понадобиться только в редких случаях.
    1. В конце это уже небольшая кнопочка «Помощь» в углу экрана — аналог базы знаний.

    Всё просто. Мы учили пользователя, когда ему это было нужно, и перестали лезть со своими советами, когда он уже стал самостоятельным.

    дизайн   интерфейс   подсказки   формы
    1 комментарий

    С регистрацией по смс

    10 апреля 2017, 15:37

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

    №62

    В «Точке» интересно решили это проблему. Каждый код имеет свой номер. Я сначала поржал над ними — привет от одноразовых паролей Сбербанка — но когда столкнулся с вышеозначенной проблемой, понял весь смысл всего этого.

    В принципе, решение.

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

    Отправил себе целых 5 кодов?

    Отлично! Вводи любой, ведь они все предназначены для тебя и отправлены на твой личный номер телефона. Как только ты войдёшь, мы их все деактивируем, чтобы потом никто ими не воспользовался, А если твой телефон уже находится в руках злоумышленников, то какая разница получат они один пароль или три?

    Хозяйке на заметку

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

    Точка всё сделала правильно, а Сбербанк — нет.

    А вот ошибиться с цифрой намного легче.
    А новая ошибка — это новая смс... Время, деньги...

    Не делайте так.

    дизайн   дизайн-принципы   интерфейс   смс
    4422 комментария

    Пункты меню и заголовки

    25 октября 2016, 8:37

    Пункт меню и заголовок — разные вещи!

    Простой пример. На сайте вашего интернет-магазина есть страница, где вы рассказываете посетителям, как они могут оплатить товар. «Способы оплаты» отличное название для пункта меню: примерно понятно, чего ждать при клике на него.

    Но предположим в реальности вы принимаете только оплату пластиковыми картами. Заголовок «Способы оплаты» будет бессмысленным — способ только один. Поэтому следует спуститься на уровень ниже и озаглавить страницу: «Пластиковые карты». Так не только логичнее, но и понятнее: с полувзгляда получаешь ответ на вопрос «как?»

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

    Принцип №1:

    Пункты меню соответствуют ожиданиям, заголовки — действительности.

     

    дизайн-принципы

    О силе воли

    25 августа 2016, 12:32

    «Сила привычки»
    Чарльз Дахигг

    Сила воли — то, что нас с детства учили воспитывать в себе: человек должен быть сильным, настойчивым и проч.

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

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

    Пример:
    У вас скапливается гора грязной посуды и вам ужасно не хочется её мыть. Вы всё время обещаете себе мыть посуду сразу после еды, но каждый раз лень, и она опять скапливается. Ну так используйте мало посуды. У меня всего 3 вилки, 4 тарелки и одна кружка. Мне приходится регулярно мыть посуду, чтобы просто поесть.

    Ещё пример:
    По непонятной мне причине, когда я брал предоплату на фрилансе, я почти всегда просирал все сроки и в конце концов часто отказывался от работы и возвращал деньги — работать совершенно не хотелось. Я не стал разбираться в причинах или перебарывать себя, я просто перестал брать предоплату.

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

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

    Кроме того, когда мозг «видит» еду, особенно что-нибудь сладкое, он снижает уровень сахара в крови, готовя организм к приёму пищи, что само по себе вызывает чувство голода.

    люди   мозг   привычки
    1 комментарий

    Инглиш, мазерфакер, ду ю спик ит?

    31 мая 2016, 8:57

    Прошёл первое собеседование на английском. Ребятам нужен был UI-дизайнер и фронтендер, так что я подходил почти идеально.

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

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

    Лежа в кровати, прокручивал в голове детали разговора и размышлял о CRM. В целом, все они похожи и делают одно и то же. Но некоторые (как правило крупные) позиционируются как универсальные, подходящие для любой сферы деятельности; другие же (их в том числе) — наоборот, фокусируются на одной

    „Совсем, как наш «Медбокс»“ — подумал я, засыпая...

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

    Мой самый крупный проект, над которым я работал больше года, который прорабатывал от и до, выступая по сути продуктовым дизайнером (но в то время, такое понятие ещё не было распространено), где у интерфейса была даже концепция, а не просто красивые кнопочки (вот он «рабочий процесс», про который я не смог рассказать).

    „Саша, ты пиздец!“ — сказал сам себе и сел писать письмо с описанием рабочего процесса и скриншотов.

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

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

    Выводы

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

    Во-первых, не надо ссать признаваться в своих недостатках: я сразу сказал, что это моё первое интервью на английском, и что очень нервничаю из-за этого.

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

    Ту би континьюд...

    английский   переговоры   работа
    1 комментарий

    Стерлитамакский полумарафон

    29 мая 2016, 6:55

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

    Фоточка из Инстаграма, сразу после финиша. Постарел лет на 10. В тот момент я думал, что больше никогда никуда не побегу.

    Идея снова начать бегать появилась где-то в начале апреля. Сначала решил просто бегать для себя, а потом втянулся и решил поучаствовать. Никому не известный Стерлитамак — отличное начало будущей коллекции медалек.

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

    Я один раз взял влажную губку, потому что мне буквально всучили её в руки, и один стакан с водой, смочить губы. Мне кажется, что пить (а уж тем более есть) во время бега — плохая идея. Организм после этого расслабляется и никуда бежать не хочет.

    Ощущения

    Погода была жаркой, под 30°, поэтому цель была больше просто добежать, чем добежать с результатом.

    Начал медленно — с темпом 5:30. Планировал бежать так пару километров, чтобы разогреться, но буквально через метров 300 поддался стадному инстинкту и ускорился.

    И это я ещё специально встал в конце очереди, чтобы сзади никто не напирал

    К 4-му километру я уже пришёл к темпу 5:07, почти с которым и пробежал всю дистанцию (детали можно посмотреть на сайте Ранкипера)

    Мы бегали по прямой туда-сюда. Скучно, хотя и не так скучно, как наматывать круги по Зубово.

    Первые 10 километров дались легко, такие дистанции я бегал неоднократно, хоть и не в такую жару. А на третьем круге голова начала сдавать. Помогало то, что недавно пробежал 17 км, поэтому говорил себе: «Ты сможешь, ты же недавно это делал». После 17 такая отмазка не прокатывала, но там оставалось 4 км, что само по себе мелочь — не пробежать было бы глупо.

    Вначале ещё думал, что под конец поднажму, но «под конец» думал только о том, когда всё это закончится. Больше всего устали ступни, к концу они просто горели. Дыхалка и остальные ноги — вообще норм (правда сейчас, на следующее утро у меня довольно ощутимо болит правое бедро).

    Финиш

    В целом доволен. Хоть это и самый медленный мой полумарафон, зато самый жаркий. Получилось выдержать постоянный темп и не свалиться в конце. На самом деле ожидал, что будет хуже, где-то 5:15 мин/км, хотя в тайне мечтал выбежать за 5 минут. Результат оказался посередине.

    бег   полумарафон

    Купил Стриду

    25 мая 2016, 10:44

    В самом начале разочаровала: колёса не отсоединялись (магниты слишком сильные), нижняя часть рамы постоянно падала на землю или защемляла пальцы. Думал даже вернуть.

    Но со второй поездки (когда настроил высоту седла), начинал понимать, что моё! Он странный, но что-то в нём определённо есть.

    Так же было и с первым Макбуком — ждал как на меня хлынут потоки юзабилити, а он оказался просто удобнее винды.

    В городе

    Несколько дней покатался по городу. Отсутствие передач не напрягает. Крутить педали приходится часто, но крутятся они легко. Если сравнивать по Ранкиперу, получается чуть медленнее обычного Аваланча.

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

    И о доставке

    Я заказывал велосипед с сайта strida.ru доставкой ПЭКом. Первое что я увидел на складе, было это:

    Грузчик еле-еле говорил на русском и ни хрена не мог объяснить, почему коробка не параллелепипедной формы. Потом подошёл «старший» и на мой немой вопрос ответил, что груз был сдан в таком виде, о чём свидетельствует наклейка на коробке, и у них есть все фотографии.

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

    Ребята, мать вашу, ну нельзя так. Хотя бы предупреждать надо.

    велосипед   стрида

    Тайтлы

    18 мая 2016, 11:03

    Тайтл сайта — интересная штука. Поисковики обращают на них очень большое внимание, а живой человек видит их только в двух случаях:

    1. В поисковой выдаче
    2. Когда ищет нужную вкладку в бразере

    В первом случае хочется осмысленной человеческой речи. Задаёшь вопрос — получаешь ответ (разумеется с ключевиками):

    Но когда дело доходит до табов, осмысленная речь перестаёт работать. Попробуйте, к примеру, найти тут ресторан «Фарфор»:

    Здесь помог бы каталогизированный подход, когда коротко и ясно:

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

    веб   интерфейс

    Другой бег

    11 мая 2016, 12:00

    Где-то год назад я начал готовиться к уфимскому марафону, который должен был пройти в 27 сентября. Хотел не просто пробежать марафон, а пробежать хорошо: за 3 часа 25 минут. Нагрузки были серьёзные, и в в какой-то момент мне просто пришла в голову мысль: «а кому я что пытаюсь доказать, и на хера мне всё это надо?». Так я не пробежал марафон и забросил бег больше чем на полгода.

    Сейчас начал бегать в своё удовольствие, так как бег мне действительно нравится. Нравится не сам процесс, а ощущения после пробежки. Отключил в Ранкипере подсказки о темпе, чтобы он меня не подгонял — теперь, если мне бежать не очень хочется, просто бегу медленно, и наплевать. И заметил огромную разницу в ощущении и самочувствие. Раньше, после 10-15 км мне хотелось только лежать и просто не двигаться. Сейчас наоборот, хочется какой-то движухи: покататься на велосипеде, поработать или хотя бы просто почитать книжку.

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

    Вот хороший пример: рабочий темп в то время у меня был где-то 5:07. К концу пробежки я бежал уже 4:45

    В результате среднее время было меньше 5 минут

    Сейчас бегаю каждый день. И хотя часто лень, но удаётся уговорить себя: 5 км — это совсем немного, и никаких ограничений, хотя бы пройди. В результате иногда получаются годные пробежки.

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

    бег   полумарафон   фитнес

    Eatty будет жжечь!

    1 апреля 2016, 15:09

    Делаю в Eatty сжигание еды: иначе говоря, физические нагрузки.

    Работает всё просто: побегал с каким-нибудь Ранкипером, записал в Eatty сожжённые калории. Они вычитаются из дневной нормы, что даёт лишние граммы еды. Ура!

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

    Долго думал, в какой пропорции сжигать БЖУ. При аэробных нагрузках сжигаются в первую очередь углеводы, но не LCHF-диете, на которой сижу сам — там жиры. При анаэробных нагрузках нужно больше белка. В результате использовал пропорции дневной нормы. Хуже от этого не будет: при классической низкожировой диете человек будет есть больше белка и меньше жира — всё как надо.

    Eatty!   lchf   диета   процесс   фитнес
    Ctrl + ↓ Ранее
  • © Александр Гурьянов,
    2004—2016
  • Движок — Эгея