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

веб-дизайн

Как потратить на сайт 200 $ и получить его через неделю

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

Коротко: установите шаблон для Вордпресса.

Как обычно выглядит процесс разработки сайта в Узбекистане

За всех говорить не хочу, но примерную схему расскажу:

  1. Поступает заявка от клиента.
  2. Через 1-5 дней назначается встреча и все обсуждается.
  3. Еще через 2-3 дня отправляется коммерческое предложение.
  4. Спустя неделю договариваются о цене. Это в тех случаях, если цена оказалась приемлемой в итоге. Если это корпоративный сайт, то цена будет 1000-10 000 $. Для интернет-магазинов ценник уже выше: 2000-30 000 $ — многое зависит от того, что вам нужно.
  5. Теперь нужно написать и утвердить техническое задание. На это тоже уйдет время: от пары дней до месяца.
  6. Начинается дизайн сайта. Здесь я не говорю о подготовительных работах вроде выездов на место, изучение конкурентов и так далее, потому что во-первых: практически никто этого не делает, во-вторых: большинству клиентов это не надо, они не смогут обеспечить разработчикам обратную связь, потому что сайт хотят, а делать его не хотят.
  7. Потом череда утверждений и правок еще на месяц.
  8. После следует верстка, установка на движок (натягивание на барабан, порой) и программирование, если требуется. На это уйдет еще от 2 недель.
  9. По идее дальше нужно протестировать и наполнить контентом, но обычно про это все забывают, если только запуск сайта не был суперважной задачей. Например, если это интернет-магазин, то просто на отвали сделать его не выйдет — смысл?

В итоге, вы заплатите минимум 1000 $ и будете ждать месяца два. Это нормальная цена за эксклюзив (а некоторые скажут, что она должна быть в 20 раз больше). Посчитайте сколько людей будет занято в работе и сколько им потребуется времени, добавьте сюда налоги, аренду, прибыль и сумма не покажется такой большой.

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

Как можно сделать иначе

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

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

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

Сайты на Вордпрессе делают почти все студии в Узбекистане. Разве, что кроме одной, которая делает на Битриксе, чтобы вы далеко не уходили от них.

Разница только в том, что разработчики сделают вам эксклюзивный дизайн и функционал (как вы хотите в идеале) и запустят это на ВП или вы попросите их настроить нужный вам уже готовый шаблон, что будет стоить значительно дешевле — примерно 100-200 $. Студии не нужно будет рисовать дизайн, не нужно верстать, не нужно программировать — все будет сделано до них. Скорее всего, вы захотите что-то подправить (но это не обязательно) — за это придется доплатить, все в ваших руках.

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

Шаблоны Вордпресса

Шаблон — фактически сверстанный дизайн вашего сайта. Это все равно, что костюм на вешалке, который нужно купить и надеть. Самый дорогой шаблон стоит 70 $ — как правило, это интернет-магазин или шаблон «все в одном». Темы (так еще называют шаблоны) делятся по категориям, чтобы они больше подходили под тематику вашего сайта. В Вордпрессе вы сможете настроить цвета, шрифты, блоки, картинки и так далее. На самом деле настроек очень много, но и возни с ними тоже бывает не мало. Чем больше вы захотите настроить шаблон под себя, тем дороже вам это встанет. Но если вы готовы запускать что-то работающее, то сделать это можно быстро.

Шаблоны бывают бесплатными и платными. Еще бывают платные шаблоны бесплатно — их я не советую качать и устанавливать, потому что там часто бывают зашиты спамерские или фишинговые скрипты (это плохо).

Пример дизайн бесплатного шаблона для интернет-магазина

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

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


Пример дизайна блога в платном шаблоне (поддерживает три вида формата)

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

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

Много сайтов в Узбекистане сделаны на основе готово шаблона, но владельцы даже не знают об этом.

11 июля   веб-дизайн   как это сделано   лайфхак   сайты

Как улучшить дизайн вашего сайта или приложения ясно-понятно: 61 совет по юзабилити

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

