Заметки дизайнера

Вот эти вот журналы — выпуск четвертый

Очередной выпуск рубрики на волнах вашего интернета. Он вышел скомканным и размазанным, потому что под Новый год журналы стали выходить нерегулярно. «Зе мег» выдал номер за два, спутал осень с зимой. «Май дей» новогодний я до сих пор в глаза не видел (кроме обложки), зато у них вышел предновогодний. Журнал «Сандей» не обнаружен в кафе, подозреваю, что он всё.

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

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

«Майдей» вышел с самым скучным в году номером — о классике. Все эти балеты, черно-белые фотографии, фортепианы, унылые фотосеты, как бы высокая материя, духовное обогощение и типа мы из театров не вылазим. Скуууууучно.

Где-то существует еще фиолетовый новогодний номер, но кроме как в рекламе, я его нигде не обнаружил.

Для тех, кто понимает

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

Хотя осень для меня прошла без журнала «Сандей», зато подвалил первый выпуск купонного журнала службы доставки «Май такси экспресс». Маркетологи у них прям молодцы! Во-первых, гениально было размещать вывески о доставке на стойках ресторанов-партнеров. Во-вторых, они сделали сравнительно дешевое издание, которое широко расскажет об их сервисе (над сайтом хочется еще поработать).

Надеюсь, не последний

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

Второй номер «Архикультуры» продолжает радовать глаз. В целом журнал хотя и стильный, но немного пресный, потому что все статьи верстаются по одному лекалу. Хочется немного отличий между рубриками, например. В любом случае, этот номер я все еще не выкинул и даже читаю. Например, историю о том, как оформляли кофейню «Би-н-би» на «Новомосковской». Древние кирпичи, поездки в Китай, все как полагается. Мне очень по душе их интерьер, так что почитайте и вы.

Сам номер доступен на сайте в формате ПДФ (как и первый). Также рекомендую глянуть медиакит, он тоже хорошо сверстан и его приятно разглядывать.

16 января   обзор   переодика

Национальная стратегия на 2018-й год: нанять дизайнера в штат

Сейчас увидел сайт «Центра Стратегия развития».

Слёзы.

Мои слёзы и моя печаль. Помните сколько всего нам обещали? То великое будущее, которое мы ждем уже лет 20 не сегодня, так завтра наступит. Сколько под это выделено ресурсов? Сами понимаете. Почему у главного сайта нашего славного будущего такой плохой дизайн? Потому что разруха у нас (у них) в головах. Я не говорю о том, что сайт некрасивый. Я говорю о том, что им невозможно пользоваться.

Интернета кусок



И этот логотип ещё...

Когда дизайнер (дизайнер ли?) сдавал этот сайт (как и основной strategy.uz)
он задал себе вопрос: как люди будут пользоваться сайтом? Что они будут на нем делать? Как получат информацию? Не думаю.

Таблицу невозможно читать: она огромная, бездушная, словно ее скопировали из Ворда:
— Шеф! Все пропало! Завтра нужен сайт Стратегии на 2018-й год!
— Не дрейфь, Лёлик! Вставь таблицу из Ворда и запускай. Нет времени объяснять!

