Живой Журнал Антона Ловчикова

дизайнера и проектировщика интерфейсов с педантичной акцентуацией характера


Глагольные ссылки
antiflasher
Каждый хороший дизайнер интерфейсов знает, что ссылка — это объект, а кнопка — это действие. В ссылке не должно быть глаголов («жалоба», а не «пожаловаться»; «бронирование столика», а не «забронировать столик» и т.д.), а кнопка, манипулирующая базой, должна содержать глагол («отправить», «выйти», «заказать» т.д.). Те, кто не знают этого, бегом на курс в бюро (это не рекламный пост, если что).

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

Почему же стройная и чёткая логика дизайнеров интерфейса не работает в реальных интерфейсах? Почему пользователи тупят над «Новое сообщение» и не задумываясь кликают на «Написать сообщение»?

Мне кажется, причина в том, что дизайнеры мыслят категориями элементами интерфейса:
Вот ссылка → она ничего не делает, а просто меняет урл страницы, открывая (что?) новый объект → следовательно ссылка должна носить название объекта, на который ссылается → значит обзываем ссылку «Форма написания нового сообщения» «Новое сообщение».

Пользователь же не проходил курсов про интерфейс и не слышал о семантике элементов интерфейса. Он мыслит категориями действия:
Мне нужно отправить сообщение моему другу → где тут ссылочка «отправить сообщение»?

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

Мнения?

Про курс
antiflasher
9—12 августа в Москве состоится учебный курс «Интерфейсы для айфона». На нём я, Таня Мисютина и Юра Подорожный будем рассказывать про то, как проектировать приложения, рисовать для них интерфейс и немного о правилах разработки (про сборку приложения в билдере, компиляцию кода и отправку на апрув в Апстор рассказывать не будем).

Сейчас я рисую вот такую раздатку. Разворот про светотени:


Ещё будут разные примеры работы с текстурами:


В общем, ждём дизайнеров.


Цвет мира
antiflasher
Эта записка выросла из серии твитов про «дальтоников». Все мы знаем, что заболевание дальтонизм — это, грубо говоря, неспособность отличить бледно-зелёный от бледно-красного. Но вот лично я в детстве думал, что дальтоники путают цвета, вместо зелёного видят красный. Всё это подкреплялось анекдотами на тему дальтоники-светофоры.

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

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

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

Допустим, есть родители и ребёнок. Предположим, что родители видят цвет «правильно», а ребёнок нет. Ребёнок берёт в руки огурец (видя его при этом такого цвета, который родители называют красным) и спрашивает, как называется этот цвет. Родители отвечают, что это зелёный (родители-то видят зелёный огурец). Дальше ребёнок берёт помидор (видя его «зелёным») и получает ответ, что это красный. Таким образом, у него складывается система названий цветов. И он при этом даже не будет знать, что его родители видят помидор и огурец совсем другого цвета.

Простое доказательство: Есть два человека, один видит мир (картинку, экран монитора и пр.) вот так:


Второй человек видит мир по-другому, но при этом у него та же самая система названий цветов, потому что в детстве научили, что небо — «голубое», песок — «жёлтый», а турсы Фрая — «красные»:


Он знает, что ягоды надо срывать «красными», то есть вот такого цвета.

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


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


Таким образом он успешно пройдёт тест.

Кто знает, может быть на самом деле я вижу мир как-то так:

Бойкот кнопке «Сохранить»
antiflasher
Кнопка «Сохранить» — чисто программерское изобретение. Аналогов этой кнопке нет в реальном мире, из-за чего она постоянно приводит к ошибкам.

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

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

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

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

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

Этот принцип используется в настройке Мак-оси:


Или в интерфейсе Гугл-документов:


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

Но будущее, я считаю, за интерфейсами, не требующими подтверждения изменений без необходимости.

Учить английский — 2
antiflasher
Прошёл год с моей прошлой заметки про способы изучения языка, а я пытаюсь выучить язык. Из всех способов, которые я тогда описывал, отвалились все, кроме переписки с носителями:

1. Учебник Мёрфи пылится на полке — мне не хватает сил и терпения просто заучивать правила в отрыве от общения.

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

3. Подкасты ББС проиграли видео, о котором я расскажу ниже.

4. Аудиокнижки отвалились из-за того, что я перестал ездить в офис и теперь их слушать некогда. В свободно время дома я теперь смотрю видео.

5. Сериалы/фильмы/мультфильмы — не могу смотреть из-за того, что просмотр превращается в решето из чередующихся понятных/непонятных фраз.

6. Переписка с носителями оказалась для меня очень полезным и рабочим способом.


Последнее время мои способы изучения языка состоят из (по мере важности вклада):

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

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

