8 заметок с тегом

веб-дизайн

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

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

Слёзы.

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

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



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

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

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

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

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

Игра в покер

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

10 января   ux   автор неизвестен   веб-дизайн   государство — это я

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

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

Оценивались банки по 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-м году мы увидим более детальный и сложный рейтинг. И даже сертификаты раздадим.

6 декабря   ux   веб-дизайн   наша марка   обзор

Сколько ошибок из видео допущено на вашем сайте?

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

Если нет времени смотреть, то вот пять распространенных ошибок на наших сайтах:

  1. Нет адаптивного дизайна
  2. Непонятно о чем ваш сайт
  3. Большой слайдер на главной странице
  4. Добавление каталогов, прайслистов и меню только в виде ссылки на файл
  5. Неактуальная информация на сайте

9 ноября   веб-дизайн   видео

28 ГБ книг для дизайнеров и других творческих людей

Мне нужно было куда сложить это бесконечное добро.

Скачать книги для дизайнеров, художников, архитекторов, фотографов

Большинство в формате ПДФ, но в любом случае, я надеюсь, вы разберетесь. Если будут реальные проблемы — пишите в комментарии. Загляните в папку Books — новые книги в основном там. Перечислять все лень, но могу сказать, что много книг по дизайну и типографике, есть по юзабилити, каллиграфии, тайм-менеджменту и арт-буки. К сожалению, хостинг забугорный; зато бесплатно, без регистрации и смс. Если у вас есть ресурсы размещения зеркала в Таш-иксе — пишите, добавлю ссылку.

Веб-дизайн для менеджеров

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

Менеджеры в студиях веб-дизайна

Еще года три тому назад, большинство менеджеров в наших компаниях по разработке сайтов выглядели как другие менеджеры по продажам или работе с клиентами. Они знали как делается сайт, умели вести клиента, но работали скорее сотрудниками по передаче правок разработчикам или дизайнерам. Сечете о чем я? :-)

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

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


Не сайт, а продукт

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

Когда вы ведете проект, думайте как люди будут его использовать: как они зарегистрируются, как они смогут найти нужную информацию, загрузить фотки, дождаться загрузки страницы, купить товар и так далее. Смотрите на сайт и задаете себе вопрос как можно это [что-либо] сделать? Такой подход помогает делать сайт замечательным. Понятно, что у вас имеется ТЗ (есть ли?), но одно дело рецепт, а другое дело —
подгоревшие блины.

Работайте как команда

Вы не просто менеджер проекта, вы — часть команды. Это означает понимание другими, что вы все делаете общее дело. Доносите это до остальных. Это не дизайнер рисует страницы, это не верстальщик сажает на Бутстрап. Хер там!

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

Все иллюстрации с сайта Адовые клиенты

Находите интересных клиентов

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

Проект — слово неподходящее, но итак приходиться говорить сайт, да сайт, да веб-сайт, что никаких синонимов не остается. Простите за это.

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

Интересный сайт — это сайт, который решает крутую задачу. Увеличить продажи — не задача, а мечта. Увеличить продажи «Молескинов» в Андижане — вот задача. Ушатать главного конкурента на рынке, который в 10 раз тебя больше — задача. Сделать полезный сайт для электронного правительства — задача. Банковский сайт для людей, а не для банка — задача.

Объясняйте, кто вы и что делаете

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

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

Ставьте приоритеты

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

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

Если программист застрял на фигне, которая не обанкротит компанию клиента, то заберите у него задачу и пусть делает то, что знает как сделать. Оставлять без присмотра таких затянувшихся ребят — плохая идея. Звучит банально, но в суете так и происходит.

Находите решения

Мне встречались такие верстальщики, которые не делали, потому что это нельзя сделать. Звучит тупо, да? Конечно, нельзя это сделать, если это нельзя сделать. Но здесь один момент. Это было нельзя сделать так, как просил менеджер, но по-другому можно сделать!