Категорий нет, поиска нет, ссылок нет, календаря нет, результатов к сроку нет (возможно сделают в будущем). Слева сделали как бы «якорные» ссылки, НО ЗАЧЕМ ВСЕ НАБИРАТЬ БОЛЬШИМИ БУКВАМИ? ВЫ ПРОБОВАЛИ ЧИТАТЬ ТАКИЕ ТЕКСТЫ? ЛЕГКО ВАМ ОРИЕНТИРОВАТЬСЯ В ЗАГОЛОВКАХ С БОЛЬШИМИ БУКВАМИ? ВЫ ДУМАЕТЕ, ЧТО ЕСЛИ БУКВЫ НЕ БОЛЬШИЕ, ТО ОНИ НЕ ДОСТАТОЧНО ВАЖНЫЕ? ЧТО ГОСПРОГРАММЫ ВСЕГДА НУЖНО ВЕРСТАТЬ ПРОПИСНЫМИ? СМОТРИТЕ, ЧТО Я СЕЙЧАС СДЕЛАЮ! ВЫ ГОТОВЫ? ЗА СТУЛ ДЕРЖИТЕСЬ? ВСЕ? МОЖНО? ВДОХНИТЕ ПОГЛУБЖЕ, СЕЙЧАС ТАКОЕ БУДЕТ! НУ, ВСЕ, УВЕДИТЕ ДЕТЕЙ, БЕРЕМЕННЫМ ЗДЕСЬ ОПАСНО. ВСЕ, Я ПРЕДУПРЕДИЛ! ЧИТАЙТЕ:
«Год поддержки активного предпринимательства, инновационных идей и технологий».
ААААААА!!!!! МАЛЕНЬКИЕ БУКВЫ! ЗВОНИТЕ В СКОРУЮ! ЖЕНЩИНЕ ПЛОХО! МУЖЧИНА, ВЫ ЕЩЕ ДЫШИТЕ? ЭТО ОРУЖИЕ СУДНОГО ДНЯ! СМОТРИТЕ, ВТОРОЙ ЗАХОД: Международная конференция «Внедрение инновационных методов участия граждан в принятии решений и улучшения качества государственных услуг». ГОСПОДИ, ПОЩАДИ!

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

Игра в покер

Уверен, все было не так, потому что это был бы сюр. Я сказал: «был?»

Как работать с изображениями новостным сайтам

У меня есть презентация, адресованная редакторам, фотографам и дизайнерам онлайн-СМИ (больная тема, как понимаете). Из этой презентации я нарезал статью, в которой изложил все мысли письменно. Надеюсь, она будет полезна.

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

Основные проблемы

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

Если вы молодец, то правила вам не нужны.

Признанные мастера имеют такие выдающиеся работы, что для них правила уже неактуальны. Они создают новые или просто на авторитете убеждают других, что это круто. В случае с моими советами, я ориентировался на базовые вещи. Существует мнение, что Золотое сечение — это развод и можно прекрасно без него обходиться. Возможно, в этом есть правда, но я думаю, когда ты не умеешь делать хорошо, оно может тебе помочь, хотя и не является единственно верным решением.

Кадрирование

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

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

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

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

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

Слева пример того, как неудачно можно кадрировать фотографию (справа)

Правило третей
Самое простое правило композиции — это правило третей, когда вы условно делите кадр на 9 частей (3х3) и важные объекты располагаете на пересечении «линий».

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

Пейзажные фотографии можно кадрировать по принципу одной трети: небо, море и берег занимают под одной трети в кадре; горизонт всегда проходит где-то в этой полосе. Конечно, не нужно по пикселям подгонять и ходить с линейкой для этого — все делается на глаз. Если в кадре только море и небо, т. е. два, а не три ключевых объекта, то обрезать следует не попалам, а в соотношении 1/3+2/3 или 2/3+1/3 в зависимости от того, на чем вы хотите сделать акцент.

Если кадр получается лучше (но в этом нужно быть уверенным) без этих правил, то смело игнорируйте их. Другое дело, что чаще всего нет никакого подхода, кроме как снял как получилось.

Стандарты и горизонты

В случае, если вы размещаете несколько фотографий в статье, старайтесь привести их к общему знаменателю. Проще всего сделать их общей ширины, но в идеале они все должны быть одного размера. В пейзажных фотографиях можно кадрировать изображения по третям: 1/3 на воду и 2/3 на небо или наоборот в зависимости от вашей задачи. Иногда можно кадрировать так, чтобы горизонт проходил в центре кадра, но тогда это нужно оправдать какой-то интересной находкой.

Визуальный ритм

Слева старая версия сайта Май-дей. Справа конь в вакууме.

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

Примеры кадрирования

Для наглядности я использовал фотографии моделей в сложных позах. Рамками обозначены возможные варианты для кадрирования фотографий, кроме как оставить как есть. Нужно играть с общим и крупным планом на фото, чтобы читатель не утомлял себя видом одних только «звездных» голов.

Качество
К качественным изображениям я отношу те, что сделаны профессионалами, а также имеют небанальный вид. Часто в СМИ статью добавляют, чтобы успеть опубликовать и картинки берут первые попавшиеся. Мне очень нравится как работала с тизерами Футура (сейчас они стали еще одним СМИ об ИТ). У них на сайте унылая верстка ленты статей, но многие картинки сделаны с юмором и видно, что уделили им время.

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

