Саша Бизиков
Прошлые заметки

Лайфлист дизайнера, 2016

2016 · 2017

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

В этом году у меня одна большая цель: стать дизайнером.

Конечно, за 1 год дизайнером не стать, но главное начать. Мне интересна история дизайна. Понравились книги «Дизайн для реального мира» и «Дизайн привычных вещей».

Что для меня значит стать дизайнером?

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

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

Теория

Прочитать книгу и составить конспект

  1. «Типографика и вёрстка» Нет конспекта
  2. «Дизайн — это работа» Конспект
  3. Реворк Конспект
  4. Ремоут Конспект
  5. «Мобильный маркетинг» Нет конспекта
  6. «Сначала мобильные» Конспект
  7. «Сначала скажите нет» Конспект
  8. «Культура дизайна» Конспект
  9. «Эмоциональный веб-дизайн» В очереди на конспект
  10. «Логотип и фирменный стиль» Нет конспекта
  11. Ководство В очереди на конспект
  12. «Пиши, сокращай» Конспект

Дополнительная литература

  1. «Правила Джобса» Конспект
  2. «Стартап за $100» В очереди на конспект
  3. «Основы контекстной стратегии»
  4. «Маркетинг на 100%»
  5. «Сам себе MBA»
  6. Антихрупкость
  7. «Чёрный лебедь»
  8. «Как привести дела в порядок»
  9. «Договориться можно обо всем»
  10. «Найти идею»
  11. «Отзывчивый веб-дизайн»
  12. «Новая типографика»
  13. Интерфейс
  14. «Дизайн в культуре XX века»
  15. «Практика визуального мышления»
  16. «Инфографика. Коммуникация и влияние при помощи изображений»

Посмотреть видео и составить конспект

  1. Школа дизайна Яндекса Конспект
  2. «Дизайн +1» Конспект
  3. Алгоритм вёрстки текста посмотрел, без коспекта
  4. Юзабилити и дизайн посмотрел, без конспекта
  5. Артем Горбунов о полезном действии
  6. Как поставить цель и добиться результата
  7. Интерес и важность
  8. Какие книги важно читать дизайнеру
  9. Понимание задачи
  10. Шаблонизируй это
  11. Платформенное мышление

Сходить на лекции

  1. «Скачущие избы и горящие кони: как справляться с делами?», Культурный центр ЗИЛ, Макс Черепица Сходил
  2. «Дизайн пиктограмм», Коворкафе, Сергей Чикин Заметка в телеграме
  3. Открытая защита семестровых проектов курса «дизайн мобильных приложений», Британская Высшая Школа Дизайна Заметки в телеграме: раз, два

Практика

  1. Освоить Скетч Освоил основные подходы и возможности
  2. Нарисовать дизайн блога и сверстать из него тему Вордпресс, выложить в официальный репозиторий тем Задизайнил главную страницу
  3. Поступить в следующий набор школы стажёров бюро Артёма Горбунова Поступление в школу отменяется, поступил в ШМД в Яндекс
  4. Выполнить тестовое задание для поступления в Школу Мобильного Дизайна Описание процесса, результат поступления
  5. Пройти все ступени обучения в Школе мобильного дизайна Прошёл первую ступень, подвёл итоги
  6. Выполнить два заказа или тестовых задания по дизайну
    1. Выполнил тестовое задание для Туту.ру, прочитать описание;
    2. задизайнил и сверстал сайт для Сергея Сичкар, прочитать описание;
    3. выполнил тестовое задание для RedMadRobot, прочитать описание
  7. Собрать портфолио (минимум пять работ)
    1. Яндекс.Путешествия,
    2. дизайн домашней страницы,
    3. дизайн главной Туту.ру,
    4. сайт Сергея Сичкар,
    5. чат «Мой Билайн».
  8. Устроиться младшим дизайнером в продуктовую компанию или студию дизайна в Москве С 5 декабря работаю младшим дизайнером в ФанБоксе
  9. Составить план развития в дизайне на 2017 год

Поехали!

Прототипирование. Практическое руководство

Книга «Прототипирование. Практическое руководство». Автор Тодд Заки Варфел — руководитель консультационного агентства по проектированию.

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

Прототипирование. Практическое руководство

Зачем делать прототипы? Прототипирование — один из этапов разработки проекта. Чем раньше проверите идею, тем лучше.

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

Процесс прототипирования

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

1. Создание наброска

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

На набросок каждой идеи отводите 10-30 минут. Для удобства можно использовать специальные макеты.

2. Демонстрация и критика

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

3. Прототип

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

4. Тестирование

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

Тестирование с клиентами выглядит как презентация проекта. Рассказываете о самых важных моментах вашего прототипа.