Просто сайт, чтобы была картинка по теме

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

  1. Делайте заголовки заметными: с помощью размера, контрастного цвета, жирности.
  2. Ведите пользователей по визуальной иерархии: должно быть понятно, что на экране самое важное, второстепенное и наименее важное. Добиться этого можно через акценты, размеры, контрастность, порядок, группирование, использования свободного пространства.
  3. Используйте макет с одной колонкой, так сложнее что-то испортить.
  4. Ставьте объекты внахлест, чтобы показать преемственность.
  5. Длинные списки в меню группируйте по значению.
  6. Заголовки размещайте ближе к своим абзацам, а не между своим и другим абзацем.
  7. Выделяйте элементы, которые требует внимания. Например, форма с ошибкой.
  8. Убирайте ненужную информацию с экрана.
  9. Используйте всплывающие окна для подтверждения действия. Затемняйте или отделяйте иначе фон, чтобы такое окно было хорошо видно.
  10. Удалите все рамки в дизайне, если они не сделаны специально, чтобы отделить или выделить объект.
  11. Удалите очевидные инструкции, которые повторяют то, что ясно из контекста.
  12. Элементы, если они есть ниже границы экрана, должны попадать на эту границу, чтобы было видно, что дальше есть что-то еще.
  13. Популярные функции размещайте ближе к пользователю, чтобы он мог быстро до них добраться и не искал.
  14. Используйте предиктивный ввод текст. Это когда в форме пишите «узб...» и вам тут же предлагается использовать «Узбекистан» (например).
  15. Популярный выбор показывайте сразу. Например, если у вас 80% клиентов из Ташкента, то доставку в Ташкент укажите как по умолчанию.
  16. Не забывайте показывать важную информацию на карточке товара. Например: цену или размеры.
  17. Если вид станет слишком сложный, показывайте подобные данные при наведении курсора.
  18. Для выбора из 2-4 элементов используйте переключатели или вкладки вместо выпадающего списка.
  19. Продублируйте популярный выбор в начале выпадающего списка.
  20. Если позволяют ваши технологии, используйте предиктивный ввод текста вместо длинного выпадающего списка.
  21. Наглядно показывайте прогресс и статус текущей процедуры. Вместо «Ждите ответа...» показывайте прогресс-бар и оставшееся время, например.
  22. В сложных схемах детально показывайте текущий статус. Не допускайте сложных схем.
  23. В пошаговых инструкциях также указывайте общее количество шагов, а не только текущий.
  24. Показывайте количество элементов в текущей группе. Например: товары в категории, результаты в поиске, отзывы в рейтинге и т. п.
  25. По возможности используйте адрес почты в качестве логина вместо пользовательского имени (username).
  26. Добавьте клавиатурные сокращения для повторяющихся команд.
  27. Там, где будет удобнее, добавьте возможность перетаскивать элементы вместо другого способа сортировки/добавления.
  28. Предупреждайте о минимальных требованиях. Например, при добавлении фото на сайт или создании пароля.
  29. Не показывайте необязательные элементы в формах. Если они необязательные, зачем их показывать?
  30. В кнопках используйте повелительное наклонение. Например: вместо «поиск» следует писать «найти»; вместо «далее» следует писать «продолжить».
  31. Еще лучше, если в кнопках будут описаны конкретные действия. Например: вместо «Отправить» следует писать «Оформить заказ». Но не переусердствуйте, не стоит использовать фразы вроде «Открыть этот файл» или «Отменить регистрацию нового пользователя», если итак очевидно, о чем речь.
  32. Показывайте, что будет, перед тем как пользователь совершит действие, которое увидит не только он. Например, опубликует фото или статью.
  33. Используйте небольшое знакомство с продуктом для новых пользователей. Покажите, что можно сделать вместо того, чтобы сказать, что пока ничего нет.
  34. Покажите сколько еще времени работает ваш офис, не только время работы.
  35. Недавние события пишите не датой, а недавностью: 30 мин назад, 2 дня назад и т. д.
  36. Не заставляйте пользователей считать. Используйте капчу, которая сама вычисляет ботов.
  37. Показывайте, где в приложении или на сайте пользователь сейчас находится. Выделяйте текущий пункт меню или отмечайте его.
  38. В сложноустроенных сайтах используйте «градусник» навигации. Он покажет структуру и текущее положение пользователя на сайте.
  39. Полезную информацию размещайте в начале заголовка. Например: «Входящие (2) — Почта» вместо «Почта — Входящие (2)».
  40. Выделяйте популярный выбор. Например, в таблице с тарифами.
  41. Выводите сообщения о результате действия после важных событий. Например: письмо отправлено, изменения сохранены.
  42. Выделяйте выбранный пункт в длинных меню. Меню длинным лучше не делать, но если иначе нельзя, выделяйте фоном или цветом тот пункт, на который пользователь навел курсор.
  43. Используйте контрастные цвета. Около 10% населения страдает от некорректного восприятия цвета и похожие оттенки для них сливаются в одинаковые.
  44. Заранее предотвращайте неверные действия. Например, если пользователь хочет загрузить слишком большой файл, сказать об этом нужно до того, как он его загрузит.
  45. Если ждать операции слишком долго (что уже плохо), разбейте задачу на подзадачи и показывайте, что уже прошло и что предстоит обработать. Так ожидание будет не на столько утомительным, как если просто сообщить: осталось 28 мин.
  46. Автоматически запоминайте содержимое всех форм без нажатия кнопок со стороны пользователя. Всегда лучше запомнить и потом удалить, чем вообще не запоминать и потерять информацию из-за инцидента.
  47. Избегайте использование название форм внутри самих форм, если после ввода курсора она исчезнет. Название формы всегда должно присутствовать на экране.
  48. Важные подсказки показывайте перед формой, а не после когда пользователь уже введет данные и продолжит чтение формы ниже. Под формой можно размещать второстепенные подсказки.
  49. Необязательные поля лучше не использовать (п. 29), но если все же решили: отмечайте те поля, которых меньше, а не наоборот. Например: если у вас меньше необязательных полей, то отмечать нужно их; если же меньше обязательных, то отмечать следует обязательные.
  50. Информацию об обязательных полях указывайте в самом начале формы, а не в конце, когда форму пользователь уже заполнит.
  51. Кликабельные и интерактивные элементы должны выглядеть так, чтобы было понятно, что с ними можно делать и как.
  52. По умолчанию используйте красный цвет для критических ошибок, оранжевый цвет для стандартных ошибок и зеленый для успешно совершенных действий.
  53. Различающиеся важные пункты списка ставьте вперед. Например:
    Ташкент — главный офис
    Коканд — региональный офис
    Джизак — региональный офис
    Карши — региональный офис
    вместо
    Главный офис в Ташкенте
    Региональный офис в Коканде
    Региональный офис в Джизаке
    Региональный офис в Карши
  54. Удалите из таблиц рамки, они только мешают. Для группировки данных лучше использовать расстояния. В длинных таблицах фиксируйте первую строку с описанием ячеек, а также добавляйте изменение оттенка фона строки при наведении курсора.
  55. Поддерживайте различные форматы ввода (например для дат).
  56. Помните, что если можно что-то испортить, то вам это сделают. Не допускайте возможности совершить ошибку. Например: если нельзя забронировать какие-то даты, то календарь не должен давать такую возможность вообще — эти даты должны быть некликабельными. Однако, убирать их совсем нельзя, иначе календарь будет выглядеть незагрузившимся.
  57. Критические действия в меню отделяйте или выделяйте (например удаление аккаунта или выход).
  58. Всегда давайте возможность удалить аккаунт из вашего сайта или приложения. Можно удалять не сразу, но предупредить, что удаление началось и через неделю аккаунт (профиль) будет полностью удален. До этого времени пользователь может отменить удаление (мало ли психанул).
  59. В вертикальном меню ставьте ссылку на всю строку, а не только на текст в строке.
  60. Давайте понятные описание ошибок и сразу предлагайте какое-то решение.
  61. Запоминайте предыдущие поисковые запросы пользователя и предлагайте их в предиктивном вводе. Позволяйте их удалить.