Как фотографировать с ИСО
Типичная проблема многих блогеров — снимать в помещение на камеру со встроенной вспышкой. Такую вспышку можно использовать только, если можете рассеять от нее свет или снимаете людей с жесткими тенями.

В идеале нужно купить внешнюю вспышку и работать с ней, потому что разница у вас будет существенной. Но если у вас нет лишних 100-300$ на вспышку, то используйте повышенные показали ИСО. Эти настройки могут добавить немного шума, но вместо этого вы получите фото с хорошей освещенностью, без темноты на фоне и резких теней. Для большинства современных фотоаппаратов можно без проблем выкрутить ИСО на 1600.

Пример использования изображений
Я взял настоящие фотографии из наших онлайн-СМИ и отметил их знаками, чтобы показать какие хорошие, а какие-то не вах. Попробуйте понять почему.

Хорошие варианты
Для наглядности я нашел хорошие иллюстрации с самого Май-дея. Материал был подготовлен два года назад и если вы сегодня зайдете на сайт, то сможете оценить прогресс — улучшения налицо! Уже сложно найти плохие иллюстрации в анонсах статей.

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

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

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

Рамка — объект помещается в условную рамку (на примере окно). Это могут быть ветки, тень, столбы, какие-то объекты, элементы природы или интерьера. Рамка акцентирует внимание на герое.

Насыщенность — поддерживает атмосферу и усиливает впечатление от нее. Аналогично работает сдержанность, чтобы показать, что место или объект в кадре не кричит о себе, а прекрасен так как есть.

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

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

Акцент — можно выделить героя среди других, если речь идет о нем или он хорошо поддерживает текст. В репортажной съемке часто бывают момент вроде митингов или концертов, где хорошо акцентировать внимание на самом интересном.

Ракурс — старайтесь помнить о том, что 99% людей на Земле делает фотографии с уровня глаз. Так снимать проще всего. Стоит же вам поменять ракурс (взять значительно ниже или выше, подойти к герою сзади и проч.) как ваши кадры станут гораздо интереснее. Представьте, что у всех СМИ фотографии будут одинаковыми отчетными и только у вас будет маленькое приключение на пресс-конференции, в которое вы отправитесь со своим фотоаппаратом в поисках необычного кадра. Главное — не увлекаться, потому что новостной сайт должен показывать кадры, из которых понятно, что, где и как произошло.

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

Как обычно проходит поиск картинок для публикации? Если есть ваш фотограф что-то снял, используется это. Но если никаких фоток нет, то первым делом гуглят изображения. Как правило, вы получаете типичные изображения, которые буквально отражают ваш запрос. Это самый скучный прием, которые не возбудит синапсы в голове ваших читателей. Идите следует глубже, как в фильме с Леонардо Ди Каприо. Аналогичный прием используется при создании логотипов.

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

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

Я хочу пояснить, что я вижу на примерах ниже, как я понимаю, почему были выбраны такие иллюстрации.
• Черная дыра — ее никто глазами не видел и первая мысль показать круг, который засасывает соседние звезды и планеты. Но, если подумать еще, то можно показать условное изображение, выполненное как минималистичная иллюстрация, которая хорошо впишется в общий чистый дизайн, который не пестрит ненужными деталями.
• Талисман художественных вузов еще неизвестен. Как иллюстрировать такую новость? Сделали мазок краской, причем на белом фоне — это уже иллюстрация, а не просто фотография мазка на холсте.
• Айпад изобразили под углом и кадрировали, хотя логичнее было бы показать его фронтально и даже полностью, но сколько раз вы его уже видели? Здесь хотя бы какое-то разнообразие.
• Расстроенный логотип Гугла обыгрывает их традицию рисовать логотип к какому-то событию.

Я не буду останавливаться подробно, думаю и так вам уже понятно.

Композиция

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

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

Воздушная перспектива используется на съемках ландшафтов и визуально делит кадр на три плана, создавая ощущение объема.

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

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

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

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

Геометрические формы в кадре могут реальные объекты представить абстрактными. Для репортажной съемки это не подходит, но автор может закладывать какой-то более глубокий смысл в фотографии для статьи. Здесь следует читать контекст.

