https://kirillbelyaev.com/ru/blog/?go=tags/online-store/ о подаче информации, айдентике, интерфейсах и жизненной среде Кирилл Беляев ru E2 (v3572; Aegea) Кирилл Беляев о подаче информации, айдентике, интерфейсах и жизненной среде https://kirillbelyaev.com/ru/blog/?go=all/pants-sizing-online/ https://kirillbelyaev.com/ru/blog/?go=all/pants-sizing-online/ Tue, 09 May 2017 18:39:18 +0300 Кирилл Беляев https://kirillbelyaev.com/ru/blog/?go=all/pants-sizing-online/ <p><a href="http://kirillbelyaev.com/all/course-ui/">На курсе</a> «Пользовательский интерфейс и представление информации» Илья рассказал, как упростили выбор размеров джинсов для <a href="http://artgorbunov.ru/projects/getwear/">интернет-магазина «Гетвеара»</a> — вместо больших таблиц соответствия дали выбор нужной шкалы:</p> <div class="e2-text-picture"> <img src="https://kirillbelyaev.com/ru/blog/pictures/getwear-sizes-wl.jpg" width="730" height="438" alt="" /> </div> <p>Это напомнило о более заботливом, но и трудоёмком способе — спросить покупателя марку и размер брюк, которые он сейчас носит. А под капотом хранить размерные ряды других марок и сравнивать с ними. Покупать одежду через интернет некомфортно, вдруг не подойдёт. Если поход к шкафу гарантирует океюшную посадку, я схожу.</p> <p>Так делают «Квеле». Но делают неэлегантно — в пять шагов. Кнопки ломаются, ссылки выбранных пунктов почему-то ведут на редактирование шага. И всё равно забота радует.</p> <div class="e2-text-picture"> <div class="fotorama" data-width="884" data-ratio="1.1962110960758"> <img src="https://kirillbelyaev.com/ru/blog/pictures/quelle-sizing-0@2x.png" width="884" height="739" alt="" /> <img src="https://kirillbelyaev.com/ru/blog/pictures/quelle-sizing-1@2x.png" width="884" height="739" alt="" /> <img src="https://kirillbelyaev.com/ru/blog/pictures/quelle-sizing-2@2x.png" width="884" height="739" alt="" /> <img src="https://kirillbelyaev.com/ru/blog/pictures/quelle-sizing-3@2x.png" width="884" height="739" alt="" /> <img src="https://kirillbelyaev.com/ru/blog/pictures/quelle-sizing-4@2x.png" width="884" height="739" alt="" /> </div> </div> <p>Увы, в половине случаев они показываю всё те же таблицы соответствия:</p> <div class="e2-text-picture"> <img src="https://kirillbelyaev.com/ru/blog/pictures/quelle-size-table@2x.jpg" width="884" height="2322" alt="" /> </div>