3. Чтение блогов (или книжек — в моём случае книжки проигрывают тематичным блогам). Так, например, я читаю дизайнера из Парижа и англоговорящего Бирмана. Профит двойной — и изучение языка как такового, и прокачка профильной дизайнерской терминологии. Но тут есть одна хитрость. Чтобы чтение приносило удовольствие и не наскучило, я читаю все тексты в три приёма:

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

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

— После того, как слова выучены, читаю текст ещё раз и если всё понятно, задание выполнено.

4. Просмотр видео-уроков. Это помогает привыкнуть к иностранной речи, за одно проясняет много мелких грамматических и стилистических вопросов.


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

О граничных условиях
antiflasher
Хорошо, когда система заботится о том, чтобы юзер по случайности или ошибке не совершил какого-нибудь необратимого действия. Плохо, когда никакой необратимости нет, но система об этом не знает и продолжает упорно переспрашивать «Уверены?».

Например Фотошоп спрашивает при удалении папки «Удалить только папку или содержимое тоже?»:



И это приемлемое решение, насколько приемлемым может быть защита алертами. Но если попытаться удалить пустую папку, в которой нет слоёв, то бездушная машина задаёт ровно тот же вопрос:



Кнопка «Груп онли» и «Груп энд контентс» делаю одно и тоже, тогда для чего задавать лишний вопрос?

По тому, насколько хорошо проработаны подобные «граничные условия» можно сделать вывод об уровне инженеров. Если есть две системы, от компании А и Б, работающие одинаково хорошо, но в первой граничные условия не обрабатываются, а во второй обрабатываются, то инженеры лучше во второй, как бы не доказывали обратное ребята из первой.

Пример. Макбук, при низком заряде батареи выдаёт сообщение:



Если, не закрывая сообщения, подключить питание, то сообщение пропадёт само. Проблема устранена и надобности в сообщении больше нет, поэтому оно автоматически закрывается.

А вот телефон Нокия 5800 выдаёт сообщение о том, что нужно разблокировать телефон, чтобы заработали кнопки на корпусе:



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



И, конечно, это сообщение мешает работать с телефоном, пока оно не пропадёт.

Ещё пример из Нокии. Если долго звонить кому-то и дождаться окончания времени ожидания (не знаю, как это правильно называется, в общем, когда вместо гудков начинается ты-ды-дым... ты-ды-дым...), то придётся прослушать всю серию этих ты-ды-дымов. Меня лично они бесят и я пытаюсь их сбросить, нажав на красную кнопку. Но ни тут-то было. Телефон мало того, что не прекращает проигрывание этих звуков, так ещё и выдаёт совершенно невероятное и загадочное сообщение «Запрещено»:



Видимо, телефон играет не за меня: «Ну что, звонил до последнего? Хотел дозвониться? Ну вот слушай теперь ты-ды-дымы, которые выключать запрещено!»

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

Об остановках-переходах
antiflasher
Остановки совмещённые с пешеходным переходом — это ужасно. Это не удобно ни пешеходам, ни водителям. История усугубляется, когда дорожники, в попытке помочь, ставят перед переходом и остановкой светофор.

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


6 (остановку «Застава», правда, переместили от перекрёстка недавно) из 10 остановок на моём ежедневном пути совмещены с пешеходными переходами.

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

Остановка «Клиническая»

Причём, вы посмотрите, какие няши строители, — пешеходный переход идёт точно под навес остановки. Чтобы дождик не намочил:

Остановка «Клиническая»

То есть, нельзя не нарушить ПДД о том, что запрещается останавливаться на зебре.

Ещё страшнее становится, когда тандем остановка-переход находятся прямо рядом с перекрёстком:

Остановка «Застава»

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

Остановка «Проспект труда»

А ведь в 68 метрах к югу и в 140 к северу есть регулируемые светофорами переходы.

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

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

О нефизичности объектов на иконках
antiflasher
Очень часто замечают, что нарисованный на иконке объект никак не может жить и функционировать в реальном мире.

Ручки корзинки не сложатся, а неуклюже упадут на корпус:


Книжка не откроектся:


Или не закроется:


Марки обычно клеят на лицевую сторону конверта:


Ну и эпический пример — сундук с замком, который не запирает крышку (не иконка, но тоже смешно):


Хотя и в иконках полно нереальных запорных устройств:


Я пока не определился, как реагировать на это. Простить авторам нефизичность объектов, списав всё на жанр, или чо?

Какие примеры нефизичности объектов на иконках вам известны?

Самоучитель португальского. Урок 2
antiflasher

Pronouns


I - eu
you - tu
he - ele
she - ela
we - nos
you - vós
they - eles
they - elas (form feminin cases)

In portugueses people and things have male or female aspect. For male things we use an "o" before the word. For female things we use an "a". Let me give you some examples

car - o carro
bus - o autocarro
man - o homem
women - a mulher
girl - a rapariga
boy - o rapaz
TV - a televisão
bottle - a garrafa
trem - o comboio


Verb "to be" (in the present)