Объекты, от которых ожидается движение, следует располагать так, чтобы им было куда ехать (бежать, лететь, падать и так далее). Иначе динамика будет упираться в препятствие в виде конца кадра, который даже не позволит объекту набрать скорость. Ваш динамичный объект станет статичным.

Контент

Контент буквально переводится как «содержимое», но в русском языке я не знаю нормального слова, который будет объединять форматы, из которых состоит материал, поэтому буду использовать слово «контент».

Изучите эти примеры с хорошими фотографиями. Понятно, что к каждой новости невозможно выдавать такой хороший контент, но стремиться к этому никто не запрещает.

Подумайте о том, почему эти кадры интересные? Почему их можно разглядывать? Что в них привлекает внимание?

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

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

Инфографика

Многие наши редакторы имеют ложное представление об инфографике. Они полагают, что любые данные, оформленные с помощью иллюстраций — это инфографика. Но инфографика — это не оформление.

Инфографика — способ подачи информации, который позволяет наглядно разобраться в большом объеме данных, сравнить их, выявить тенденции, особенности, связи и так далее.

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

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

Хороший пример: карта ветров в США. С помощью анимации наглядно показана сила ветра. Вы легко можете сравнить слабые и сильные ветра, увеличить карту до своего города, зайти на следующий день и увидеть изменения или обратиться в архив.

Конец

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

3 января   переодика   сайты   узнет

Рецензия на книгу «Обои-убийцы, ядовитая вода и стул-обольститель»

Название очень неудобное, но для маркетинга работает, наверное. В Гугле легко найти, если не забудете название. К сожалению, книга написана исследователем (ссылки на источник занимают примерно 10% от книги), а не практикующим врачем. В книге все темы касаются здоровья и как-то странно слушать, что говорит человек, который не закончил мед.

Фото (с) Медуза

Но, это ладно! Главное, что после прочтения вы либо займете место супротив и будете считать, что большая часть рекомендаций «проплачена». Либо, задумаетесь о том, как вы живете. И, возможно, книга поможет сделать ваш дом безопаснее, если вы все-таки последуете советам. Начните с того, что должно быть в домашней аптечке: примерно over9000 лекарств.

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

Часто в книге говорится (и многие читатели на это жалуются), что информация не точна, потому что нормальных исследований не проводилось. Как бы опасность есть, но не факт. И вот что нам с этими знаниями делать? Сомневаться? Загнать существование в стерильный угол? Рискнуть здоровьем близких? Верно говорят: блажен, кто не ведует.

Купить бумажную, электронную или тупо скачать бесплатно.

3 января   книги   обзор

Что дальше, Карл?

Бесит меня, когда выпадает ошибка в интерфейсе и оставляет себя со мной наедине.

Вот так, например:

Что дальше, делать? Ну, ок, медиафайл (на самом деле видео, а медиафайл — это для программистов) не удается воспроизвести. Мне так и сидеть? Будут советы или помощь? Страницу обновить? Браузер переустановить? Плагин поставить? Что такое плагин? А где его взять? Написать в поддержку? А вы ответите? А кнопки есть, куда нажать? А почему нет?

Столько вопросов! Не оставляйте пользователей (людей) наедине с непонятной ошибкой. Скажите, что можно сделать дальше, чтобы исправить проблему или найти другое решение.

15 декабря   ux

Я удалил страницу Заметок в Фейсбуке

С каждым днем Фейсбук придумывает все больше способов держать вас в своей сети и вытаскивать деньги за продвижение постов.

Мне до чертиков надоело клянчить лайки и оплачивать продвижение публикаций, чтобы хоть кто-то их увидел. Кроме того, многие пользователи проходят мимо, даже если успели прочитать заголовок. Да, время такое, многих не интересуют темы, которые затрагиваются на сайте. Поэтому я решил рубить концы и теперь не буду больше переживать об охватах и лайках. Ссылки на новые заметки автоматически публикуются в нашем чате. В Фейсбук настроить это я не смог (ограничения блога или моих умений).

Интересно, что ФБ сказал, что удалит страницу через две недели. Время шло, а страница все висела. Мне надоело это и я залез в Настройки снова. Оказывается, через две недели можно окончательно удалить, но сделать это надо самому. И никаких оповещений или писем. Только хардкор.