Тестирование с пользователями включает в себя тест на удобство использования с участием 8-12 человек и 5-6 сценариев использования.

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

Инструменты прототипирования

Тодд рекомендует использовать PowerPoint (или Keynote), Visio, Fireworks, HTML и Flash. Впервые книга была опубликована в 2009 году. За это время часть инструментов устарела. Поэтому делюсь с вами современными инструментами прототипирования.

Бумага

Варианты логотипа ООО «Набла»

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

Макеты для прототипирования на бумаге:

Онлайн сервисы

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

Программы

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

Σ

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

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

Чем проверять текст перед публикацией

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

Спеллер

Яндекс.Спеллер

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

Орфограммка

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

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

Типограф студии Лебедева

Проверить текст на ошибки — хорошо, но ещё лучше, когда текст не только без ошибок, но и с правильными символами. Типограф студии Артемия Лебедева заменит символы на правильные. Для удобной работы с типографом использую настройки:

Как альтернативу, можно использовать раскладку Ильи Бирмана и сразу писать текст с правильными символами.Типограф Лебедева

Главред

Заметки для блога необязательно прогонять через него, а вот рекламный текст и описание услуг — обязательно. Если не понимаете зачем он, советую подписаться на базовый курс Главреда.

Главред

Секретное оружие

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

Σ

Для проверки текста перед публикацией используйте хотя бы 2 сервиса. Это займёт 10% от времени написания заметки. Текст получится без ошибок и с правильными символами. Читать и делиться ссылкой на такой текст приятнее. Аудитория вашего блога/ресурса увеличится и полюбит вас за добросовестное отношение к материалу.

Чистим По́кет #5

Чистим По́кет #5
  1. «Никто не скажет нам, даже на самом высоком уровне, что будет с Россией через 10 лет»
    Интервью с Сергеем Белоусовым, будет интересно для тех, кто только начинает строить свою IT компанию или в процессе.
  2. Создание вертолета «Скаут»
    Студия Артемия Лебедева на протяжении 3 лет занималась разработкой дизайна вертолета и после описали процесс.
  3. Где найти копирайтера для блога
    Надя Поминова рассказывает о том, как найти копирайтера. И это не просто писать тексты.
  4. Книги: Илон Маск
    Петр Диденко поделился своими впечатлениями о прочитанной книге «Илон Маск. Tesla, SpaceX и дорога в будущее».
  5. Кнопки
    Сергей Стеблина рассказал в своем блоге про важность кнопок в интерфейсах.
  6. Жизненный опыт
    Сергей Король рассказал о том, что такое жизненный опыт и чем он важен.
  7. «Ресурс»
    Артём Горбунов рассказывает про систему работы в бюро.
  8. Рынок, расценки и справедливая цена
    Максим Ильяхов рассказал о том, как формировать свою цену и не зависеть от других.
  9. Как работать c ИП редактору
    Людмила Сарычева поделилась своим опытом работы в качестве ИП.

Перенос записей в WordPress

Если нужно перенести не более 2 000 записей с одного WordPress на другой, то никаких проблем не возникнет. Это можно сделать стандартными средствами CMS, но если нужно перенести больше и с другой CMS. Например, с Bitrix или Joomla, то нужен другой подход.

В заметке рассмотрим как перенести большое количество записей в формате CSV на WordPress. Решение подойдёт даже для случая больше 100 000 записей.

Как произвести экспорт записей из старой CMS в CSV-файл — зависит от ситуации, поэтому в заметке об этом не стану говорить. Воспользуйтесь поиском и найдите решение, наверняка до вас это уже кто-то делал. Теперь у вас есть такой файл и поля в нём разделены запятыми (это важно).

Для WordPress есть много плагинов импорта записей из CSV-файлов, но только один из них сработал так, как было нужно. Это плагин Really Simple CSV Importer.

После установки и активации плагина в разделе Инструменты → Импорт появится пункт CSV.

Импорт CSV

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

"post_title","post_type","post_date","post_content"

Можно добавить ещё одно поле «post_status» со значением «publish». В таком случае наши записи при импорте будут опубликованы с датой публикации из поля «post_date». В моём случае было сложно добавить значение к каждой строке в CSV-файле, но это не проблема. Если поле «post_status» не указано, то все импортируемые записи попадут в черновики.

После этого опубликуем все наши черновики с помощью SQL запроса, который можно выполнить через phpMyAdmin:

UPDATE wp_posts SET post_status = 'publish' WHERE post_status = 'draft'

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

При необходимости настраиваем фильтры импорта, нажимаем «import External Images». Плагин сам загрузит все изображения на сайт и заменит старые ссылки на новые.

На этом всё. Удачного импорта записей!

Ещё заметки