Light box: LightInTheBox – Мировой интернет-магазин платьев, товаров для дома, электроники и свадебной одежды

30.01.2023 alexxlab

Содержание

LightBox с точки зрения UX/UI и как он меняет продукты / Хабр

В Экосистеме РСХБ мы создаем инновационные продукты для сельского хозяйства.
Для их разработки мы решили использовать подход мировых компаний в области UX/UI.
Чтобы не повторять ошибки конкурентов и создать полноценную экосистему.
Основой всех продуктов экосистемы стал LightBox, который является сквозным функциональным дизайн-решением. Например, в проекте для фермеров, мы решаем насущные проблемы и вопросы фермера в одном окне и кроме маркетплейса товаров предоставляем большое число услуг
и сервисов.
Сложность проекта заключается в объединении в одном портале разных сценариев и ролей.

Что такое LightBox и почему именно «LightBox», а не «LightWindow», в чем его отличие от Pop-up, как он способен изменить продукт. Все это я постараюсь рассказать ниже.

1 — С точки зрения разработки LightBox представляет собой всплывающее окно с изображением.

2 — Pop-up или модальное окно, представляет собой всплывающее окно с минимальным набором функционала не имеющего отдельного URL. Его основная задача информировать пользователя, спрашивать и уточнять, предупреждать, открывать просмотр и медиа контента.

3 — Модальные окна занимают, как правило, менее 30% экрана. LightBox — это уже полноценная страница, с полноценным функционалом и имеющая отдельный URL и площадью покрытия от 70% до 90%.

4 — Почему мы считаем данное решение ключевым и важным для UХ и UI большинства продуктов?
Все просто. Все интерфейсы и дизайн решения имеют несколько целей и единый путь развития. Все меняется и имеет цикличность, так вот — если углубиться в историю первых интерфейсных решений, то все они были основаны на LightWindows, это были функциональные всплывающие окна. Сейчас же весь дизайн стремится к максимальному удобству, оптимизации времени и минимализму одного окна.

Идеальный продуктовый интерфейс — это одно окно.

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

Почему мы стали применять LightBox, расскажу на одном примере ниже.
Пользователь находится на портале, ищет необходимый товар или услугу, через поиск, получает страницу выдачи, добавляет фильтры и дополнительные критерии. Находит нужный товар, нажимает на карточку, совершает покупку, закрывает через браузер или «хлебные крошки», переходит на страницу списка, теряя контекст, фильтры и поиск который он делал ранее.

Это порядка 7-10минут, а в сложных продуктах и более 25минут.
Человек теряет время, теряет контекст и начинает свой путь заново.

LightBox, помогает решить проблему потери контекста, фильтров, поиска и выдачи. Это страница с уникальным URL (всегда можно отследить переход на нее и поделиться ссылкой), открывается поверх страницы выдачи и позволяет вернуться в тот же экран откуда пользователь ушел.

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

Преимущества LightBox:
— Уникальный URL
— Полноценная страница с сохранением функционала
— Сохранение контекста
— Интуитивность
— Свобода реализации и дизайна
— 70%-90% рабочего пространства с возможностью отображать интерфейс в полном объеме

— Возможность блочного построения и интеграции внедренного скролла.

Экосистема для фермеров (Своё | Фермерство)

Как в реальных проектах работает LightBox и каковы его преимущества.
Во первых, время работы и переходов сокращается в среднем с 10 минут до 1 минуты.
Во вторых, общее время и скорость взаимодействия до конечного действия, сокращается вдвое.

Фермеры и пользователи положительно оценили это решение и мы стремимся к работе в одном окне.

Меня зовут Кирилл Тагинцев, я возглавляю UI/UX экосистемы РСХБ, мы разрабатываем проекты и применяем LightBox в своих проектах. В статье представлены лишь часть из них.

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

Новостной портал, с социальными блогами для фермеров (Новости и Блоги)

Портал поиска сотрудников и работы в агро направлении (Подбор персонала)

Какие компании используют LightBox:
— Яндекс
— Facebook
— Mail.group
— dribbble.com
— Bechance.net
— Сбербанк

Компания Aputure выпустила софтбокс Light Box 45×45 и ручку-кронштейн с V-mount

2022-09-23

23. 09.2022 / Константин Биржаков

Твитнуть

Компания Aputure выпустила софтбокс Light Box 45×45, который, как следует из названия модели, имеет квадратную форму со стороной 45 см. Софтбокс оснащён байонетом Bowens, он подойдёт к светильникам Aputure 60, 100 и 200, его можно использовать и с более мощными лампами LS 300d Mark II и LS 300x, а также с приборами других производителей, которые имеют такой же байонет. В комплекте софтбокс, два рассеивателя, 1,5 стопа и 2,5 стопа, сетка в виде сот и сумка. Софтбокс продаётся за $45.

Софтбокс Aputure 45×45

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

Конструкция софтбокса разборная, с 4 стержнями, такую же можно встретить в софтбоксах компании Godox; к сожалению, софтбокс не способен разбираться наподобие зонтика, как это сделано, например, в более крупных модификаторах Aputure серии Light Dome.