Вообще, с соцсетями есть такая заметная проблема: пользователи не читают контент вне сети. Они не хотят переходить на сторонние ресурсы, потому что боятся потеряться в интерфейсе, вернуться не на тот кусок ленты, где были, забыть как туда попали вообще и так далее. Т. е. для соцсетей спасает только публикации прямо в них или что-то вроде Instant articles, которые еще не всем доступны и которые уводят читателей с сайта (хуже, чем РСС). Мне было бы нестрашно, если читатели использовали РСС, но в соцсетях контент пропадает в прошлом. Нельзя зайти на страницу в ФБ и комфортно прочитать статьи.

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

11 декабря   история   соцсети

Рейтинг лучших банковских сайтов Узбекистана

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

Оценивались банки по 13 пунктам, что, конечно мало, но уже дает представление о ситуации в этой сфере. В нормальном дорогостоящем анализе применять пришлось бы 300-400 пунктов и по каждому проверять банковские сайты, но на это нет ни времени, ни денег.

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

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

Так как несколько банков получили одинаковые баллы, то пришлось применить волшебную пыльцу и добавлять сайту по 0.1 очку за то, что он получил + в такой категории, где конкуренты его не получили.

Как оценивалось

Адаптивность

Моя любимая тема — наличие адаптивного дизайна. Детская категория, с которой не справился Капиталбанк.

Капиталбанк

Многоязычность

Проверял английскую версию сайта, но на удивление проблем с этим почти не было. Все такие англичане. Наверное, сидят и ждут, когда их купят иностранные капиталисты.

Наличие интернет-банка

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

Доступность

Под этим я понимаю версию для слабовидящих. С ней были проблемы. Пара банков использовала один и тот же скрипт, который просто ужасен. Другие банки решили, что если перевести все цвета в оттенки серого, станет легче читать. Версия для слабовидящих — это прежде всего размеры и контраст. Никто не запрещает оставлять фотографии или навигацию цветными, главное — информация должна быть контрастной (заметной). Еще одна типичная ошибка: делать ссылку на такую версию сайта на столько незаметной, что даже человек с хорошим зрением не сразу ее найдет. Например, Азия-альянс банк убрал ее за иконку глаза. Что я должен там увидеть? Посещаемость?

Онлайн-услуги

Двадцать первый век на дворе: биг дата, машин ленинг, тесла, спейс-икс, дроны, виар... А что у нас в узнете? У нас только один Капитал-банк предлагает оставить заявку на кредит через сайт. Да и то, сделал для этого какой-то отдельный подсайт с обязательной регистрацией. Сайты наших банков — это вымученные мутанты, нежеланные дети, жертвы банковской системы страны, никчемные несчастные формальные страницы на хостинге. Они сейчас ни чем не лучше газеты, которая точно также может рассказать мне о банковских услугах и предложить приехать в филиал или позвонить в службу поддержки.

Вклады на странице

Я как-то искал тарифы на сайте Капитал-банка и был сильно удивлен, когда они предложили скачать мне файл ПДФ, потому что они не могут добавить информацию сразу на сайт. Оказалось, что о клиентах не думает только этот банк, остальные справились неплохо. Я не оценивал качество верстки таблиц с тарифами — это долго, но они есть.

Азия-альянс банк

Отсутствие канцеляризмов

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

Азия-альянс банк:

«ASIA ALLIANCE BANK» является молодым и динамично развивающимся банком в Республике Узбекистан. Банк осуществляет свою деятельность на основании Лицензии на осуществление банковских операций выданной Центральным Банком Республики Узбекистан №79 от 15 августа 2009 года.

Модульбанк:

Модульбанк — единственный банк в России, который работает только с малым бизнесом. Благодаря этому мы первыми на рынке запускаем полезные продукты для предпринимателей: бесплатную бухгалтерию, открытие расчетного счета с телефона, зарплату сотрудникам на любые карты. Присоединяйтесь!

Даже государственный монстр, российский Сбербанк представлен в интернете как надо:

В сегодняшнем Сбербанке почти ничего не напоминает о сберегательных кассах, функции которых он выполнял на протяжении значительного периода своей истории. Но удивительно другое: Сбербанк уже мало похож даже на самого себя всего лишь десятилетней давности!