Напишите мне, если советы вам помогли и вы действительно внесли изменения в свой сайт или приложение.

29 июня   ux   веб-дизайн   приложения

Интерфейсы старых почтовых клиентов и сервисов

Четырнадцать лет назад я задумал сделать свою онлайн-почту. Тогда еще пользовались Батом, Аутлуком и другими настольными клиентами. Однако, Джи-меил, Яндекс-почта и Меил-ру шли уверенным шагом в веб-будущее. Тогда я насохранял более 200 примеров почтовых интерфейсов различных сайтов и программ для Виндоус, Мак, Линукс и других ОС. Конечно, никакой почты в итоге не вышло, потому что как это всегда бывает: дизайн есть, программиста нет.

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

Интересно, что за столь много лет ничего принципиально не изменилось. Современный пользователь без проблем осилит древний интерфейс.

Скачать 220 скриншотов почтовых интерфейсов (JPG, ZIP, 25 Мб)

2018   веб-дизайн   история   приложения

Саркор совсем совесть потерял со своей рекламой

Меня зовут Азамат и я сижу на Саркоре. Спасибо ТПСу. С интернетом у Саркора вроде неплохо, проблем почти не было. Но примерно с месяц назад, они решили, что им нужно больше минералов! И повесили проклятый баннер прямо в Кабинет клиента! Баннер нельзя просто закрыть и забыть о нем. Нужно подождать 5 секунд и потом кликнуть на крестик (который любезно находится в другом месте, а не там где таймер). Операцию нужно повторять каждый раз, как вы попадаете в Кабинет.

Маркетологи Саркора придумали повесить конский баннер, который блокирует интерфейс клиента. Понимаете, да?

Скриншот сделан на ПК и там хотя бы сразу виден остаток. Не на всех устройствах это прокатит.

Меня это особенно беспокоит потому, что в Кабинет я захожу с телефона, планшета или консоли, поэтому я не могу его заблокировать как это можно сделать в браузере ПК.

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

Блестящий пользовательский опыт от Саркора

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

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

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

2018   ux   веб-дизайн

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

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

Слёзы.

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

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



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

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

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

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

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

Игра в покер

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

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

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

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

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

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

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

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

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

2017   веб-дизайн   видео

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2017   веб-дизайн   управление
Ранее Ctrl + ↓