Задача решалась не так, но иначе. Вместо этого, он объявлял, что сделать это нельзя. В такой ситуации менеджер бежит и говорит, что реализовать то, что нарисовали нельзя. Знаю, что можно, поэтому и нарисовал. Хорошо, что об этом узнал. Хуже, когда менеджер говорит: ну, ладно и на этом все. Нельзя же сделать! Потом менеджер пишет клиенту, что такие дела, этого не будет. Из таких моментов, за год собирается большой ком нереализованных идей, о нерождении которых я, как арт-директор, даже не знал. Почему? Потому, что надо работать как команда. Перед запуском сайта, дизайнер должен проверить все ли сделано, как было задумано. Тестировщик проверить все ли работает как надо и так далее.

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

Всегда берите предоплату

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

Менеджеры должны получать деньги после релиза

Убежден, что менеджеры по работе с клиентами могут получать проценты или бонусы после того, как сайт будет запущен и клиент подпишет акт. Часто менеджеры получают проценты с тех заказов, которые в этом месяце уже отправили предоплату. Спорная идея. Вы получаете зарплату и бонусы. Бонусы — не когда укусил, а когда проглотил. Такой подход увеличивает вероятность закрытых вовремя сайтов. По-хорошему, следует ограничиться зарплатой, но так же никто не захочет работать :-) Продажники, конечно, получают бонусы с клиентов, которые отправили предоплату. Их задача — загнать клиента в клетку.

Не берите все заказы подряд

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

Вообще, в любой непонятно ситуации повышайте цены.

Менеджер отвечает за все

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

Плохой дизайн? Дизайнер не виноват. Это ваша проблема. Потому что, если менеджер пропускает плохой дизайн, клиент может такой вариант не принять. Если не смогли понять, что клиенту нужно и не смогли донести (сами или с арт-директором) гениальность вашего совместного творения, то из-за вас заказчик не принял проект. Не нужно разбираться в тонкостях, но вы должны видеть круто получается или нет, работает интернет-магазин или это набор ссылок. Будьте требовательны и сдавайте качественный продукт. Получит ваш «фильм» «Оскара» или нет — зависит от вас.

Показывайте меньше версий

Чем меньше вариантов, тем выше ценность каждого из них, даже если они плохие. С каждым новым вариантом вы увеличиваете ощущение конвейера, а значит удешевляете свою работу. Клиент начинает думать, что вам ничего не стоит нарисовать еще 5-10 вариантов, потому что вы не отказываете ему и продолжаете поставлять. Нужно быть крутым менеджером, чтобы завернуть этот цирк и убедить дизайнеров сделать как надо, а клиента принять, что ему показывают. Будьте им.

Интересуйтесь бизнесом клиента

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

Вовремя привлекайте арт-директора к проблеме

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

Развивайтесь

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

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

У вас будет меньше времени, чтобы посидеть с подружками или попить пивасика. Зато вы будете видеть как вы обретаете новые знания, растете над собой. Не забывайте применять интересные решения, пробовать их на живых клиентах. Таким образом, вы накопите свой собственный опыт и, если приложите голову, увеличите оборот и качество клиентов вашей компании.

Имейте аргументы и требуйте их от клиентов

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

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

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

За словами «не нравится» обычно стоит какая-то конкретная проблема. Вам нужно найти настоящую проблему и тогда решать будете так как вы считаете нужным, а не рисовать в Фотошопе вместо клиента, потому что он не умеет.

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

Не забывайте про авторские права

Укажите в договоре пункт, который позволяет вам и обязывает клиента иметь ссылку на ваш сайт. Интересно, что бывают и такие ребята, которые сильно против этого, но аргументированно объяснить не могут — отмахиваются ответами вроде «нам бы не хотелось» или «ну, вы же сами понимаете: бывают такие моменты, которые мы сейчас не можем обсудить» и т. п. Я сделал много сайтов, где вообще нет упоминания обо мне или даже уже о «Гротеске». Отчасти, это потому, что я дизайнер и мне сложно контролировать готовый сайт на стороне клиента, но во многом и потому, что я просто профукал этот момент. Не повторяйте этой ошибки!

В дизайне главное — переговоры

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

2017   веб-дизайн   управление

История веб-дизайна в узнете

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

1998