Калькулятор вкладов

Такого функционала нет почти ни у кого среди наших банков. Для кого изобрели разработку веб-сайтов, я не знаю, если банки ею не пользуются.

Приложение

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

Хай-тек банк

Список филиалов

Пока наши банки не умеют оказывать услуги через интернет, важно наличие у них большого количества филиалов, минибанков и подобных отделений. Большинство участников справились с задачей хорошо. Но не достаточно хорошо. Об этом читайте ниже.

Интернет-банк в стиле сайта

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

Филиалы на карте

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

Правление банка с фото

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

Халк-банк

Таблица участников

KPL OFB AAB UNI IPK XLQ HTB HMK
1. Адаптивность + + + + + + +
2. Многоязычность + + + + + +
3. Наличие интернет-банка + + + + + + +
4. Доступность
5. Онлайн-услуги +
6. Вклады на странице + + + + + + +
7. Отсутствие канцеляризмов +
8. Калькулятор вкладов + +
9. Приложение + + +
10. Список филиалов + + + + + +
11. Интернет-банк в стиле сайта + +
12. Филиалы на карте + +
13. Правление банка с фото +
Баллы 5 6 8 5 6 7 2 6
Пыльца +0.1 +0.1 0 0 0 0 0 +0.2
ИТОГО: 5.1 6.1 8 5 6 7 2 6.2

Лучшие банковские сайты Узбекистана

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

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

Как улучшить меню приложения «Лё базар» в 4 раза

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

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

Чем черт не шутит! Может разработчики посмотрят на мое предложение и улучшат меню.

Лучше сначала показывать то, что важно и с чем пользователь работает чаще и уже потом все остальное. Иконки у меня неидеальные, но суть понять можно. Важное выделяем, второстепенное затемняем (в данном примере осветляем). Для продуктов я даже стрелку сделал.

Также переименовал некоторые пункты, потому что «Изменить сеть» — это не по-человечески и не несет пользы. Лучше указывать сразу текущий магазин, чтобы я заметил его, когда полезу в Продукты. Так же нет смысла начинать два пункта (тем более, если они рядом) с одного и того же слова. Одинаковые слова следует опускать, поэтому «Мои адреса» превратились в «Адресную книгу» — не так хорошо, как «Мои адреса», но в купе с «Моими заказами» лучше. А «Мои заказы» лучше, чем просто «Заказы» или «История заказов», потому что понятнее и в целом пункт важнее, чем адреса. В жизни не писал столько кавычек в одном предложении.

Жду апдейта.

1 декабря   ux   приложения

Почему я пишу в блог, а вы — нет

Слава богу, у нас есть интернет. Если вы такой же как я, то у вас куча разных мыслей в голове (не всегда умных). Чтобы это вас не замучило, надо от этого избавляться. Проще всего вести дневник и писать туда все, что душе угодно. Когда вы выскажетесь, то вам полегчает и вы снова сможете работать головой. Даже, если вы напишите в черновик и не успеете опубликовать, можно будет заметить, что ваша идея — полная ахинея. Вы удаляете черновик и глубоко выдыхаете. Живем дальше.

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

Шаришь? Расшарь!

На этом история не заканчивается. Вот вам хорошая цитата:

В этическом кодексе британских врачей прописано: просвещение — часть профессиональной ответственности. Но в России этой практики нет в культуре, и мы не очень умеем просвещать. 

Более того, в среде грамотных врачей принят некоторый снобизм: «Ну зачем ты даешь интервью? Тебе что, больше нечем заняться?» Вроде как это все болтовня вместо работы. У нас просвещение — неблагодарная работа. Все начинают цепляться к словам: «Ты здесь сделала ошибку... Тебе просто славы захотелось». Нет никаких профессиональных институтов, которые отслеживали бы, что люди обсуждают на форумах, создавали бы перевес в сторону профессиональных просветительских ресурсов. 

Анна Сонькина, педиатр

Т. е. мы приходим к идее о том, что если вы считаете, что вы что-то знаете, понимаете в вопросе, можете донести информацию до заинтересованных, то вы должны это делать по долгу профессионализма. Специалисты должны просвещать других, если могут это сделать.

24 ноября  
Ранее Ctrl + ↓