От ярко выраженных и заметных до скорее незаметных, но при этом полезных – в последние недели и месяцы мы внесли множество изменений на TutKit.com. Среди них были как улучшения производительности и технические обновления, так и изменения в дизайне и навигации для пользователей. Это положительно сказывается на вашем опыте пользования. Что изменилось под капотом и сверху – обширный обзор.
Теперь стало темно
Теперь вы можете в любое время одним щелчком переключить дизайн на темный или светлый. Мы установили его так, как он задан в операционной системе.
При этом мы также преобразовали все изображения в формат AVIF, чтобы ваш браузер не загружал так много данных (благодаря чему изображения уменьшились по размеру примерно на 70%).
Активы, шаблоны и электронные книги: все на виду, без лишних кликов
Мы всегда показываем вам на страницах наших активов, шаблонов и электронных книг маленькие образцы содержимого. Таким образом, вы сразу видите, что вас ждет при скачивании.
Кроме того, за каждым образцом скрывалось небольшое меню. С помощью него вы могли увеличивать образец, отмечать содержимое как избранное и просматривать информацию о совместимости. Приятно... Но также и означало, что для увеличения каждого изображения вам приходилось открывать меню, нажимать на значок, просматривать и закрывать изображение перед тем, как перейти к следующему. Лишний клик. Мы убрали это меню. Теперь достаточно навести мышь на маленький образец, и вуаля: вам показывается увеличенная версия.
Проанализировав изменения, мы также внесли другие разумные корректировки: информацию о совместимости теперь можно просмотреть через непосредственно видимый значок с информацией «i». Добавление в избранное содержимого теперь происходит через также непосредственно видимый значок звезды, который теперь отображается только для авторизованных пользователей.
Видеоуроки: теперь вы также в курсе с помощью изображений!
Если вы ранее заглядывали на одну из наших страниц с видеоуроками, там вас встретило бы большей частью серое пустынное пространство с текстами и кнопками для воспроизведения. Мы полностью переработали интерфейс так, чтобы он был аналогичен дизайну активов, шаблонов и электронных книг.
Другими словами: теперь, даже в видеоуроках, показываются маленькие образцы, что выглядит просто эстетично. Вы увидите, бесплатное ли это видео или свежее обновление, как в активах, на изображениях появятся цветные бейджи.
Таким образом, наши страницы теперь смотрятся последовательно. Будь то актив, шаблон, электронная книга или видеоурок: в каждом есть образец, который можно увеличить наведением курсора; есть кнопка для загрузки или воспроизведения видео; есть значки для дополнительной информации и добавления в избранное; если у контента есть дополнительные материалы, такие как файлы проектов, инструкции или текстовые уроки, вы найдете ссылки на них внизу описания.
Кроме того, мы убрали лишние элементы, такие как треугольные значки для раскрытия текстов, чтобы общий вид был более простым и аккуратным по принципу меньше – значит больше. Все улучшения мы также адаптировали для мобильных устройств.
Большая уборка на страницах полных пакетов
Что можно убрать? Как можно изменить отображение? Как можно лучше разместить информацию? Мы задали себе такие вопросы, чтобы упростить наши страницы с полными пакетами, при этом сохраняя высокий информационный уровень. Помимо вышеупомянутых изменений в отображении содержимого, мы внесли следующие корректировки:
Галерея: В галереях мы показываем, как вы можете использовать наши активы и шаблоны, например. Раньше здесь был эффект вращения. Красиво, но отвлекающе. Мы убрали этот эффект из новой галереи, теперь там ровно три вещи: вы видите выбранное изображение, подпись и навигацию влево и вправо – без разнообразия визуальных эффектов.
Раскрытие и добавление цвета: До настоящего времени почти каждую секцию на страницах с полными пакетами можно было раскрыть и скрыть, для этого были предусмотрены соответствующие кнопки в виде треугольников. Эта функция была убрана. Это делает страницы более аккуратными – будем честны: есть кто-то, кто использовал эту функцию? Кроме того, мы присвоили каждому заголовку цвет. Теперь сверху вниз, вместо грубого черного, каждая секция является разделителем мягкого зеленого цвета TutKit.
Информационная область: Вверху справа на страницах с общими пакетами мы собираем всю дополнительную информацию, например, касающуюся совместимости, количества контента и категорий. Здесь собирается много данных.
Информационную область мы поразместили и иллюстративно улучшили. Теперь прогресс обучения в учебных пособиях отображается только для вошедших в систему пользователей (посетители без входа в систему в любом случае не нуждаются в нем). Оценка наших пакетов переехала вниз в область комментариев. Новинкой в информационной области является ссылка на права использования. Наиболее заметным изменением является представление персон, создавших пакет. Вместо их имен мы показываем вам их портреты. Надеемся, что это также сделает их немного дружелюбнее ...
Множество мелких улучшений в деталях:
- нет больше навигации по слайдеру для программного обеспечения/категорий
- в целом полный скроллинг в поиске, страницах категорий и т. д.
- Карточки: меньше тени, отсутствие иконок, угловатые углы
- Карточки: отключена анимация, вместо этого зеленый налет
- Улучшен эффект наведения на разделенную кнопку
- Большие лица, например в блоге и на видео-турах
- Лицо на странице контактов
- Полностью новый футер (больше не открываем, показываем лица и т. д.)
- Страница авторов: исчезла надпись "На веб-сайт автора", полный скроллинг, зеленые налеты
- Домашняя страница: Новый контент больше не в виде слайдера
- 4 столбца для авторов
- подскакивание всплывающих окон
- новый модуль для целевой аудитории
Меньше вопросов о повышении производительности
Быстрые страницы, быстрая загрузка - это нравится Google, нравится нам, и, вероятно, нравится и вам. Что касается производительности нашего портала, мы продолжим вносить улучшения. Однако, например, мы уже реализовали оптимизацию изображений. Мы перешли с узкого формата JPG на гораздо более экономичные форматы WEBP и AVIF.
Кроме того, мы занимались базами данных и запросами, которые происходят при обращении к нашим страницам. Довольно технически, но приведем пример: когда вы заходите на одну из наших страниц с общими пакетами учебных пособий, системе необходимо знать, до какой степени вы можете просматривать видеоролики. Имеете ли вы членство? Купили ли вы пакет? Могут ли быть некоторые видеоролики бесплатными? Такие вопросы нам приходится задавать во время загрузки страницы, что, разумеется, занимает время. Соответственно, мы прикладываем усилия к улучшению производительности (Внимание! Теперь мы идем глубоко в технические детали):
- Лишние запросы к базе данных, требующие больше информации, чем реально необходимо, были удалены.
- Скорость наиболее часто выполняемых запросов к базе данных была улучшена.
- Код в методах PHP был оптимизирован, и запросы к базе данных, повторявшиеся в циклах, были устранены.
- Все части нашей системы были проверены на лишние запросы к базе данных, используемые на всех страницах, особенно те, которые связаны с пунктами меню. Эти запросы были оптимизированы для лучшей производительности.
- Было установлено, что некоторые запросы к базе данных необоснованно повторялись, особенно те, которые связаны с пользователями и пакетами. Эти повторения были устранены с использованием системы кеширования, что позволило сэкономить как время, так и ресурсы.
- Журнал ошибок системы был отслежен, и все сообщенные проблемы были устранены.
- Автоматизированные задачи системы (Cronjobs) были проверены на длительность выполнения или аварийное завершение. Эти задачи были оптимизированы путем прямого фильтрования информации из базы данных, а не через PHP-код.
Вся технология обновлена? Все обновлено!
Мы, конечно, провели много оптимизаций и обновили программные пакеты, такие как:
- Обновление до последней версии PHP.
- Laravel (наш фреймворк) был обновлен с версии 9 на 10.
- Почти 35 пакетов фреймворка были обновлены, а SDK нашего платежного провайдера Braintree также был обновлен.
- Мы перешли на http2 (мы бы предпочли использовать версию 3, но (пока) это не поддерживается сервером Apache).
- Ubuntu была обновлена с версии 20.04 до 22.04 (что важно для поддержки изображений AVIF).
Что еще предстоит?
Мы сейчас интенсивно работаем над тем, чтобы наш портал стал доступен на нескольких языках с января. Это требует больших усилий, но мы будем гордиться, когда это удастся.
Кроме того, уже на следующей неделе будет возможность приобретать отдельные контенты со скидкой, если действует акция. Это приведет к тому, что наш самостоятельный магазин (shop.psd-tutorials.de) больше не будет обновляться новыми продуктами и, как минимум, к концу первого квартала 2024 года будет закрыт, и все наши содержимое будет доступно только на TutKit.com.
Мы также планируем отправлять как минимум 1 раз в месяц рассылку, чтобы все члены и подписчики на рассылку могли узнавать о новинках. Ведь у нас всегда было так: каждую неделю мы публиковали как минимум одно новое содержимое!
Конечно, мы будем и дальше предоставлять интересный новый контент. Например, я хочу записать новый учебный курс по Adobe Photoshop Elements, поскольку в интерфейсе наконец-то что-то изменилось, и теперь есть смысл создать совершенно новый курс. Тема искусственного интеллекта также будет нас дальше занимать, и мы будем сохранять текущие продукты в актуальном состоянии или создавать совершенно новые продукты.
Что-то еще нужно? Тогда напишите мне по адресу info@tutkit.com. Я бы также был рад, если бы блог получил функцию комментирования. Что ты думаешь? Разумно или никто все равно не комментирует из-за нехватки времени?