Площадь экрана любого смартфона значительно меньше экрана ноутбука или настольного компьютера. А значит и информации помещается намного меньше. Рассмотрим пример приложения типа "лента новостей" ниже:
Здесь используется стандартный шрифт Helvetica. Видно, что в заголовок новости целиком умещается всего-лишь 2-3 слова, что явно слишком мало, чтобы понять о чем новость. Как можно улучшить ситуацию? Один из вариантов — это уменьшить размер шрифта. Но я в работе использую другой подход: размер шрифта остается тот же самый, но используется другая гарнитура, которая имеет зауженное начертание букв. На рисунке ниже показана та же самая программа, которая использует шрифт PT Sans Narrow Bold: Таким образом, с сохранением размера шрифта, в заголовок новости уже умещается 3-4 слова.
Я предпочитаю использовать шрифты Paratype, потому что они включают кириллические буквы. На рисунке ниже показано что произойдет, если в программу загрузить шрифт, в котором авторы позаботились только о латинице:
Здесь только слово Windows узкое, все же остальные символы взяты из стандартного шрифта Helvetica.
Выигрыш в количестве информации на экране становится заметным тогда, когда загловок выводится в две строки:
Современные смартфоны Эпла имеют экраны с превосходным разрешением. Этим нужно пользоваться, чтобы повышать плотность подачи информации.
Пример включения узкого шрифта в iOS-проект можно глянуть на гитхабе: https://github.com/obrizan/NarrowFontTable
Стаковерфлоу — это сайт, на котором люди из кожи вон лезут, чтобы помочь другим людям найти ответы на вопросы по программированию. Коллеги не дадут соврать, что большую половину вопросов можно решить поиском по этому сайту. Идея создания такого сайта оказалась настолько успешной, что авторами была запущена платформа Stack Exchange c многочисленными сайтами по другим темам. Например, об английском языке и его использовании, для сисадминов, о фотографии, христианстве и многих других, в общем количестве 101 штук. Но Стаковерфлоу остается самым популярным: 5 млн вопросов, 10 млн ответов, 6 млн визитов в сутки.
Существует специальный сайт Area 51 (названный по аналогии с американской военной базой в штате Невада, где происходит испытание секретных технологий). На этом сайте обсуждаются и культивируются новые сайты, которые можно было бы запустить на платформе Stack Exchange. Среди прочих сайтов любителей пива и специалистов по пикапу, обсуждается заявка создания сайта Stack Overflow на русском языке.
Было уже много сказано "за" и "против" создания подобного сайта на русском языке. Мол, программисты должны все поголовно знать английский язык. Или что согласно старой русской традиции, на сайте вместо конкретных ответов будут убеждать топикстартера в том, какой он мудак.
Я же считаю, что заниматься изучением программирования всегда лучше на родном языке. Таким образом понижается порог вхождения в профессию. Известно, что профессия программиста позволяет достойно жить, дает надежду.
Так вот русскоязычный сайт с вопросами и ответами про программирование — это отличное место, где, например, школьники и студенты могли бы задавать вопросы и что самое главное — получать на них ответы от опытных коллег.
Но вернемся к заявке. Чтобы запустили подобный сайт нужно собрать минимум 200 желающих задавать вопросы или на них отвечать, при этом из этих 200 желающих должно найтись 100 пользователей, у которых есть рейтинг 200 или более очков на любом другом сайте на платформе Stack Exchange. Понятно, что речь идет про англоязычный Stack Overflow. На момент написания этих строк под заявкой подписалось 145 пользователей, из которых 41 имеют существенный рейтинг. Т. е. заявка подписана на 41 %. Нужно еще 59 пользователей с рейтингом 200+.
Казалось бы, какое благое дело: поддержать сайт, где твои же сограждане, коллеги, могли бы быстро решать текущие профессиональные вопросы на родном для них языке. Тем не менее, некоторые мои знакомые отказались (хоть и аргументированно) подписаться под этой заявкой.
Кроме этого есть еще другой вопрос: будет ли запущен сайт, если завяка все-таки наберет все необходимые показатели по пользователям? Давайте посмотрим на опыт других стран. На картинке ниже показаны заявки турков, китайцев, потругальцев и бразильцев, испанцев (эта заявка еще не набрала всех показателей, но уже скоро).
Если мы зайдем в эти заявки, то увидим следующее сообщение:
Но это не является причиной не пойти и не подписаться под заявкой на русскоязычный Стаковерфлоу.
Для дизайнеров, которые подписываются под таким интерфейсом, все не англоязычные пользователи — это пигмеи. Они думают, что нам можно подсунуть суррогат, подделку и мы ей обрадуемся и удовлетворимся.
В этом и скрывается весь великий смысл "Я взял фотографию" в Instagram'е.
Недавно обратил внимание на один график в программном обеспечении Google Analytics.
Здесь мы видим сравнение двух показателей: синей линией показано количество посещений (Visits), а голубой — количество уникальных пользователей (Unique Visitors). Еще раз посмотрите на график и дайте ответ на вопрос, чего больше: посещений или уникальных пользователей? Может показаться, что правильный ответ — "уникальных пользователей", но этот ответ неверный. Во-первых, он нелогичен, потому что пользователей всегда меньше, чем посещений. Во-вторых, если мы наведем мышкой на линии графика, то нам покажут подсказку:
Оказывается, эти два графика показаны в разных масштабах. Один для посещений, другой для пользователей. И на самом деле посещений больше, чем уникальных пользователей.
Мы с детства привыкли, что в системе Декартовых координат чем выше находится точка, тем больше она в абсолютном значении. Но, видимо, в США в школах детей учат как-то по другому. Дети вырастают, становятся программистами и делают вот такие вот графики.
Самый главный гайдлайн при написании кода — это отбивать реализации методов несколькими пустыми строчками и строкой-комментарием. Несмотря на возможности современных IDE по поиску и структуризации исходного кода, визуальное ориентирование все еще играет важную роль.
Рассмотрим пример ниже. Есть реализация класса на языке Objective-C. Методы отбиты всего-лишь одной строкой. Также отбивка одной строкой встречается не только между методами, но и между логическими блоками кода внутри методов. Длинна названия метода не может служить хорошим ориентиром начала нового метода. Например, название метод stopProgressAnimating короче любой строки предыдущего метода loadCommentsFailure. Глазу не за что зацепиться.
Тот же самый код, но методы отбиты пустыми строками и комментарием. Теперь место между концом одного метода и началом следующего образует однородный узор, который постоянно повторяется. Такой узор легко обнаружить даже при быстром скролировании.
А я совсем забыл!
Занятно у них календарь на декабрь 2012 года показывает.
Неужели и вправду конец?
Периодически разные корпорации публикуют короткометражки о будущем: «Как оно там будет с информационными технологиями после выборов Президента в РФ в 2012»? Очередной фильм публикует корпорация Микрософт.
Productivity Future Vision (2011) Спустя несколько недель после просмотра, я наткнулся на размышления некоего Брета Виктора по сути этого фильма. Брет говорит о том, что это видение — лишь робкая попытка сделать шажок от того, что мы имеем уже сейчас. Далее популярно растолковано, почему он так считает и куда должны развиваться интерфейсы.
Но сегодня не об интерфейсах. Брет Виктор — работал в корпорации Эпл с 2007 по 2010 год на должности изобретателя интерфейсов человек-машина. Меня заинтересовало, как он сам пишет о своей работе. Он исследовал экспериментальные аппаратные платформы, технологии ввода информации, разрабатывал новые концепты, проектировал, прототипировал, показывал разработки на внутренних совещаниях.
Заканчивает Брет так:
Я сделал много-много вещей. Эти вещи, которые меня очень волновали, большей частью не снискали популярности.
Я хотел бы показать вам все эти штуки, может быть они вдохновят вас. В прямоугольнике ниже я поместил все свои изобретения, которые я имею право показывать публично:
F. A. Q.
— Но ведь этот прямоугольник пуст! Это пустой прямоугольник!
— Совершенно верно.
— Ну ладно. А то я подумал, что ты допустил ошибку.
— Совершенно верно.
Читатель Максим попросил написать заметки об удобстве пользовательского интерфейса в Эклипсе.
Дорогой Максим!
Я еще не успел воспользоваться всеми преимуществами интегрированной среды разработки «Затмение» версии 3.7.1, артикул M20110909-1335, потому что вот уже как два часа подряд не могу поставить в нее Google AppEngine Toolkit. Тем не менее, уже при установке расширений я начал замечать интересные особенности пользовательского интерфейса.
На рисунке ниже показано окно прогресса установки расширения в IDE Eclipse 3.7. Мы видим линейку прогресса, видим описание текущей операции. Нам доступны следующие команды: выполнить установку в фоне, отменить установку, показать подробную информацию.
Классика жанра: любой процесс установки сразу прыгает до 50% в момент запуска, висит в этом состоянии бесконечно долго, а затем мгновенно прыгает до 100%. Таким образом, линейка прогресса в этом случае полностью теряет весь тот смысл, который в ней был заложен.
В надежде найти индикатор, указывающий на оставшееся время до завершения, пользователь может нажать кнопку «Подробнее». Но там его будет ждать разочарование.
Здесь мы видим тот же самый индикатор прогресса и описание выполняемой команды. Еще можно отметить фразу «Installing Software», которая в столь маленьком окне упоминается аж четыре раза. Кнопка «Подробнее» также не выполняет ту функцию, которая следует из ее названия. Никакой новой информации для пользователя здесь нет. Сложно себе представить программиста, настолько отрешенного от объекта своего труда, способного запрограммировать такую ахинею. Но как показано выше, в команде разработчиков Эклипса такой есть как минимум один.
На мой взгляд, причина подобной дегенерации заключается в следующем: в нашем мире все еще слишком мало качественного программного обеспечения. С глубокого детства мы пользуемся плохим программным обеспечением. И много ошибочных шаблонов уже зашиты у нас глубоко в сознании. В примере таким ошибочным шаблоном является наличие кнопки «Подробнее». Но если нечего больше показать, может эта кнопка и не нужна? Даже если показать больше нечего, программист все равно делает эту кнопку, не отдавая себе отчет, потому что он привык к этой кнопке с детства. Или задумайтесь, например, что значат символы << и >> на этой кнопке? Мы этого никогда не узнаем, потому что тот человек, который первый начал их применять, уже давно не с нами.
Можно привести еще несколько примеров. В любой даже самой простой программе должны быть настройки (Options, Settings). А должны ли они быть? В любой программе должно быть меню с обязательными разделами File, Edit, Window, Help. А нужно ли это меню? В каждой программе должен быть тулбар. А должен ли он быть? И так далее.
To clarify add detail. Edward Tufte
Год назад обсуждали дизайн таблицы почтового клиента Микрософт Аутлук. Сегодня поговорим о таблицах в Тандерберде.
При эксплуатации почтового клиента Мозила Тандерберд, у меня часто возникает такой сценарий. Я открываю папку «Исходящие», и визуально просматриваю список отправленных писем, начиная с последних и дальше вниз (в прошлое). Например, помню что письмо отправил несколько дней назад, но в какой именно день — не помню. Нужно посмотреть какие вообще были дни, чтобы вспомнить.
На рисунке слева показано, как оно есть сейчас. Быстрый поиск дат дается с трудом. Постоянно повторяющийся фрагмент «10.2011» сбивает с толку. Из-за него кажется, что все даты одинаковые. Чтобы найти следующий день необходимо последовательно считать каждую строчку. Например, попробуйте подсчитать сколько разных дней показано в таблице слева.
Такое представление явно избыточно. На рисунке справа предлагается улучшенный вариант. Здесь дата указывается только один раз для одного дня. Теперь поиск по дням происходит намного быстрее. Чтобы перейти к следующему дню достаточно лишь перенести взгляд к следующей дате. Попробуйте посчитать количество разных дней еще раз. Чувствуете разницу?
А то, что часы и минуты не выставлены по весам разрядов — это вообще детский сад, который объясняется ленью программистов. Обычно структура типа DateTime сериализуется в формат dd.MM.yyyy HH:mm в виде одной строки, и никто уже не хочет заморачиваться, что в часах может быть как две цифры, так и одна. Тем не менее, это не является оправданием.
Процесс разработки программного обеспечения должен быть так поставлен, чтобы пользователю в итоге было удобно работать с программой, а не так, чтобы программисту нужно было меньше писать кода.
Американские корпорации как всегда геополиткорректны:
В русской локализации твитера по отношению к Украине будет использоваться предлог «на».
А начиналось всё вот так: «Пригород Белгорода».
Дизайнеры Гугла потихоньку сходят с ума. Сегодня заметил, что в поисковой выдаче они поменяли цвет посещенной ссылки. Привет дальтоникам!
А ещё они перестали подчеркивать ссылки. Попробуйте угадать, что на этой странице кликабельно, а что нет.
Ну и напоследок можно полюбоваться модными узкими скролл-барами.
Кнопка «Addthis» спешит отрекомендовать мне саму себя.
Удивительно. Не могу себе представить человека, который захочет зафоловить кнопку. Неужели программисты не догадались показывать трендовые страницы, на которых этой кнопкой нажимают больше всего?
Захожу я значит в Windows Task Manager и вижу.
Поясню, почему так много. 10 мегабайт — это фукнции чатика. А остальные 90 — это комплект анимированных смайликов.
Выбирая между Apple iPad 2 64 GB WiFi+GSM и ещё каким-нибудь более крутым гаджетом, недолго думая выбрал гаджет покруче: отладочный стенд «Диджилент-Базис» второго поколения.
На отладочном стенде установлена ПЛИС «Зайлинкс» 3S100E со степенью интеграции 100 000 логических вентилей, что делает её пригодной для реализации МИС, СИС, БИС и СБИС.
Также отладочный стенд имеет видеовыход в формате Ве-Же-А, 4 семисегментных индикатора, 8 переключателей, 4 кнопки, 4 разъема для внешних подключений, порт Пе-Эс 2, порт Ю-Эс-Би.
Отладочный стенд пригоден для доделывания диссертации, а также для подготовки лекций, лабораторных и курсовых работ по дисциплине «Компьютерные технологии в автоматизированном проектировании».
Захожу с утра на http://cist.kture.kharkov.ua посмотреть расписание, а тут сообщают: «ORA-20001: Ваш ip-адрес был заблокирован». 
К чему бы это? Чтобы посмотреть расписание занятий в ХНУРЭ, нужно поехать в институт? P. S. Где-то в обед разблокировали.
Ребята, не спрашивайте меня, я реально ничем помочь вам больше не могу. 
Читая сайты наткнулся на такое:
Источник: http://www.advection.net/support/faq
Вопрос: Почему вы используете русских программистов? Разве они не просто кучка хакеров?
Ответ: Из-за различий в русской системе образования, русские разработчики очень дисциплинированные и очень талантливые. Возможно вы заметили, что каждый раз, когда софтверная компания выпускает новый механизм «защиты контента» или «защиты авторских прав», например, как Adobe e-Book, то за короткий промежуток времени русские программисты взламывают защиту. В области сетевой безопасности и защиты контента эти парни ну очень хороши. Вместо того, чтобы разрабатывать здесь что-то, что будет взломано русскими через три дня, мы решили сразу работать с русскими программистами, чтобы убедиться, что наши программы надежны и защищены. Более того, оба основателя Ораган имеют русские корни.
Благослови, Господь, мой компьютер на успешную установку первого сервис-пака для Наглядной Студии, избавь инсталлятор от лукавого и упокой души временных файлов. Аминь!
Инсталлятор сервис-пака сделан грамотно. По мере закачки компонентов они начинают ставиться. Тем самым экономя время пользователя. С офлайн инсталлятором такого не сделаешь — ведь нужно сначала всё скачать, а потом ставить.
Мелочь, а приятно.
Кстати, у Микрософта давно есть технология под названием Click-Once. Это веб-инсталлер, который позволяет обновлять приложение по компонентам. Ну например у вас прога 100 метров, а вы заменили только пару пару файлов. Качать ради двух файлов весь инсталлятор реально лень. А вот Click-Once на каждом старте приложения следит за новыми файлами на сервере и предлагает их скачать и заменить. Очень экономит время не только пользователя, но и разработчика: Click-Once включается одним чекбоксом в настройках солюшэна. Больше ничего делать не нужно.
Но как оказалось все чудеса на этом не заканчиваются. Если копнуть в эту технологию глубже, то порядком и временем установки компонентов можно управлять из самой программы. Поясню на примере. Вы разрабатываете аналог Визуал Студии. Ваша студия также погорло нафарширована фичами и приблудами. Инсталлятор распух до нескольких сотен метров. Но, как известно, 20 % фич используются 80 % времени. С помощью Click-Once можно установить первыми редактор кода и компилятор, а остальные 80 % фич качать и ставить в фоновом режиме. Т. е. программа ещё не полностью установлена, ещё не все фичи включены, но пользователь уже может начинать работать. Мегакруто.
А вы встречали такие программы? Используете ли веб-инсталлеры в своих разработках? Или до сих пор все файлы в мудацких self-экстракторах выкладываете?
P. S. Разработчикам в клаудах просьба не беспокоить. 
|
|
Сообщения