I am - eu sou
you are - tu és
he is - ele é
she is - ela é
we hare - nós somos
you are - vós sois
they are - eles são
they are - elas são

Examples with this verb
I am a teacher - Eu sou professor..........................teacher = professor
You are a doctor - tu és doutor ............................doctor = doutor
he is small - ele é pequeno.....................................small = pequeno
she is beauty - ela é bonita ................................... beauty = bonita
we are happy - nós somos alegres ........................ happy = alegres
you are tall - vós sois altos..................................... tall = altos
they are inteligents - eles são inteligentes................. inteligents = inteligentes
they are blond - elas são loiras............................... blond = loiras

When we use the plural we use tu put a "s" in the end of the word:
- alegre.....plural = alegres
- alto .......plural = altos
- inteligente...plural = inteligente
- loira .....plural = loiras


Days of the week


sunday - domingo
monday - segunda-feira
tuesday - terça-feira
wednesday - quarta-feira
thursday - quinta-feira
friday - sexta-feira
saturday - sábado


Numbers


1 - um
2 - dois
3 - tres
4 - quatro
5 - cinco
6 - seis
7 - sete
8 - oito
9 - nove
10 - dez


Seasons


Spring - Primavera
Summer - Verão
Autumn - Outono
Winter - Inverno


Good Morning - Bom dia
Good afternoon - Boa tarde
Good Night - Boa Noite


Bye - Adeus
Hi - Olá

Закон о кемпингах в Норвегии
antiflasher

По-норвежски:



§ 9. Rasting og telting.

Plass til rasting, solbad, overnatting eller liknende må ikke tas i innmark uten eierens eller brukerens samtykke.

I utmark må plass som nevnt i foregående ledd ikke tas til utilbørlig fortrengsel eller ulempe for andre. Rasting eller telting må ikke skje når det kan medføre nevneverdig skade på ungskog, eller skogforyngelsesfelt. Telt må ikke settes opp så nær hus (hytte) at det forstyrrer beboernes fred og hvert fall ikke nærmere enn 150 meter. Reglene om avstand fra bebyggelse gjelder likevel ikke på område som særskilt er innredet for telting.

Telting eller annet opphold er ikke tillatt i mer enn 2 døgn om gangen uten eierens eller brukerens samtykke. Samtykke til lengre opphold trengs likevel ikke på høgfjellet eller på område fjernt fra bebyggelse, medmindre det må regnes med at opphldet kan medføre nevneverdig skade eller ulempe.

For tidsrommet umiddelbart før og under villreinjakten kan viltstyret på nærmere avgrenste høgfjellsområde forby eller regulere teltslåing som ikke skjer med samtykke av rette vedkommende og som kan være til ulempe for villreinjakten.

Telting og ferdsel må skje på eget ansvar for skade som dyr kan påføre personer, telt og andre eiendeler.



По-английски:



Translation of the main events of this law:
Title: slacking (yes it means slacking haha) and tenting
- You can not do this on other people's property
- 'Utmark' is an unclear name for "no mans land", this is what you can use to set up your tent.
- It's illegal to throw garbage out in the forest. They are very strict about this.
- You can chop down small pieces of wood and such if you want to make a small fire, the rule is just that you cannot make substancial damage to the "youngforest". Meaning; don't take down a whole tree, small branches is ok. Of course; don't start a forest fire.
- If there's a cabin nearby (who doesn't own the land, this is very common in the 'utmark') you are not to set up your tent within 150m of this cabin. (This rule does not apply if there's a sign that says it's ok to tent in this area)
- Sometimes there's set up a hunting area. They will then seal off the area. Do not break the barriers. (this is for your own safety. people walking around with rifles to shoot deer and such. They're allowed to do this if they have a license).
- Unless you're up in the mountains, the stay for each tent site can only be for 2x 24 hours. Otherwise you need a permission for longer stay. (This will be very hard to prove for the police.. hehehe. Just play stupid if they give you any trouble)
- The most important rule is that if you choose to stay out in the open; should a wild animal cause any damage to you or your belongings, this is on your own responsibility.

Therefore, I need to tell you of what kind of wild animal that lives in the no mans land of Norway:
- squirrel (I'm sorry, but I will laugh hard if this one scares you)
- ferror / wolverine (endangered, 300 in all of Norway)
- lynx (endangered, 2000 in total, between Norway and Sweden)
- brown bear (very endangered, 120 left in Norway)
- polar bear (only on Svalbard)
- moose/elk (the only real danger, since they cross the road without warning some places. They're big too, 200-600kg. You'll see warning signs where they cross regularly. Only dangerous since you may hit them while driving 80kmph)
- deer (scared little rascal)
- wolves (they're about to grow extinct, I think there's like... 30 of them all in all...)
- fox (so noisy!)
- owls, eagles, bats... no danger at all :)

?

Log in

No account? Create an account