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

Подскажите пожалуйста если я в https://pixelmap.amcharts.com/ использую карту и потом скачиваю для сайта по продажам, мне нужно вставлять ссылку на этот ресурс?

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

Ребята нужна подмога. Дизайнер/ша, со вкусом для интересного проекта в области дизайна сайта бренда, который производит мебель. Дайте ваши линки на портфолию в приват. Лучше если только в одном месте. Дизайн и UX, в фигме.

как много людей видит такое решение. А для чего вам вот это пространство, если максимум волн доставки, например, 99?  (*И все-таки продолжаете решать задачи, которые не ставились :)

Ребята извините за оффтоп, но не запускается ни один проект. Пару часов назад все работало, а теперь смерть. Не знаете как можно решить?

попробуй обновить дрова на видеокарту

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

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

напиши в поддержку

Кнопки действий: решение

Комментарии к решению →

Комментарии к решению

Исходная задача

Начнём с общего контекста, который осознаёт пользователь при выборе нескольких слотов. Этот контекст представлен белым блоком справа, группирует 5 сущностей и в нём мы видим все действия, которые мы с ними можем делать. Их 4 , и они имеют разную иерархию: закрытие, сохранение изменений и отмена изменений, сброс фокуса с закрытием окна.

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

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

Также добавили крестик закрытия, чтобы не было путаницы, что произойдёт по нажатию на Закрыть слоты. Теперь это явно отдельное действие, не снимающее фокус с 5 слотов.

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

Кнопка Сохранить — ключевое действие, если мы что-либо меняли в настройках. Поскольку наш бэк не умеет в сокеты и в системе ещё нет истории действий, мы вынуждены делать кнопку ручной отправки запроса на сохранение. в форме не должно быть интерактивных элементов, которые находятся ниже ключевого действия, иначе есть эффект, когда интерфейс говорит тебе: «вот твои возможные действия. А, да, кстати, вот ещё одно.» Это тупо.

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

—
#первые_шаги  #задачи

Ответ: https://t.me/slashdesigner/690

формат классный, спасибо админу и участникам

О, здорово. Мой образец недалеко ушёл 😇 Спасибо за подгон, Саша 🤗

Даёшь ещё подобные задачи

Саня молодец! Круто что ты находишь время писать обучающие посты 🙌

Логичное решение с крестиком! Однако "отменить" часто закрывает диалог (без изменений), поэтому если такого тут не происходит, то мб лучше по другому назвать или иконкой "undo" заменить?

"Решать другие задачи, которые попадаются на пути — это хорошая инициатива, если всё-таки решена главная и если на это есть достаточно времени." Видимо, эта часть ответа сказана в мой огород :)  
Думаю так:  Саше ничего не мешало задать вопрос "Что можно улучшить?", а не "Как расположить кнопки?". А мне ничего не мешало переспросить или уточнить. :)
Не вижу ничего плохого во внутренней расплывчатой постановке задач, если об этом знать заранее. Я почему-то решил, что у вас там все четко на 100%