Автор этих строк постоянно работает на выезде с двумя софтбоксами Godox, которые приходится собирать и разбирать, поэтому имеется большой опыт, могу даже статью на эту тему написать, если кому-то это будет интересно. Основные постулаты – стержни при постоянном сборе-разборе всей конструкции изгибаются, теряя упругость, несколько насадок на стержни уже потерялись. Соты в двух местах порвались. Рассеивающая ткань начала распускаться по ниткам в месте, где к ней пришита “липучка”. И это несмотря на то, что я обращаюсь с техникой максимально аккуратно, насколько это возможно, даже в спешке, когда до закрытия студии остаётся 5 минут. Всё сказанное выше касается только софтбоксов Godox подобной конструкции, как будут обстоять дела с продукцией компании Aputure, может показать только реальная практика. Если у кого-то из уважаемых читателей такая практика имеется, поделитесь пожалуйста в комментариях.

Из сказанного выше можно сделать вывод, что складная конструкция по принципу зонтика – это очень и очень удобно, и жаль, что для небольшого софтбокса 45×45 её применить не удалось.

Свет с софтбоксом Light Box 45×45 и ручкой-кронштейном

Специально для съёмки в движении, это может быть, например, интервью на ходу, музыкальные клипы и другие проекты, компания выпустила ручку-кронштейн для света. Это дополнительный аксессуар, он стоит $40, к нему будет полезен кабель питания D-Tap за $10, так как кронштейн позволяет установить ёмкий аккумулятор V-Mount, таким образом, можно будет ходить с лампой в руках весь день, и не думать о проводах и розетке.

Ручка-кронштейном с V-Mount

Кронштейн разработан специально для ламп Amaran 60d или 60x, он крепится при помощи помощью винта 1/4 20″ и двух установочных штифтов для предотвращения скручивания. Удобно. Я уже подумываю, не прикупить ли мне к моей Amaran 60d такой же кронштейн.

Комплект Aputure Light Box 45×45

В комплект входит софтбокс 45×45, рассеиватели 1,5 и 2,5 стопа, сетка-соты и сумка для хранения и переноски.

Что по ценам?

Light Box 45×45 – $59
Ручка-кронштейн Amaran – $40
Кабель питания D-Tap – $10

Презентация от Aputure

2022-09-23

Теги: константин биржаков, aputure, видеосвет, аксессуары для фото и видеосъемки, новость

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

Твитнуть

Как сделать лайтбокс своими руками (три разных простых метода)

Вы когда-нибудь задумывались, как люди делают отличные снимки товаров, которые вы видите в каталогах или интернет-магазинах?

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

Лучшие варианты на рынке могут стоить от сотен до тысяч долларов. Итак, как сделать лайтбокс для фотосъемки своими руками, если у вас нет достаточного бюджета?

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

[ Примечание: ExpertPhotography поддерживается читателями. Ссылки на продукты на ExpertPhotography являются реферальными ссылками. Если вы воспользуетесь одним из них и купите что-нибудь, мы немного заработаем. Нужна дополнительная информация? Посмотрите, как это все работает здесь . ]

Как сделать лайтбокс своими руками с доступным светом

Этот лайтбокс своими руками займет около 15 минут вашего времени. И вам нужно всего несколько материалов, которые, вероятно, уже есть в вашем доме.

Вам потребуется:

1 коробка для карт среднего размера
2 листа бумаги для выпечки или вощеной бумаги
2 листа алюминиевой фольги
1 Белый лист бумаги
Линейка, x-acto нож, клей

Шаг 1

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

Теперь посмотрите, какая сторона будет лучше всего работать в качестве передней части вашего светового короба.

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

Шаг 2

Теперь разрежьте боковые стороны коробки посередине ножом x-acto. Это поможет, если вы используете линейку и маркер, чтобы нарисовать, какие части вы хотели бы удалить.

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

Шаг 3

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

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

Шаг 4

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

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

Шаг 5

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

Шаг 6

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

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

Шаг 7

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

Теперь ваш световой короб готов, и вы готовы к съемке.

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

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

Я снял это изображение с f/22, выдержкой полсекунды и ISO 400.

Видите равномерное освещение и цветовую температуру? Совсем неплохо для самодельного светового короба, верно?

Как сделать компактный светодиодный световой короб своими руками

Коробка, которую мы сделали ранее, идеально подходит для съемки при естественном освещении. Но вы не всегда можете ждать, пока солнце светит, когда дело доходит до фотосъемки с лайтбоксом.

Что делать, если вам нужно снимать ночью? Не волнуйтесь, наш следующий проект включает в себя световой короб со светодиодной подсветкой!

Этот метод требует больше времени и энергии, но оно того стоит. Тем более, что использование светодиодного освещения создает контролируемую экспозицию и цветовую температуру.

Вам потребуется:

1 лист плексигласа толщиной 3 мм
1 Светодиодная панель 5 В
2 маленькие застежки-липучки
X-образный нож