Все потоки
Поиск
Написать публикацию
Обновить
46.93

Веб-дизайн *

Дизайн спасет мир

Сначала показывать
Порог рейтинга
Уровень сложности

Про локацию в профиле

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров9K

У меня многолетний опыт удаленной работы из разных локаций мира от привычных фрилансерских островов Юго-Восточной Азии до мировых столиц вроде Лондона. В этой заметке я хочу рассказать о своих наблюдениях. И показать, насколько сильно локация влияет на возможности в go global!

1️⃣ У всех людей, включая потенциальных работодателей, клиентов или кастомеров, есть "географические" стереотипы и предрассудки. Прежде всего о стоимости услуг или зарплате. 

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

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

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

2️⃣ Или например на второй год странствий немало талантливых дизайн-агентств мск/спб планирует переезд в Барселону. Про быт нет вопросов: считаю этот город лучшим в мире для жизни. 

Но делать свое агентство барселонским - это значит:

а/ Задать невысокие ожидания по чеку: для американского бизнеса что Барселона, что Верона, что Лиссабона - примерно одно и то же. Читай: "в Европе закажем подешевле". А чеки побольше будут уходить тем, кто переехал в Лондон, Нью-Йорк, Долину или хотя бы в Дублин.

Читать далее

Почему типичные дизайн-подходы оказались неприменимы к интерфейсу для производств

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров27K

После того как я впервые съездила на завод, стало понятно, почему в дизайнеров кидаются тапками.

Мы работали на ярких прикольных аймаках, проектируя интерфейсы MES-систем в соответствии с трендами. А потом своими глазами увидели, в какой ад для сотрудников производства это превратилось.

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

Читать далее

Как я создал электронную проходную по Qr-кодам

Уровень сложностиПростой
Время на прочтение10 мин
Количество просмотров21K

Будучи являясь студентом, нам предложили поучаствовать в одной программе. В данной программе нам преподавали курсы из различных областей, как бизнеса, так и программирования. Вот некоторые из них: «Основы.NET и знакомство с платформой разработки веб‑приложений», «Азы программирования на основе 1С», «HTML и CSS», «Навыки работы с системой управления версиями Git», «Javascript».

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

Читать далее

Главный принцип разработки интерфейсов

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров16K

Если вы достаточной древний, то на личном опыте знакомы с технологической энтропией: железо становится мощнее, но софт деградирует. Photoshop тормозит, а ТВ тупит даже при переключении каналов. Портится не только код, но и интерфейсы.

С энтропией кода бороться тяжело. С интерфейсами вопрос решить проще, если проектировать их по правильным принципам.

Читать далее

Как правильно смотреть и использовать конкурентов на пользу продукту: 5 неочевидных практик

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров4.2K

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

К концу статьи вы узнаете:

1. Почему копировать — не лучшая затея;
2. Что делать, если конкурентов нет;
3. На что смотреть в чужих продуктах;
4. Зачем рассказывать пользователям о сильном конкуренте;
5. Как не стать унылой копией конкурентов.

Узнать секреты конкурентного анализа

В потоке лендингов: путь к автоматизации

Уровень сложностиСредний
Время на прочтение16 мин
Количество просмотров2.8K

У нас полно лендингов и бизнес просит еще! Но каждый новый лендинг нужно проводить по процессу. Хочется автоматизации - нужен конструктор! Я неоднократно читал статьи на Хабре про самописные решения – 5 лет, и все в лучшем виде, но для нас это "too much". Мы уложились менее чем за год с "Bitrix". До этого серьезно прошерстили рынок на предмет типовых решений, а также отбросили вариант решения с нуля. Расскажу о процессе выбора и что мы в итоге получили.

Читать далее

Как дизайнеры воруют и почему это нормально

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров4.6K

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

Читать далее

Можно ли получить из нейронки рабочий дизайн интерфейса?

Время на прочтение2 мин
Количество просмотров17K

Десять месяцев назад я завёл отдельный телеграм-канал и начал публиковать результаты своих экспериментов с нейросетями.

Читать далее

И вспыхнет пламя! Приглашаем UX/UI-дизайнеров на баттл с призом 100 000 рублей для победителей

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров1.7K

Уже покорили все известные вам конкурсы или только хотите влиться в тусовку? Заходите на огонёк: в ноябре 2023 года устроим испытание вашему креативу и навыкам работы с Figma на Pyrobattle 2023.

Узнать про Pyrobattle

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