В 1998 году я начал осваивать Виндоус’95 и Фотошоп 4 на Пентиумах. До этого был только ДОС на x286+ компьютерах. Весь наш узнет состоял из нескольких десятков сайтов. «Узонлайн» назывался «Узпаком» и интернет был по тарелкам и это было незаконно (как и сейчас). В учебном центре, где я изучал верстку сайтов, на 30 компьютеров был интернет-канал 64 кбит/сек. Если вы родились при Независимости, то это примерно как сигнал Е на вашей мобиле, т. е. интернета не было по нашим меркам.

Размер веб-страницы (тогда она называлась Web-страничкой) в среднем был не более 100 кб, со всеми картинками, гифами, баннерами и текстом. Сейчас на сайтах даже логотип больше весит.

То, что удалось добыть из недр архивов интернета

Для меня узнет начался с хостера «Ассалом интернет». Я сидел на их сайте, потому что они создали каталог клиентских ресурсов. Среди них, например, был сайт группы «Хит-Шарк СН», о которой в наше время совсем забыли.

Хозяйке на заметку. В эти годы Артемий Лебедев делал сайты по 30,000$. Согласно же прейскуранту «Ассалом интернета», большой сайт (более 7 страниц) мог обойтись клиенту в 3,000$.

Сайты в «Ассаломе» делали Рустам Расулов и Евгений Белов. Оба сейчас живут в России, если не ошибаюсь.

1999

Первой студией дизайна была, конечно, «Дизайн-уз». Я не знаю подробностей, но суть в том, что тогда веб-дизайном занимались Макс Глуховцев, Марат Ештуков, Сурен Сапов и в результате их деятельности образовалась эта компания.

У Макса был сайт на флэше, который выносил мозг. А мозг он выносил, потому что флэш позволял использовать анимацию и эффекты при наведении курсора. Представьте себе, что вы читаете газеты с текстами и картинками вроде «Правды Востока» и тут вам в руки попадается газета из «Гарри Поттера» с анимированными фото и другими магическими эффектами. Впечатление было примерно такое же. Никто кроме него не умел работать с флэшем в Узбекистане. Я освоил флэш-4 и грандж-дизайн года через два. Марат Ештуков уехал, а Сурен Сапов записывает очередной видосик для «Лаборатории бизнеса».

Страница Макса Глуховцева, в которой можно было посмотреть флэш-версию

2000

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

2001

Свой первый сайт я сделал примерно 17 лет назад. Некоторые из вас тогда еще не родились.

Первые веб-дизайнеры Узбекистана

Я говорю примерно, потому что на этом сайте копирайт указывает на 1999 год, но я хорошо помню, что в 2001-м в мае у нас поперла посещаемость, потому что я обновлял сайт почти каждый день. Так что когда именно я его сделал сейчас сказать сложно. Это был сайт группы «Сетора». Я лазил в интернете и попал на их сайт. Тогда они уже были хотя и начинающей, но популярной группой. Почему-то я решил, что он унылый. Каким-то образом выяснил адрес офиса «Тароны рекордс» (на м. Ойбек), где записывалась группа, поехал к ним и показал свой вариант. Тогда у них на компьютере был установлен браузер «Интернет эксплорер 2». Современная версия браузера «Эдж» уже 12-я. Мы договорились на зарплате 25 000 сумов.

Новая версия сайта выходила почти каждый месяц

Первым действительно хорошим веб-дизайнером Узнета я считаю Константина Станишевского. В то время веб-мастеров или веб-дизайнеров можно было посчитать по пальцам, поэтому все, кто что-то делал в интернете уже были хороши (только за это). Однако, на Константине тогда держался веб-дизайн в стране. Он работал в провайдере «Найтов» и, как я понимаю, имел свободный доступ в интернет, что не могло не отразиться на качестве его работ. Даже сейчас, спустя 16 лет, видно, что у человека есть вкус. Года четыре назад я случайно встретил его в Сан-Франциско и мы откушали с ним чизкейки на Юнион-сквер в «Чизкейк фектори» (это храм любителей чизкейков в США).

Персональный сайт

2002

В этом году расцвел портал «Арбуз-ком». Он был разработан выпускником УМЭДа по программе обмена студентами (многие из которых, остались в США, не вернувшись).

