Добрый вечер всем.
Подошла к концу вторая неделя. И пора бы уже вам рассказать, чего я смог добиться за эти недели.
Сегодня я расскажу о том как продвигалось мое понимание как дизайнера UI \ UX.Как оказалось это очень и очень сложная тема, которая при ближайшем рассмотрении, только раскрывается и открывает очень огромные возможности.
Специально для вас, я составил небольшой краткий курс, что же такое UI \ UX. Расскажу то, как я его понял и выучил на настоящий момент. Надеюсь данная информация поможет тем, кто тоже пробует свои шаги в развитии себя как дизайнера.
Итак, поехали:
На этой неделе я рассказу только первый блок из моего плана обучения.
Что же такое вообще дизайн? Это сложный вопрос. Когда я спрашивал у людей, что это такое — все давали совершенно разные ответы.
Дизайн может быть любым. Он может быть как специализированным так и общим. Он может заключаться как в эстетике машины, так и в линиях его мотора.
Он может нести в себе какую то мысль, а может оставить простор воображению. Первое что я понял — самое главное в UI / UX — то какой опыт получил пользователь. Позитивный или негативный.
Главное чтобы опыт был получен в полной мере, освоен и выучен.
Что самое главное в UI и UX?Это интерфейс.
Само понятие интерфейса может быть очень многогранным, но три базовые аксиомы остаются неизменными. Это то, что пользователь получил при входе на сайт. В данном моменте подразумевается его опыт.
Желательно, конечно, чтобы он был позитивный. И его цель.
Когда я разбирался в том каким может быть опыт и какие цели могут быть у пользователя — то выяснил что опыт достигается буквально за первые 10 секунд взаимодействия с интерфейсом. Это самое важное что должен сделать дизайнер.
Он должен выстроить такую систему и такой интерфейс, чтобы пользователь хотел находиться на сайте, чтобы он видел где его цель, и чтобы достижение этой цели было простым.
Это потребности пользователя.
Так же при работе с интерфейсом никогда не стоит забывать, собственно, о том кто заказал сайт. Мы представляем его интересы в интернете, мы делаем так, чтобы его мысль, его предложение услуги было четким и ясным и предлагающим себя купить так, чтобы его увидели, пришли и купили.
Это бизнес — задача.
Ограничения:
В нашем случае, это то что должно быть на сайте по умолчанию. Его краеугольный камень, его самая суть.
На сайте водки — должна быть водка но не должны быть новости.
На сайте лодок — должна быть лодка и пункт покупки лодки, но не должно быть предложения о покупке поплавка на спиннинг.
На сайте почты России — должны быть четкие позиции. Почта, трекинг, адрес отделения. Их должно быть сразу видно. Ничего лишнего, у нас не базар а почта.
Это ограничения.
Путь ко всему что ищет пользователь и что предлагает бизнес должен быть прямым и простым как в задаче про пункт А и пункт Б.
Все остальное — от лукавого.
Дизайнер должен быть уметь относиться критично к тому что он создает.
Не слушайте тех кто говорит — вау, все круто, это офигенно.
Не слушайте тех кто говорит — а пофиг, давай зафигачим вот тут красненького а вот тут рюшечки, а давай еще забабахаем тексту на сто страниц.
Нет. Нет и еще раз нет.
Каждый раз когда создает лендинг, сайт, приложение - он должен держать в голове пять критериев.
Обучаемость — вкратце это то, насколько быстро пользователь понимает, где находится его цель и как до нее добраться и как это выполнить.
Эффективность - это то насколько быстро он может пользоваться этим сайтом при последующих посещениях.
Запоминаемость — это то, насколько эффективными оказались обучаемость и то насколько они легко запоминаются.
Предотвращение ошибок — здесь мы стараемся предусмотреть все матрицы поведения, и предотвратить любую нежелательную реакцию на действия потребителя.
Удовле творенность — то насколько хороший опыт он получил при работе с сайтом. User eXperience.
Так же дизайнер UI \ UX это не просто человек который лепит то что бог на душу положит.
Нет. Это такой же работник мозга как и аналитики, точно такой же работник как и исследователи.
Самое важное что должен понять дизайнер в моем понимании это 4 науки.
- Взаимодействие человека и компьютера.
- Эргономика.
- Юзабилити.
- User eXperience.
Я пока еще в самом начале этого долгого пути, но я очень буду стараться ради не только себя, но и вас.
Так же очень важно понимать, что хоть UI \ UX это практически неразлучные друзья, но у них есть отличия.
Как вы видите в картинке выше, они очень похожи, но отличаются примерно так же как луна и солнце. Тень и свет. Воздух и вода. Они друг друга просто прекрасно дополняют и одновременно с этим они могут конфликтовать.
Задача дизайнера - привести их к полной гармонии. Так, чтобы они только помогали конечному пользователю дойти до его цели.
И самое важное что хотел бы я вам сказать, мои дорогие читатели.
Не бойтесь.
Держитесь цели.
Делитесь с единомышленниками.
Учитесь у старших.
И все у вас получится.
На этом я закончу пожалуй свою маленькую презентацию. Надеюсь вам понравилось.
Идем дальше.
На этой неделе я получил свой первый заказ как дизайнера UI UX. Это был заказ Call центра по посадочной странице. А именно лендинг.
Вы не поверите, но то как я сделал свой первый вариант это кошмарно. За него меня надо было сжечь и исколоть копьями. Очень много текста, очень много воды. Все не выровнено по сеточке, все плохо, все настолько ужасно что слов нет.
Это и стало поворотным моментом. Я понял что если я его не сделаю, то не сделаю никогда, и этот мой первый заказ определит меня - дизайнер ли я иль тварь дрожащая?
Итак. Была еще правка.
Выкинул полностью весь мусор из текста. Из 10 строчек они сократились в 2 строчки не потеряв ни грамма выразительности и улучшив свою продающую возможность.
Еше правка.
Идет пятый час работы. Все плохо — сетки нету, все выровнено так, что ваша бабушка Глаша смогла бы лучше.
Сжимаем зубы и учим что такое сетка и зачем она нужна. Режем с помощью сетки на 5 экранов и 12 полос и аккуратно спокойно выравниваем все позиции и все иконки так чтобы они заполнили собой всю страницу так, чтобы был нужный баланс пустого пространства и информационной части.
Еще правка. Вечер, цикады стрекочут. Работает усталая личинка дизайнера.
Наступает просветление. Именно в этот момент ты как будто отстраняешься и начинаешь примерять на себя маски.
Ты Иван Иванович — слесарь из ЖЭКа который хочет заказать бота по приколу.
Ты Аглафья Ардуиновна — женщина бизнесмен, который хочет заказать целую базу прозвонов и готова выложить за это большие деньги.
Ты Маша Дулина и тебе 12 лет и ты случайно зашла на сайт.
И в этот момент когда ты понимаешь, что все они ориентируются на сайте, понимают, что они хотят и достигают цели, то все.
Ты сделал лендинг и теперь пора прекратить пока не сделал все хуже в попытках улучшить.
Отправляю сайт на проверку заказчику. Нервно жду 1 час пока он не отпишется.
Его слова:
«Молодец, ты справился, ты очень близко к тому что я от тебя хотел, прекрасные труды.»
Я был счастлив, я понял что раз это я смог то и смогу и дальше. Надо учиться и учиться и еще раз учиться. Тренироваться, развивать навыки.
По договоренности с заказчиком, я смогу вам показать лендинг, только через неделю от первого варианта до самого последнего и показать этапы через которые он проходил, надеюсь вам будет об этом интересно прочесть в следующем лонгриде.
Так же я могу всем желающим в личные сообщения или на почте отправить все материалы которыми я вдохновлялся и которые изучал, в частности серию видеороликов от Линды.
Так же очень рекомендую сайты которые очень помогли в построении лендинга.
https://www.behance.net/ - отличный сайт чтобы вдохновиться и стырить.
https://www.flaticon.com/ - хорошая коллекция иконок и паков.
https://www.figma.com — удобный аналог адоб для тех у кого его нету.
Так же я сделал субтитры для глухих к вебинару по дизайну. Все кто желает ознакомиться с хорошим часовым видео про дизайн от ведущей студии в России, то прошу ко мне, я вам дам ссылку. С студией были переговоры и они согласились на то, что субтитры или видео с субтитрами я могу вам давать. Это касается только слабослышащих и глухих.
На этом моя часть лонгрида про дизайн окончена. Как и говорил раньше — первые три дня недели я посвящаю дизайну. Следующие три дня посвящаю программированию.
Так же хотел бы вам рассказать о том как продвигается вкратце программирование. Так как ранее были дни дизайна то в этом лонгриде будет по большей части дизайн. В следующем лонгриде я сделаю упор на программирование.
Итак. Что я сделал в программировании за последние дни?
Я прошел первую неделю от LearnPython.
У них оказался очень хороший подход к обучение щедро сдобренный слайдами, что как глухому мне было очень полезно.
Прикладываю то, что я успел сделать за эту неделю.
https://github.com/Gorgutc/Homework-Week1
Было получено прекрасное понимание того, как работает вообще код.
- Были изучены функции и то как их создавать. Это просто потрясающая возможность создать собственную функцию, заполнить ее и сделать так чтобы код впоследствии был сокращен на несколько порядков и читался бы очень легко и писался легко.
- Было изучено то как создавать бота и его тело, появилось понимание, как работает бот и как его научить реагировать на пользователя.
- Было изучено то, как вообще строить правильные программы и то как их составлять так чтобы они работали именно так как ты хочешь.
На следующей неделе будет пройдена вторая неделя от LearnPython где будет изучение модулей и библиотек и то как их подключать. Будет приобретено умение обрабатывать исключения, чтобы программа не падала, и циклы if и for.
Впоследствии я планирую этого бота прокачать до персонального секретаря и менеджера, который будет ловить по сети самые лучшие статьи по дизайну и программированию и раз в день выкладывать своему пользователю. Я считаю, что это прекрасная возможность как вырасти в программировании так и достичь более сложной цели.
Так же хотел бы поделиться с вами тем что я считаю важным. В предыдущих комментариях многие говорят что лучше изучать Java и тому подобное.
Ребята, я ценю то что вы хотели помочь мне, но я уже втянулся в этом, я считаю, что питон тоже прекрасно применятся в веб программировании с помощью фреймворков и я не отступлю от этого решения ни на шаг пока не сделаю свой первый сайт на питоне.
На следующей неделе будет подробно рассказано про программирование. От и до по аналогии с дизайном выше.
Так же хотел бы вам рассказать о том как у меня обстоят дела с денежными накоплениями.
Итак:
Было 60 000
За 2 недели было потрачено 10 тысяч.
За лендинг было получено 4000 — заняло 3 дней поначалу и то большую часть я учился.
За работу не связанную с лендингом и программированием - 7000. Это была работа на Эксмо как копирайтер. Это заняло у меня неделю.
В итоге я вышел в плюс даже.
61 000.
У меня появилась целая 1000 рублей которая считается чистым доходом. Это просто потрясающе ребята если честно.
Спасибо всем за внимание. Ждите 4 лонгрид про программирование на следующей неделе.
С уважением, Максим Журавлев.
Форма связи со мной:https://vk.com/cranepython
mr.crane.leather@yandex.ru