Время на прочтение6 мин
Количество просмотров1.2K

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

Читать далее

Почему я почти никогда не начинаю проектирование (или дизайн) сайта с главной страницы

Время на прочтение2 мин
Количество просмотров12K

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

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

Читать далее

Почему 80% курсов не сделают из вас дизайнера

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров7.7K

На дворе 2023 и казалось бы, про IT профессии трубят из каждого утюга, но реальный процент людей который туда попадает печально низок.

Читать далее

Чем отличается синтетическое событие клика от обычного в javascript фреймворках?

Уровень сложностиСложный
Время на прочтение3 мин
Количество просмотров7.5K

Сегодня, стало более ли менее стандартом использование синтетических событий в современных js фреймворках, нежели обычный addEventListener. Но, как же работают эти события? В данной статье, я постараюсь на примере Cample.js версии 3.2.0-beta.1 рассказать об этом.

Читать далее

Ближайшие события

Создание мультиязычного вебсайта: для Китая и других регионов

Время на прочтение13 мин
Количество просмотров5.7K

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

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

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

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

Читать далее

Оценка стоимости дизайна сайтов для дизайнеров-фрилансеров

Время на прочтение2 мин
Количество просмотров1.4K

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

На старте дизайнеру-фрилансеру от клиента часто приходит очень расплывчатый запрос. Что-то типа "Дизайн для сайта стоматологии" или "Лендинг про пластиковые окна".

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

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

Dezarmus как раз призван решить эти две ситуации. Причём с минимальной входной информацией.

Читать далее

Пять причин почему нужно участвовать в диджитал конкурсах и отраслевых рейтингах + чек-лист для подготовки кейса

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров2.2K

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

Всем привет, я — Саша Комбаров, руководитель в веб-студии. В начале 2022 года мы обстоятельно подошли к участию в конкурсах сайтов и приложений, а также отраслевых рейтингах: составили таблицу с российскими и зарубежными конкурсами и рейтингами, выбрали кейсы, назначили ответственных... Спойлер — все пошло не по плану :)

Читать далее

Сделали библиотеку компонентов, но пришлось переделывать. Почему так вышло и чем дело кончилось

Время на прочтение6 мин
Количество просмотров3.4K

Привет, Хабр. Меня зовут Артем Арефьев, я руковожу Frontend-разработкой в направлении продукта для учеников в Учи.ру. Фронтендом занимаюсь уже 11 лет, шесть из которых работаю у нынешнего работодателя. Еще принимаю участие в проектах Open Source (например, внес вклад в проект Lerna), несколько лет был наставником в «Хекслет». Хочу рассказать о том, как у нас в Учи.ру возникла необходимость в создании библиотеки компонентов, почему первое решение не сработало, какие выводы мы сделали и чем закончился наш проект библиотеки.

Читать далее

Книга «Дизайн маркетплейса». Гамма и стили

Время на прочтение3 мин
Количество просмотров1.3K

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

Читать далее

От нуля до фронтендера (о своем пути простыми словами)

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров14K

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

Какой порог входа? Сначала допустим, что вы как минимум умеете пользоваться компьютером и заходить в интернет. Для начала, вам желательно знать английский: все термины будут именно на этом языке. А все что на русском – скорее всего калька или перевод тех же самых английских терминов. Почему английских? Да просто потому, что большинство создателей языков программирования – англоговорящие люди, которые сразу ориентируются на глобальный рынок. А всемирную паутину так вообще изобрел британец. Да, есть конечно и языки программирования на русском, китайском и других языках – но на их долю приходится весьма скудная часть рынка.

Теперь перейдем к основам. Вам понадобится язык гипертекстовой разметки HTML, чтобы создавать веб-страницы и их элементы. Он насчитывает около 100 тегов – названий элементов в угловых скобках, а также бесчисленное множество атрибутов для них. Однако, в этом языке нет логики программирования: циклов, условий, переменных и тому подобного. Поэтому освоить правила HTML не так сложно, как может показаться на первый взгляд. Но не стоит забывать про особенности последней версии языка (на данный момент – это HTML5). Нужно всегда быть в курсе последних нововведений: плагин Emmet и шаблонизатор Pug позволяют писать HTML код в сокращенном виде, ускоряя процесс разработки.

Читать далее

Интерфейсные элементы мобильных страниц, которые реально раздражают

Время на прочтение4 мин
Количество просмотров22K

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

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

Читать далее

Вклад авторов