Примерно в это же время начинает работу агентство «Бренд-уз». У истоков стоял Рустам Расулов, сайт в свое время делал Константин Станишевский, а сейчас и уже много лет этим руководит Алишер Юсупов (который «Стартап-микс»).

Если не ошибаюсь, в этом же году прошел первый интернет-фестиваль, который закончился каким-то провалом и все были злыми. Зато вручение наград было в театре им. Навои. Я это говорю к тому, что в это же время работал сайт «Интернет-уз» (то, что сейчас делает «Футура», а до нее делал «Айлайк-уз»).

Обратите внимание, о чем тогда писала онлайн-пресса:

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

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

2003

В это время я уже делал работы для «Ассалом интернета». Мы попробовали сделать онлайн-портфолио на странном домене 7254.net, но потом я уехал в Москву и со временем Рустам тоже.

...

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

2017   веб-дизайн   история   узнет

Сделал новый «Стартап-микс»

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

Что происходит

Своим видом он немного передает привет модной нынче бруталистике, но главное — он простой и по сути. Ему даже не нужно делать адаптивный дизайн, потому что он просто будет укладываться в ширину смартфона и ему ничего за это не будет — NEW! — одноколоночный дизайн :-)

Я решил, что главное на сайте — рассказать всем, что скоро очередное мероприятие. Сразу выводим информацию о том, что, где и когда. Ссылки ведут на Календарь Гугла, Карты или профили в Фейсбуке. В конце информация о предыдущем миксе.

В следующей серии

Еще надо сделать вид, когда новый «Стартап-микс» прошел, а когда будет следующий — неизвестно. Скорее всего там будут сразу фотки и ссылки на материалы других СМИ — прямо на главной странице. Перед следующим событием, описание уйдет в стек как предыдущее мероприятие.

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

2017   веб-дизайн

Обязательное подчеркивание ссылок отменяется

Сайт «Яху-ком» в браузере «Нетскейп навигатор» (XIV в. н. э.)

История
Издревле на Руси подчеркивали ссылки в интернете. Так решили выделять активные текстовые элементы программисты 400 лет назад. Традиция поддерживалась другими программистами, которые работали с новыми браузерами и языком гипертекстовой разметки. Это было понятно и нормально.

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

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


Фрагмент сайта «Ленты-ру». Пунктирное подчеркивание выводится браузером и не имеет отношения к сайту.

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

Во-первых, подчеркивание убрали, потому что на сайте Ленты почти весь текст — ссылка на какой-то материал. Ссылок очень много и если их все подчеркивать, то получится кошмар.

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

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

Образец того, как не надо делать

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

Для приложений подчеркивать ссылки никто не собирается — это же не сайт :-) Также там кнопку могут не рисовать как кнопку, во имя крутости визуальной части приложения. Что скажут ребята на Дриббле, если я все сделаю в подчеркиваниях и кнопках словно это база данных какая-то?

Приходиться изворачиваться и для этого используют три составляющие:

  1. Повелительное наклонение. На всех кнопках, которые могут что-то сделать вместо существительного (детали) лучше писать глагол в повелительном наклонении (показать детали). Тогда даже без дизайна кнопки будет понятно, что с этим можно что-то сделать. Часто, в угоду красоте, дизайнеры не рисуют кнопки с длинными названиями, поэтому они все равно остаются «Деталями», «Большим», «Поиском» и т. д.
  2. Контекст. Если несколько слов находятся там, где обычно бывает меню, то скорее всего это меню. Значит на него можно нажимать. А если это список не внутри текста, то это почти наверняка ссылки.
  3. Пипл схавает. Сейчас достаточно потыкать все в приложении, чтобы за 20-30 минут усвоить, что и где может быть ссылкой или нет. В приложении Фейсбука очень много всяких команд и все эти ссылки выглядят просто как текст, который зачастую даже не выделен цветом. Но если вы часто пользуетесь приложением, то вы почти наверняка без ошибок определите куда можно нажимать, а куда можно и не пытаться. Правда, приложение Фейсбука всем нужно, а ваш сайт без подчеркивания могут и не принять, быстро закрыв.

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

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

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

Немного примеров: «Новая газета», музей «Гараж», «СПИД-центр».

2017   веб-дизайн