Максим Шайхалов

Зайдите на prototypingtools.co — сравнение наиболее популярных инструментов для прототипирования. Можете подобрать что-то по душе.

Насчет статей не подскажу. Но расскажу о своем опыте.

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

С другой стороны, если нужно четкое понимание где и какой контент находится, то бесконечная загрузка не подойдет. Мне кажется Яндекс именно поэтому отказался от бесконечного скрола. Людям привычней находить что-то по сценарию: по запросу X на третье странице была интересная статья. Бесконечная загрузка не дает возможности сориентироваться в контенте.

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

Попробуйте Adobe Edge Animate. После создания анимации её можно сразу отдавать в продакшн разработчикам.

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

1) Целевая аудитория. Если ЦА привыкла покупать глазами (магазин гламурных сумочек) — используем картинки и забываем про табличный вид.
Если ЦА важна максимальная плотность информации и внимание к характеристикам (например, оптовики на сайте по закупу автозапчастей), то стоит выбрать табличный вариант.

2) Продукт. Если мы продаем эффектные вау-штуки, то без картинок никуда. Если продаем внешне похожие вещи, но с кучей разных характеристик (смартфоны), то подойдет табличный вид с очень маленьким изображением товара.

Начать можно с классики.
«Психбольница в руках пациентов», Алан Купер
«Не заставляйте меня думать», Стив Круг
«Дизайн привычных вещей», Дональд Норман
«Ководство», Артемий Лебедев (помогает понять в целом что к чему в дизайне)

Если интересует более продвинутая информация, то можете посмотреть мою статью, раздел «Библиотека»

По-моему скромному мнению, UX-проектировщики — это дизайнерский спецназ. Но тут в понятие дизайна я вкладываю не оформительство, а скорее, дизайн в западном (более широком) его понимании.

Как писали выше, нужна практика и знания в смежных областях. Без понимания как интерфейс будет нарисован, сверстан и запрограммирован — все это не имеет смысла. А без практики теория будет мертва. На первое время будет достаточно классики в виде Круга, Купера, Нильсена и Тафти + достаточное количество практики.

Насчет страницы не скажу, но стилистика кнопок — Ghost buttons. Ну и общий дизайн вписывается в этот тренд.

Пропорции должны быть обусловлены товаром.
Если мы продаем авто, то нужна альбомная ориентация. Для футболок больше подойдет портретная ориентация.
По соотношению сторон можно выбрать стандартные 4:3 (собственно 1,33). Это соотношение большинства фотоаппаратов и старых компьютерных мониторов. Тогда миниатюры подстраиваются под большую часть фото.

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

Пока такого навыка нет, то можно пользоваться готовыми схемами с www.colourlovers.com или Adobe Kuler.

Лучший вариант, найти сайт с понравившейся цветовой схемой и применить на своем сайте.
Кради, как художник ©