Прежде чем Jess Xuan начала создавать дизайн для некоторых из самых узнаваемых брендов в мире, она была ребенком на Neopets, осваивающим свою первую строчку кода. Это раннее любопытство в сочетании с увлечением духом DIY и открытого исходного кода интернета направило ее по пути от самостоятельного изучения приемов Photoshop к карьере длиной более десяти лет.
Джесс — графический и цифровой дизайнер в Squarespace, родом из Мельбурна, Австралия, которая успела поработать в культурном и коммерческом секторах. Ранее она работала в Work & Co и Bureau for Visual Affairs, помогая таким компаниям, как Loewe, Commonwealth Bank и It’s Nice That, определять и воссоздавать их присутствие в цифровой среде. Ее работы делают интернет немного более причудливым и гораздо более доступным.
Мы задали ей 10 вопросов об исторических сайтах, которые сформировали ее как профессионала, в том числе об «анти-юзер-френдли» арт-проекте, который заставил ее переосмыслить привычные вещи, и о редизайне правительственного сайта, который она до сих пор приводит в пример.
Взросление в интернете и знакомство с дизайном
На каких сайтах вы помните себя проводящей много времени в детстве?
Я проводила в интернете очень много времени, когда рола. У меня остались очень теплые воспоминания о выполнении ежедневных заданий на Neopets и общении с близким по духу сообществом пиксель-арта. Я до сих пор помню, как научилась кодировать ссылки (с помощью тега <a>) на фанатском сайте Neopets и учила этому свою лучшую подругу в начальной школе. Недавно несколько участников старого сообщества пиксель-арта снова связались друг с другом, и забавно, как многие из нас в итоге оказались в творческих индустриях и особенно сколько среди нас коллег-продуктовых дизайнеров.
Мне также нравилось, как в интернете ценилось обучение с открытым исходным кодом. Существовали доступные бесплатные туториалы и пошаговые руководства о том, как писать код и пользоваться Photoshop. Я почерпнула множество приемов Photoshop из старых уроков в LiveJournal, которые теперь уже не найти. Позже, в подростковом возрасте, меня привлекали блоги о логотипах и брендинге. Мне очень нравились Tumblr и FFFFOUND! в поисках вдохновения, а также Awwwards за демонстрацию инновационного веб-дизайна того времени.
Что вообще привлекло вас в дизайне?
Я всегда любила дизайн. Во время субботних занятий китайским языком в начальной школе я делала книги, что мне очень нравилось, а в подростковом возрасте я разработала (довольно плохую) настольную игру. Когда я стала старше, меня по-настоящему увлекла изобретательность брендинговых логотипов (вспомните скрытую стрелку в логотипе FedEx), а также минималистичная и забавная упаковка. Я часами сидела на таких сайтах, как The Dieline и BP&O. Работы Miles Newlyn тогда тоже очень меня вдохновляли.
В восьмом классе я написала, что хочу стать графическим дизайнером, когда вырасту. Учеба в университете только укрепила это желание. С возрастом я стала меньше интересоваться брендингом и больше склоняться к цифровому дизайну. Как бы ни было забавно, графический дизайн — это действительно просто моя страсть.
Что сформировало ее философию дизайна
Оглядываясь на названные вами сайты, какие конкретные дизайнерские решения нашли отражение в вашей собственной работе?
Что мне очень нравилось в интернете начала 2000-х, так это ощущение причудливости и чуда. Всё казалось захватывающим и возможным. Я стараюсь воссоздавать это ощущение везде, где могу — сложно соблюсти баланс между хорошим дизайном и правильным сочетанием функциональности и игривости. И поскольку я пользовалась таким количеством сайтов, мне естественно хочется, чтобы у них был хороший пользовательский опыт с интуитивными паттернами. Я не хочу создавать барьеры для информации или делать вещи излишне сложными. Я стараюсь делать веб-сайты максимально универсальными и доступными, а также приносить людям радость. Когда я делала редизайн It’s Nice That в 2019 году, я старалась передать это лучше всего с помощью ярких цветов, четкой типографической иерархии и достаточного количества свободного пространства.
Художником, который, как мне кажется, находится на противоположном конце функционального спектра, является Yehwan Song, чье выступление я слышала много лет назад. Мне очень понравился их подход к созданию искусства — часто они создают намеренно недоступные сайты, призванные быть анти-юзер-френдли, чтобы раздвинуть границы и заставить вас переосмыслить конформизм и назначение современного веб-дизайна. Их подход к использованию интернета как средства исследования власти очень интересен.
Есть ли старый сайт, влияние которого вы до сих пор видите в веб-дизайне?
В 2016 году я помню выступление на POST design festival о недавно обновленном сайте gov.uk, созданном внутренней командой Government Digital Service. Это был амбициозный проект, который пытался сделать сайты правительства Великобритании более доступными и понятными для общественности, используя простые принципы вроде «простого английского», пользовательских навигационных путей и понятной дизайн-библиотеки. С момента этого знакового редизайна — которым я с благодарностью пользовалась — я заметила, что многие правительственные сайты пытаются перенять похожие визуальные приемы, переходы и принципы.
Кроме того, несмотря на все мои усилия деколонизировать свои эстетические предпочтения, я действительно питаю слабость к швейцарскому европейскому модернизму, который я считаю вечным в дизайне и все еще довольно вездесущим.
Какие еще сайты, по вашему мнению, хорошо спроектированы сегодня?
Мне очень нравился read.cv до его закрытия — эстетика и общее ощущение были такими простыми и чистыми. Сделать резюме красивыми — задача не из легких (они часто бывают слишком перегруженными), и мне нравилось, что они справились с этой миссией.
С функциональной точки зрения мне также очень нравится Mobbin, репозиторий экранов-образцов веб- и апп-дизайна. Таксономия и функция поиска работают отлично, и все кажется интуитивно понятным, поскольку ресурс создан дизайнерами для дизайнеров. Он также научил меня некоторым новым терминологиям, таким как «маркеры обучения» (coach marks) в списках элементов!
Я помню, что сайт This American Life показался мне очень интуитивным в использовании. С визуальной точки зрения мне очень нравятся несколько сайтов: Foam, ранний Kinfolk и портфолио дизайнера Luke Hoban. Отдельная благодарность The Pudding за их инновационный редакционный дизайн.
Создание хорошо спроектированного сайта
Вы когда-нибудь создавали сайт для себя или друга? Что вы помните об этом?
Я прошла курс SuperHi, чтобы научиться кодить для дизайнеров, параллельно с изучением модуля по кодингу в университете. Я работала над сайтом (The Boy Club) для друзей. Это было связано с методом проб и ошибок, и это был интересный учебный опыт, который я точно не хочу повторять! Я гораздо счастливее в роли дизайнера и предпочитаю оставлять разработку экспертам. Конечно, в наши дни вы можете просто использовать ИИ, чтобы быстро запустить сайт и подключить его к CMS, что делает возможности бесконечно более веселыми и захватывающими.
Если я начинаю создавать сайт, какие хорошие советы стоит иметь в виду?
- Имейте четкую цель для своего сайта и расскажите людям, как с вами связаться. Не усложняйте людям поиск информации, которую они ищут.
Имейте четкую цель для своего сайта и расскажите людям, как с вами связаться. Не усложняйте людям поиск информации, которую они ищут.
- Не используйте больше трех шрифтов. В идеале вы используете один или два. Убедитесь, что между фоном и текстом достаточно цветового контраста для читаемости.
Не используйте более трех шрифтов. В идеале лучше применять один или два. Убедитесь, что между фоном и текстом достаточный цветовой контраст для хорошей читаемости.
- Не бойтесь свободного пространства. Многие считают, что на экране нужно задействовать каждый дюйм, но наличие воздуха помогает снизить когнитивную нагрузку при прокрутке веб-сайтов.
Не бойтесь свободного пространства. Многие считают, что на экране нужно задействовать каждый дюйм, но наличие воздуха помогает снизить когнитивную нагрузку при прокрутке веб-сайтов.
- По возможности придерживайтесь единой сетки (хотя, возможно, это просто моя евроцентричная предвзятость).
По возможности придерживайтесь единой сетки (хотя, возможно, это просто моя евроцентричная предвзятость).
- Убедитесь, что ваш сайт отражает вашу индивидуальность. Не делайте его похожим на все остальные! Стиль письма и изображения играют огромную роль в том, чтобы ваш сайт казался уникальным. Спросите друга, ощущается ли сайт достаточно «вашим».
Убедитесь, что ваш сайт отражает вашу индивидуальность. Не делайте его похожим на все остальные! Стиль письма и изображения играют огромную роль в том, чтобы ваш сайт казался уникальным. Спросите друга, ощущается ли сайт достаточно «вашим».
Вы занимаетесь дизайном веб-сайтов в Squarespace. Почему дизайн занимает столь центральное место в подходе компании к веб-сайтам?
Одна из ценностей Squarespace звучит как «Дизайн — это не роскошь», и я с этим полностью согласен: качественный дизайн должен быть доступен каждому. Его ценность и понимание не всегда очевидны, но хороший дизайн привлекателен не просто ради красоты — он жизненно важен для любого взаимодействия.
Продуманный и качественно реализованный дизайн создает лучший пользовательский опыт, который напрямую ведет к лучшим бизнес-результатам. Крупную типографику легче читать. Четкий и простой текст делает информацию легкой для восприятия. У всех нас был опыт как хорошего, так и плохого дизайна, и компании, которые ценят хороший дизайн, как правило, добиваются наибольших успехов. Это беспроигрышный вариант как для тех, кто хочет создать сайт, так и для их аудитории.
О дизайне с использованием ИИ и о том, что будет дальше
Инструменты ИИ обещают сделать дизайн доступным для большего числа людей. Какую роль должен играть ИИ в процессе проектирования?
Squarespace переживает захватывающий период экспериментов с тем, как ИИ может применяться в наших рабочих процессах. Мы используем такие инструменты, как Claude и Cursor, для самых разных задач — от партнера по брейнштормингу при создании концепций до полной автоматизации рутинных задач, вроде создания электронных таблиц. Это очень помогло высвободить время для настоящей работы — непосредственного проектирования.
Кажется, что ИИ никогда полностью не заменит людей, это просто еще один инструмент, улучшающий нашу работу. Я думаю об этом как о появлении смартфонов. У многих были те же обоснованные претензии (этичное потребление электроэнергии, социальный когнитивный дум-скроллинг), но в итоге смартфоны повсеместны и невероятно полезны для многих из нас. Вместо того чтобы напрямую бороться с ИИ, было бы лучше найти творческие способы использовать его как можно более этично и делать нашу работу еще лучше.
Есть ли у вас какие-либо сторонние дизайн-проекты вне Squarespace?
У меня были на уме кое-какие проекты в течение многих лет, но большую часть свободного времени вне работы я не занимаюсь дизайном! В большинстве стран, где я жил, я участвовал в массовых движениях в поддержку маргинализированных групп. Кроме того, когда я жил в Дании, я недавно случайно увлекся соревновательным киберспортом. Сейчас я просто сосредоточен на том, чтобы делать свою работу дизайнера на отлично.
