У авиакомпаний было 90 лет, чтобы нарисовать посадочный талон, и они все равно облажались. Я предлагаю сделать так:
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/8b4/994/d66/8b4994d6615d0abc4a4d94254d2d61c0.png)
Напомню, в 2013 году все еще в ходу вот это:
![](https://habrastorage.org/r/w780q1/getpro/habr/post_images/14b/ac9/597/14bac9597738c64850f287e231f37875.jpg)
У него отвратительная юзабилити. В нем нет группировки данных, визуальных доминант, сетки, хорошей типографики, пространства. У него читаемость смятой перфокарты.
Действительно, миллионы людей как-то летают. Да и в целом, как-то живут. Лично я ни разу не видел кого-то:
Но они есть. В мире миллиарды людей, и эти миллиарды превращают любой маловероятный случай в не только вероятый, но и массовый. Если мы говорим «я никого не знаю», мы поступаем ненаучно. Мы строим свою аргументацию на так называемом anecdotal evidence, то есть на отдельных случаях, в которых проблемы не произошло.
Вместо этого, нам следует апеллировать к следующим вещам:
Авиакомпаниями? Здесь мы все видим. Хреново решается. Подборка:
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/b5d/757/850/b5d757850f3b67be7e2044d213d87a50.png)
Дизайнерским сообществом? Решается. Вот что нарисовал дизайнер Evernote Adam Glynn-Finnegan:
![](https://habrastorage.org/r/w780q1/getpro/habr/post_images/b5a/831/98a/b5a83198a3fdbd6eb38cd947997e2bf7.jpg)
Мне нравится то, что сделал Адам. Мне нравится, что он не просто линчует всех подряд, а взял отдельно взятую вещь и улучшил. Я тоже так поступил: взял за основу его версию и и дополнительно улучшил.
Можно много что подвигать, заменить, дорисовать. У меня получилось вот что (на бис):
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/8b4/994/d66/8b4994d6615d0abc4a4d94254d2d61c0.png)
Если убрать из версии Адама цвет (а он в конечном продукте не предполагается), то получим вот что:
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/2be/3bb/0b3/2be3bb0b3d060780397a3da173ae545c.png)
В результате вместо задуманных горизонтальных полос видим скорее такую группировку:
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/8a4/321/52a/8a432152a7621d6dcfdb67d26182d646.jpg)
Вместо этого, я предлагаю группировать поля не строчками, а колонками:
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/c9b/0e6/57d/c9b0e657d60d9368033dbf1f28c09d0c.png)
Стюардессы сэкономят тонны голосовых связок, если не будут повторять что-то вроде «Следующий проход, пожалуйста», «This way please in the back» или «Adelante, por favor». Почему бы это не написать на билете? А лучше нарисовать. Я поэкспериментировал с упрощением и пришел вот к какой форме:
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/4c4/670/beb/4c4670bebf2aee57c3951ce91f3b8da6.png)
Свое имя пассажир и так знает, поэтому его можно убрать подальше. Я убрал все неприоритетное для пассажира в «хедер» и «футер».
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/47d/03c/936/47d03c936d9bb18bd852f6abec8bf45e.png)
Иногда отрывают большую часть, иногда маленькую. Сейчас, когда я это пишу, я лечу стыковочным рейсом, и у меня для одного из перелетов забрали большую, а для другого — маленькую.
Поэтому я дублирую эту часть. Зачем? Чтобы было видно, что это одно и то же. Согласен, выглядит странно, если предложите альтернативу — велкам.
Действительно, появились альтернативы. И, как это часто бывает, унаследовали недостатки оригинала.
Распечатки — это те же бумажные посадочные плюс смесь из юридической информации (так, чтобы ткнуть нас носом в пункт мелким шрифтом) и рекламы (отелей, прокатов автомобилей и трансферов втридорога). Распечатки нужно улучшить также, как бумажные посадочные талоны, а также навести порядок: выкинуть все, что люди не читают (а они не читают) и оставить ключевые пункты. Например, написать коротко и ясно, сколько стоит перевес багажа.
Вот неплохой вариант:
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/1ed/e01/b8e/1ede01b8e3d540d558014a0df0675ad0.png)
Электронные посадочные — они — дети бумажных посадочных, которые унаследовали кривизну родителей. Вот два посадочных из Passbook.
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/bd0/d5b/590/bd0d5b59042ef06b438efb6f41f6f2b1.png)
Обратите внимание на раскиданные хаотично поля, меленькие буковки. Однажды, когда я тестировал юзабилити айфон-приложения, один дедушка извинился и принялся искать очки: я был растроган и сделал шрифт крупнее. Каково это, искать очки в узком проходе? Если же увеличить шрифты, то получим нагромождение как в исходных бумажных вариантах, что и требовалось доказать.
Возьмем одну только США, где 500 миллионов пассажиров в год. Предположим, что сэкономим 10 секунд каждому пассажиру. Получаем 158 лет экономии каждый год, или две человеческие жизни:
![](https://habrastorage.org/r/w780q1/getpro/habr/post_images/7a4/06a/874/7a406a8741b7abfec74730f26380ce42.jpg)
Я сам дизайнер и знаю, что от коллег доброго слова дождешься нечасто, поэтому прилагаю удобный список для критики. Для удобства вы можете указать номер недостатка:
Одновременно, по-настоящему я был бы рад такой критике: «А что если сделать так-то, вот мой набросок в Фотошопе». Был счастлив увидеть улучшения своего дизайна. В качестве шутки, задачи для разминки, в качестве чего угодно. Я обожаю, когда что-то предлагают, думают, спрашивают «а почему так», «а как вы это сделали» или «а вот я здесь так решил такую же проблему». Друзья, мое сердце принадлежит таким маленьким вопросам, советам и улучшениям. Мое сердце принадлежит вам.
ПС. Надеюсь, с сердцем получилось достаточно драматично.
Update: применил отличный хак freextraz. Большое ему спасибо.
Update 2: Коммент о принтерах от бывшего сотрудника S7
Update 3: Целый класс комментов о том, что должно быть плюс примеры, когда это нужно (странные коннекшны, групповые путешествия и так далее). Комментаторы хотят аэропорт вылета, имя пассажира крупно, а некоторые — схемы компоновки всех самолетов авиакомпании. UMAX учел ваши пожелания и сделал свой макет:
![](https://habrastorage.org/r/w1560/getpro/habr/comment_images/3fe/6f4/4e1/3fe6f44e1f6b53ae906ac74457f5b38f.png)
Update 4 Отличный вариант прислал tonsky:
![image](https://habrastorage.org/r/w780q1/getpro/habr/comment_images/3f8/cfd/9d7/3f8cfd9d7b8d0d55cf79e326e27eb8b5.jpg)
Мне нравится, что читается и в столбик, и в строчку: посадка во столько-то там-то.
Ребята, те, кто нарисовал апдейты — я бы хотел бы в знак благодарности подарить вам наши иконки с пожизненными апдейстами. Если принимаете, напишите в личку. Большое вам спасибо.
![](https://habrastorage.org/getpro/habr/post_images/8b4/994/d66/8b4994d6615d0abc4a4d94254d2d61c0.png)
Напомню, в 2013 году все еще в ходу вот это:
![](https://habrastorage.org/getpro/habr/post_images/14b/ac9/597/14bac9597738c64850f287e231f37875.jpg)
У него отвратительная юзабилити. В нем нет группировки данных, визуальных доминант, сетки, хорошей типографики, пространства. У него читаемость смятой перфокарты.
Голос из зала: Ни разу не видел никого, у кого бы были проблемы с посадочным талоном. Зачем париться?
Действительно, миллионы людей как-то летают. Да и в целом, как-то живут. Лично я ни разу не видел кого-то:
- в кого попала молния
- кто поскользнулся и умер в ванной
- с раком предстательной железы.
Но они есть. В мире миллиарды людей, и эти миллиарды превращают любой маловероятный случай в не только вероятый, но и массовый. Если мы говорим «я никого не знаю», мы поступаем ненаучно. Мы строим свою аргументацию на так называемом anecdotal evidence, то есть на отдельных случаях, в которых проблемы не произошло.
Вместо этого, нам следует апеллировать к следующим вещам:
- количественным исследованиям юзабилити: времени в секундах на то, чтобы найти нужную информацию на билете
- проценту ошибок: процент опаздавших к выходу на посадку пассажиров
- времени простоя от длительной погрузки в самолет.
Как решается проблема сейчас?
Авиакомпаниями? Здесь мы все видим. Хреново решается. Подборка:
![](https://habrastorage.org/getpro/habr/post_images/b5d/757/850/b5d757850f3b67be7e2044d213d87a50.png)
Дизайнерским сообществом? Решается. Вот что нарисовал дизайнер Evernote Adam Glynn-Finnegan:
![](https://habrastorage.org/getpro/habr/post_images/b5a/831/98a/b5a83198a3fdbd6eb38cd947997e2bf7.jpg)
Мне нравится то, что сделал Адам. Мне нравится, что он не просто линчует всех подряд, а взял отдельно взятую вещь и улучшил. Я тоже так поступил: взял за основу его версию и и дополнительно улучшил.
Что еще можно улучшить в версии Адама?
Можно много что подвигать, заменить, дорисовать. У меня получилось вот что (на бис):
![](https://habrastorage.org/getpro/habr/post_images/8b4/994/d66/8b4994d6615d0abc4a4d94254d2d61c0.png)
Группировка
Если убрать из версии Адама цвет (а он в конечном продукте не предполагается), то получим вот что:
![image](https://habrastorage.org/getpro/habr/post_images/2be/3bb/0b3/2be3bb0b3d060780397a3da173ae545c.png)
В результате вместо задуманных горизонтальных полос видим скорее такую группировку:
![image](https://habrastorage.org/getpro/habr/post_images/8a4/321/52a/8a432152a7621d6dcfdb67d26182d646.jpg)
Вместо этого, я предлагаю группировать поля не строчками, а колонками:
![](https://habrastorage.org/getpro/habr/post_images/c9b/0e6/57d/c9b0e657d60d9368033dbf1f28c09d0c.png)
Схема самолета
Стюардессы сэкономят тонны голосовых связок, если не будут повторять что-то вроде «Следующий проход, пожалуйста», «This way please in the back» или «Adelante, por favor». Почему бы это не написать на билете? А лучше нарисовать. Я поэкспериментировал с упрощением и пришел вот к какой форме:
![](https://habrastorage.org/getpro/habr/post_images/4c4/670/beb/4c4670bebf2aee57c3951ce91f3b8da6.png)
Все ненужное по краям
Свое имя пассажир и так знает, поэтому его можно убрать подальше. Я убрал все неприоритетное для пассажира в «хедер» и «футер».
![](https://habrastorage.org/getpro/habr/post_images/47d/03c/936/47d03c936d9bb18bd852f6abec8bf45e.png)
Дублирование информации для посадки
Иногда отрывают большую часть, иногда маленькую. Сейчас, когда я это пишу, я лечу стыковочным рейсом, и у меня для одного из перелетов забрали большую, а для другого — маленькую.
Поэтому я дублирую эту часть. Зачем? Чтобы было видно, что это одно и то же. Согласен, выглядит странно, если предложите альтернативу — велкам.
Голос из зала: чувак, это — прошлый век. Сейчас есть электронная регистрация, распечатки посадочных талонов, приложения авиакомпаний и вообще в айфоне есть Passbook.
Действительно, появились альтернативы. И, как это часто бывает, унаследовали недостатки оригинала.
Распечатки — это те же бумажные посадочные плюс смесь из юридической информации (так, чтобы ткнуть нас носом в пункт мелким шрифтом) и рекламы (отелей, прокатов автомобилей и трансферов втридорога). Распечатки нужно улучшить также, как бумажные посадочные талоны, а также навести порядок: выкинуть все, что люди не читают (а они не читают) и оставить ключевые пункты. Например, написать коротко и ясно, сколько стоит перевес багажа.
Вот неплохой вариант:
![](https://habrastorage.org/getpro/habr/post_images/1ed/e01/b8e/1ede01b8e3d540d558014a0df0675ad0.png)
Электронные посадочные — они — дети бумажных посадочных, которые унаследовали кривизну родителей. Вот два посадочных из Passbook.
![](https://habrastorage.org/getpro/habr/post_images/bd0/d5b/590/bd0d5b59042ef06b438efb6f41f6f2b1.png)
Обратите внимание на раскиданные хаотично поля, меленькие буковки. Однажды, когда я тестировал юзабилити айфон-приложения, один дедушка извинился и принялся искать очки: я был растроган и сделал шрифт крупнее. Каково это, искать очки в узком проходе? Если же увеличить шрифты, то получим нагромождение как в исходных бумажных вариантах, что и требовалось доказать.
Голос из зала: Чувак, ты трешь уже которую страницу, а мы ждем, откуда взялись две спасенные жизни!
Возьмем одну только США, где 500 миллионов пассажиров в год. Предположим, что сэкономим 10 секунд каждому пассажиру. Получаем 158 лет экономии каждый год, или две человеческие жизни:
![](https://habrastorage.org/getpro/habr/post_images/7a4/06a/874/7a406a8741b7abfec74730f26380ce42.jpg)
Приложение: как критиковать эту статью: краткое руководство
Я сам дизайнер и знаю, что от коллег доброго слова дождешься нечасто, поэтому прилагаю удобный список для критики. Для удобства вы можете указать номер недостатка:
- Это никому не нужно, все и так норм (у нас две точки зрения на одно и то же)
- Сделай номер места крупнее в 10 раз! Это важно!!!
- Два раза одно и то же — это бред. Я готов согласиться, но как быть, если отрывают то одну часть, то другую?
- Лучше бы занялся делом.
Одновременно, по-настоящему я был бы рад такой критике: «А что если сделать так-то, вот мой набросок в Фотошопе». Был счастлив увидеть улучшения своего дизайна. В качестве шутки, задачи для разминки, в качестве чего угодно. Я обожаю, когда что-то предлагают, думают, спрашивают «а почему так», «а как вы это сделали» или «а вот я здесь так решил такую же проблему». Друзья, мое сердце принадлежит таким маленьким вопросам, советам и улучшениям. Мое сердце принадлежит вам.
ПС. Надеюсь, с сердцем получилось достаточно драматично.
Update: применил отличный хак freextraz. Большое ему спасибо.
Update 2: Коммент о принтерах от бывшего сотрудника S7
Update 3: Целый класс комментов о том, что должно быть плюс примеры, когда это нужно (странные коннекшны, групповые путешествия и так далее). Комментаторы хотят аэропорт вылета, имя пассажира крупно, а некоторые — схемы компоновки всех самолетов авиакомпании. UMAX учел ваши пожелания и сделал свой макет:
![](https://habrastorage.org/getpro/habr/comment_images/3fe/6f4/4e1/3fe6f44e1f6b53ae906ac74457f5b38f.png)
Update 4 Отличный вариант прислал tonsky:
![image](https://habrastorage.org/getpro/habr/comment_images/3f8/cfd/9d7/3f8cfd9d7b8d0d55cf79e326e27eb8b5.jpg)
Мне нравится, что читается и в столбик, и в строчку: посадка во столько-то там-то.
Ребята, те, кто нарисовал апдейты — я бы хотел бы в знак благодарности подарить вам наши иконки с пожизненными апдейстами. Если принимаете, напишите в личку. Большое вам спасибо.