Pull-ups — мобильное приложение для трекинга подтягиваний на турнике — Трибуна на vc.ru
{«id»:13952,»url»:»\/distributions\/13952\/click?bit=1&hash=9ac889dfd034bf8012cd9446ea03211d2ddbf36aa2feeecfc0e178d57667b555″,»title»:»\u042d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442: \u043f\u0440\u043e\u0434\u0430\u0442\u044c \u0432 \u0440\u0435\u0433\u0438\u043e\u043d\u0430\u0445 \u0442\u043e, \u0447\u0442\u043e \u043d\u0435 \u043a\u0443\u043f\u0438\u043b\u0438 \u0432 \u041c\u043e\u0441\u043a\u0432\u0435″,»buttonText»:»\u0410 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442?»,»imageUuid»:»190b7c8a-7d08-5d72-9c1d-d5f4695e3d63″}
Минималистичное iOS-приложение для ведения статистики по подтягиваниям, которое никто больше не написал.
7412 просмотров
Всем привет, меня зовут Алексей, я занимаюсь мобильной разработкой и хочу рассказать об одном текущем проекте. Это iOS-приложение для ведения статистики по подтягиваниям.
Идея
Большинство из нас, когда занимается спортом, рано или поздно начинает вести статистику по занятиям: сколько пробежал, поднял тяжестей в спортзале, подтянулся.
При занятиях подтягиваниями поначалу я записывал сколько получалось в заметки на телефоне, но вскоре понял, что эту рутину нужно оптимизировать, и отправился искать приложение в App Store, и там таких программ, как вы догадываетесь, оказалось много. Но удивительным образом почти все шлак:
- кросcплатформенные эппы со странным дизайном
- приложения, требующие оплату до того, как я вообще мог бы оценить их пользу
- комбайны с кучей дисциплин, длинной регистрацией, и фиксированным понедельным графиком занятий
- просто сложные приложения с ворохом ободрительных присказок, которыми мне было неудобно пользоваться
Решение
Поэтому я решил помочь людям со схожими проблемами и написать свое приложение для подтягиваний, и сделать это предельно просто — экран с общим прогрессом и экран для непосредственно записи повторений при подходах.
Схему занятий выбрал из открытых источников: это определенное расписание по дням, где вначале делается большее число повторений, и потом лесенкой по нисходящей (можно варьировать), а пауза между подходами две минуты.
Буду рад, если вам пригодится!
https://apple.co/3y7QSgP и да, приложение бесплатное.
За дизайн спасибо Славе Яременко.
Программа подтягиваний с нуля на турнике: таблица для начинающих
Подтягивания – одно из самых сложных упражнений для начинающих. В отличие от приседаний или отжиманий, подтянуться с первого раза сможет не каждый. Многие даже не знают с чего начать.
Подтягивания подходят многим людям: мужчинам, женщинам, подросткам и даже детям. заниматься можно как в домашних условиях, так и в тренажерном зале, и даже на улице.
Именно из-за сложности придумано множество схем обучения этому упражнению. Они зависят от общей физической подготовки начинающего и персональных навыков. Кому-то придётся начинать с самых азов, другим же потребуется только совершенствование уже наработанной техники. Главное, определить свой уровень правильно.
Польза занятий на турнике
Турник у каждого в первую очередь ассоциируется с подтягиваниями. Хотя этот тренажёр имеет несколько применений. На нём могут заниматься даже самые маленькие дети, выполняя обычный вис прямым хватом.
Такое занятие снимает нагрузку на позвоночник и формирует правильную осанку. Висеть на турнике нужно для профилактики и лечения искривлений позвоночника.
- Самое популярное упражнение – подтягивание укрепляет мышцы спины, плеча и рук. Они нагружаются собственным весом тела, при его подъёме. Укрепление мышечного корсета спины способствует поддержанию ровной осанки и большей выносливости при физических нагрузках.
- Более сложные комплексы, такие как подъемы, с переворотом, выполняют опытные спортсмены. Они помогают активнее развивать мускулатуру рук и плечевой зоны, получая большую нагрузку. Такие комплексы требуют не только больших силовых затрат, но и высокой концентрации, что способствует её дальнейшему улучшению.
- Помимо спины и рук, во время выполнения подтягиваний на турнике работают мышцы брюшного пресса. Он напрягается для увеличения усилия, тем самым формируя красивый стройный живот и бока.
С чего начать?
Методика, как начать подтягиваться на турнике:
- Начать нужно с определения уровня физической подготовки и ранее полученных навыков. Можно начать заниматься как дома, так и в тренажерном зале.
- Чаще всего вопросом обучения задаются новички, абсолютно не умеющие выполнять это упражнение. Поэтому стоит рассматривать процесс обучения с начального уровня. На этом этапе нужно подготовить свой организм к физическим нагрузкам определённого типа, в данном случае к подтягиванию на турнике.
- Для совершения усилия по поднятию тела к перекладине требуется укрепить мышцы, задействованные в этом процессе.
- Более эффективным станет упражнение тяга верхнего блока сидя. Оно максимально моделирует работу мышц во время подтягиваний и позволяет не только натренироваться, но и понять процессы, происходящие с телом во время упражнения.
Как научиться подтягиваться?
- Для того чтобы научиться этому упражнению, нужно выбрать наиболее подходящую для себя технику. Упражнения должны постепенно усложняться, по мере привыкания к ним. Важна непрерывность и систематичность занятий. Как только удастся подтянуться первый раз самостоятельно нужно обязательно закреплять наработанный навык.
- Вместе с выполнением упражнений важно научиться правильному хвату, простому вису на турнике и точной технике выполнения.
- Поначалу будет трудно сделать более 1–2 подъёмов за раз. Поэтому после них нужно продолжать работать над установленной программой, усложняя её и не прекращая попытки поднять корпус.
- Со временем полноценные подтягивания вытеснят простые подготовительные упражнения, и останется только увеличивать количество упражнений и подходов. С наступлением этого момента нужно тщательнее следить за техникой выполнения и постоянно её отрабатывать.
Помимо тренажёров нужно выполнять растяжку мышц спины, чтобы лучше чувствовать их работу. Она выполняется перед тренировкой в качестве разминки. Во время тренировки должны чередоваться подходы на тягу блока и непосредственно подтягивания любой начальной техникой.
Правильная техника для новичка с нуля
Для новичков существует несколько способов начальных тренировок:
Блоки
Блоки и обратные подтягивания помогают тренироваться на начальном этапе, когда все навыки сведены к нулю.
В этих упражнениях спортсмен отталкивается от опоры и, согнув в локте руки до угла 45 или 90 градусов, фиксирует своё положение на турнике.
В такой позе нужно держаться максимально долго, но не менее 10 секунд в каждом положении.
Обратные подтягивания
Упражнение обратное подтягивание может являться полноценным обучающим комплексом. Оно состоит из группы разных блоков.
Начальное положение – угол локтей 45 градусов. Провисев в нём установленной время, спортсмен плавно разгибает руки до прямого угла и опять фиксируется на время, после этого угол увеличивается до 120 градусов.
При занятиях силы будут постепенно увеличиваться, и можно, опустившись до самого большого угла сгиба, пробовать подниматься, также фиксируя блоки. Сначала 90, потом в верхней точке – 45 градусов. Финальный этап – это переход от коротких сгибаний до определённого блока к полноценному подтягиванию без остановок.
Отталкивание одной ногой от опоры
Отталкивание одной ногой от опоры менее эффективный способ. Он применяется скорее как дополнение к другим техникам. Можно толкаться для фиксации блока или начиная тренировать короткие подъёмы вверх. В этом методе для опоры применяется подставной табурет или ступенька, а при занятиях в спортивном зале это может быть шведская стенка.
Подтягивания со жгутом
В последнем случае применяется обычный медицинский жгут или резинка. Одним концом он привязывается к перекладине, а на втором делается петля под ягодицы.
Она подстраивается под себя так, чтобы жгут оттягивался, но при этом давал небольшую опору для толчка. Этот способ начальной тренировки подойдёт для тех, у кого уже немного развиты мышцы спины.
К ним можно перейти от начальных этапов при постепенном усилении тренировок. Это упражнение будет последним перед переходом к чистым подтягиваниям, без какой-либо помощи.
При выполнении любых упражнений на турнике нельзя спрыгивать с него. От этого будет создаваться ударная нагрузка на коленные суставы, которая приведёт к дальнейшим повреждениям. Неправильное становление на ноги при спрыгивании может обернуться вывихом коленного сустава или голеностопа.
Также нельзя совершать резкие рывки вверх, пытаясь согнуть локти и резко бросать тело из верхней точки подъёма. Такие действия могут повредить мышечную ткань и связки. Самые распространённые травмы на турнике – растяжения и разрывы.
Трудности начинающих
Начинающие спортсмены сталкиваются с трудностями на пути к правильному выполнению подтягиваний.
Их причинами становятся:
- Лишний вес. Лишний вес не только создаёт дополнительную нагрузку, но и частично сковывает работу суставов. Имея этот негативный фактор и, не занимаясь спортом раньше, стоит отказаться от выполнения подтягиваний. Для этого упражнения требуется хорошая физическая подготовка. Поэтому придётся сначала сесть на диету и выполнять более лёгкие комплексы, способствующие похудению.
- Физическая слабость. Даже нормализовав свой вес, нельзя сразу начать выполнять подъёмы на перекладине. Для этого нужно обрести хорошую физическую, разработать мышцы и привести их в тонус. Должна быть развита не только сила мышц, но и их выносливость. Она накапливается постоянными повторениями начальных техник, с постепенным увеличением количества подъёмов.
- Слабые вспомогательные мышцы. Вспомогательные мышцы интенсивно участвуют в выполнении подъёма тела. Их сила будет влиять на качество и эффективность тренировки. Поэтому при подготовке к обучению нужно обращать внимание не только на накачивание мышц спины, плеч и рук, но и на физическую подготовку организма в целом.
- Неотработанная или неправильная техника выполнения. Неправильная техника будет мешать как обучению. Упражнение будет выполнить намного сложнее или наоборот легче, но оно не будет иметь правильного воздействия на мышцы. К тому же нарушение техники приводит к случайным травмам, растяжениям и разрывам связок.
Какие мышцы задействованы при подтягивании?
Во время подтягивания на турнике задействовано большое количество различных групп мышц. Они делятся на основные и вспомогательные.
К основным относятся:
- Предплечья.
- Плечи.
- Бицепс.
- Трицепс.
- Трапеция.
- Широчайшие мышцы спины.
- Пресс.
Они отвечают за усилия при сгибании и разгибании рук, подъёме тела и поддержании его в напряжении.
Вспомогательные мышцы:
- Лучевые.
- Дельтовидные.
- Грудные.
Они не оказывают прямого воздействия на создание движений, выполняемых при подтягивании на турнике. Но они, напрягаясь, создают жёсткий каркас для тела, который способствует более лёгким и точным движениям.
Выбор одежды для тренировки
Одежда для тренировки обязательно должна быть удобной, состоящей из натурального или специального синтетического дышащего материала. Форма не должна сковывать движения спортсмена, неудобно задираться или впиваться в тело, отвлекая от тренировки. Это могут быть футболки или майки, спортивные штаны, шорты или лосины.
- Девушкам нужно подбирать специальное спортивное нижнее белье. Оно правильно поддерживает особенности женской фигуры во время тренировок и не создаёт дополнительного дискомфорта из-за приятного материала, отсутствия жёстких вставок и выпирающих швов.
- Обувь должна быть специальная спортивная, выбранная точно по размеру. Маленькая будет давить и деформировать ногу, мешая правильной технике выполнения упражнений. Большая создаёт риск повреждений ноги из-за плохой фиксации стопы.
- Под обувь обязательно надеваются носки. Они не должны быть из неприятного синтетического материала. Правильно подобранный носок хорошо отводит влагу и не мешает вентиляции стопы, предотвращая парниковый эффект.
Вся экипировка выбирается исходя из одного главного правила: выполнение упражнений должно быть максимально комфортным. Физическая нагрузка сама по себе требует полной концентрации. Поэтому спортсмен не должен отвлекаться на раздражающие факторы, такие как неудобная одежда.
Разминка
- Разминка перед тренировкой начинается с разогрева. Бег, скакалка и любые другие активные движения поднимут температуру тела и активизируют работу всех мышц.
- Во время обычных движений суставы работают в умеренном режиме и иногда застаиваются. Активные физические создают большую нагрузку на них, поэтому нужно проработать каждый сустав, чтобы «разбудить их». Для этой части разминки выполняются вращательные движения каждого узла.
- Упражнения выполняются, начиная с верхней части тела, и постепенно спускаются ниже. Перед подтягиваниями особенно тщательно разминаются кисти, локти и плечи, так как они принимают на себя большую часть нагрузки.
- Заканчивается разминка растяжкой. Она увеличивает эластичность мышц, позволяя работать им намного эффективнее и не болеть после тренировки.
Особое внимание нужно уделять мышцам рук и спины. Вся разминка должна занимать около 15 минут. По 5 минут на каждый блок упражнений.
Упражнения на тренажёрах для быстрого результата в подтягивании
Существует и специальный тренажёр для обучения подтягиваниям. Он называется гравитрон. Он представляет собой платформу для расположения спортсмена и турник, за который нужно подтягиваться.
К перекладине крепится противовес, который имитирует усилие от подъёма тела. Занимаясь на таком снаряде можно регулировать нагрузку, переходя на новый уровень.
Помимо этого, он позволяет наиболее подробно рассмотреть и понять последовательность работы всех групп мышц во время подтягивания.
- Занятия на специальных тренажёрах разовьют мышцы и подготовят их для выполнения подтягивания.
- Лучше всего для тренировки верхней части корпуса подходят тренажёры тяга блока и гребля.
- Они нагружают руки и спину, нарабатывая мышечную массу и тренируя выносливость за счёт длительных тренировок.
- Тренироваться на подготовительном этапе нужно регулярно, 2–3 раза в неделю выполняя не менее трёх подходов по 10–15 повторений.
Программы тренировок для разного уровня
Разные уровни физической подготовки требуют индивидуальных программ по развитию мышечной массы и обучению подтягиваниям. Физическое состояние зависит от нескольких факторов. На него влияют пол человека, его возраст, комплекция, образ жизни.
Нулевой уровень
Для начинающих с нуля важно не переусердствовать и не пытаться следовать таблицам, предлагаемым в интернете в больших количествах. На первых тренировках нужно понять суть упражнения и освоить правильную технику.
- Лучше всего это сделать поможет тренажер, но при его отсутствии нужно подниматься в блок, отталкиваясь от опоры, и медленно опускаться, наблюдая за работой мышц.
- Для тренировки подъёма нужно использовать жгут или помощь тренера. Такие упражнения нужно выполнять в несколько подходов с небольшими интервалами отдыха. По 10 повторений 3 раза. Этим упражнениям нужно уделить 2 – 3 тренировки.
- На второй неделе обучения нужно уделить внимание развитию мускулатуры для перехода к полноценному выполнению упражнения. Для этого каждый подход должен чередоваться с тягой верхнего блока. Этот комплекс выполняется та же 3 раза по 10 повторений.
- Как только начинают получаться самостоятельные подъёмы без дополнительной опоры, нужно постепенно их увеличивать. Объём тренировки остаётся прежним. Подготовительные упражнения постепенно вытесняются обычными.
Для мужчин
У мужской части населения от природы мышечный каркас более развит и многие изначально могут подтянуться 1–2 раза. Если нет даже такого навыка, то нужно выполнять подъём с толчком от опоры и медленные опускания.
- В первый подход опускания и подъёмы выполняются с фиксированием блока в каждой точке на 5–10 секунд, остальные два делаются плавно, без остановок. В каждом подходе по 10–15 повторений.
- Как только подтягивания становятся самостоятельными, нужно добавлять занятия на тренажёрах, для увеличения выносливости. Выполнять столько чистых подтягиваний, сколько получается, и переходить на станок. Например, подтянуться 2–3 раза и выполнить 10 повторений на тяге блока или гребном тренажёре. Число подтягиваний за всю тренировку должно быть не меньше 10 и постепенно увеличиваться.
- После того, как упражнение станет выполняться легко в течение 10 раз, занятия на тренажёрных комплексах можно исключить или свести к минимуму. Теперь можно делать упор на количество подъёмов и подходов, прорабатывая технику выполнения.
Для девушек
Девушки чаще всего имеют слабую мышечную базу, и подтягивания им даются не без труда и усилий.
- Перед тем как начать сами тренировки первую неделю нужно подготовить тело. Для этого выполняется тяга верхнего блока 10 раз по три подхода. Каждый из них должен чередоваться с эллипсоидом, беговой дорожкой или любым другим кардиотренажёром.
- Более простой вариант — занятия на специальной установке. Тренажёр с противовесом отлично подходит для начинающих девушек. Он сразу имитирует подтягивания, при этом облегчая выполнение момента подъёма тела. Заниматься нужно по 10 – 15 подъёмов 3 подхода.
- На второй неделе можно приступать к подтягиваниям с толчком от опоры или со жгутом. Нужно выполнять по 10 повторений 3 раза. Силовые тренировки при этом снижаются до одного подхода, а кардио исключаются или добавляются по желанию в качестве разминки и заминки.
- На третьей неделе самостоятельные подтягивания должны увеличиваться и добавляться до полного вытеснения других упражнений. Девушкам гораздо труднее научиться подъёму на турнике. Поэтому к обычным подтягиваниям можно начать переходить не с третьей, а с четвёртой недели.
Для детей
Дети не имеют достаточной физической подготовки для выполнения таких упражнений, хотя они более ловкие и быстро обучаются.
- Их подготовительный этап будет занимать большее время – около трёх недель. За это время нужно выполнять отжимания с колен, планку, гиперэкстензию, пресс, вис на турнике и рукоход. Каждому упражнению нужно уделять до 10 повторений по 1 подходу. В неделю выполнять по 2–3 тренировки.
- На третьей неделе можно начать обучение именно подтягиваниям. Чтобы понять принцип упражнения детям можно подтягиваться не с виса, а в положении упора ногами в стену. Так он сможет понять технику выполнения и попробовать свои силы.
- К концу месяца нужно начинать обычные подтягивания. Так как ребёнок, мальчик или девочка, скорее всего, будут заниматься не самостоятельно, а со взрослым, то самый простой способ обучения – помощь.
- Ребенка нужно поднимать, придерживая за талию и поясницу, не давая ему сильно облокачиваться на руки. Подтягивания должны хоть немного напрягать его руки и давать почувствовать вес собственного тела. Постепенно помощь нужно уменьшать, до полной самостоятельности. Упражнениям уделять по 1-2 подхода каждый не более 10 раз.
Для полных
- Полным людям наличие лишнего веса сильно затруднит выполнение подъёма на перекладине. Поэтому составляя программу обучения, нужно уделить первый месяц жиросжигающим тренировкам и диете, так как без похудения не достичь хорошего результата.
- Как только будут заметны первые потери в весе, можно понемногу добавлять комплексы подтягиваний с помощью. Начинать нужно с 1 подхода по 10 раз, постепенно увеличивая их количество. К постоянным самостоятельным подтягиваниям можно приступать при уверенном выполнении хотя бы 10 подъёмов.
Программа тренировки на турнике
Для тех, кто научился хорошо подтягиваться и много раз, составляются специальные программы для развития данного навыка. Для этого ставится цель, например, подтягиваться 50 раз. Для начала определяется количество выполняемых вами подтягиваний на данный момент.
В среднем это 5–10 раз. Тогда программа тренировок будет начинаться с 5-6 подъёмов. Она рассчитана по дням.
Цифры обозначают количество подтягиваний в одном подходе:
- Первая тренировка: 4, 6, 5, 5, 6. Всего 26 раз.
- Вторая тренировка: 4, 7, 5, 6, 7. Всего 29 раз.
- Третья тренировка: 5, 8, 5, 7, 8. Всего 32 раз.
- Четвертая тренировка: 6, 9, 6, 7, 9. Всего 37 раз.
- Пятая тренировка: 6, 10, 8, 8, 10. Всего 42 раза.
- Шестая тренировка: 8, 12, 8, 10, 12. Всего 50 раз.
Отдых между подходами должен составлять 1–2 минуты, а между тренировками 1 день. После первых трёх тренировок делается перерыв в 2 дня.
Таблица подтягиваний для начинающих
Противопоказания
Подтягивания противопоказаны при заболеваниях опорно-двигательного аппарата, таких как:
- Артрит.
- Остеохондроз.
- Сколиоз.
- Грыжа межпозвоночных дисков.
При таких диагнозах запрещены повышенные физические нагрузки, которыми являются подтягивания на турнике.
Научиться подъёму на перекладине можно и нужно. Это упражнение не только увеличит мышечную массу, но и вернёт красивую осанку. При этом для его выполнения не требуется сложный спортивный инвентарь и дополнительный вес, кроме своего тела. Именно поэтому упражнение заслужило такую востребованность.
Александрова Анастасия
Специалист по правильному питанию и здоровому образу жизни и автор сайта myfitnesblog.com. На протяжении многих лет успешно помогает женщинам и мужчинам сбрасывать лишний вес и поддерживать красивую фигуру.
Подтягивающий стол Uptown Social — контракт Arcadia
Дизайн Криса и Джона Паничеллы
Столы Uptown Social Pull-Up Tables подходят практически для любого места и имеют достаточную площадь поверхности для выполнения множества задач. Различные материалы и варианты отделки обеспечивают эстетическую гибкость, а их современный стиль ставит их в один класс, чтобы привлечь самую широкую аудиторию.
Характеристики
Подтягивающий стол Uptown Social Pull-Up Table 03- Габаритные размеры: 18″ Ш x 12″ Г x 26″ В.
- Столешница имеет размеры 12″ Ш x 18″ Д и толщину 3/4″ и предлагается из шпона ореха и белого дуба, ламината и Corian®.
- Доступны все стандартные и индивидуальные варианты отделки.
- Основание стола доступно в стандартной и премиальной отделке.
- Также предлагаются дополнительные модульные, лаунж-зоны, скамейки и журнальные столики.
- Стартовая цена = 1198 долларов США.
Варианты отделки
- грецкий орех
- белый дуб
- Ламинат
- Кориан
- Металл
29 Орех натуральный
30 Грецкий орех с корицей
35 Орех Бурбон
14 Дуб натуральный белый
20 Дуб карамельный
32 Коричный дуб
37 Дуб бурбон
123 Дуб какао
70 Дуб Кона
19 Дымчатая умбра Дуб белый
18 Дуб сланцево-серый белый
25 Дуб эбенового дерева
Ламинат — Ярко-белый
Ламинат — прозрачный клен
Ламинат — Сиреневый клен
Ламинат — медовый клен
Ламинат — Natural Rift
Ламинат — Речная вишня
Ламинат — Красное дерево Виндзор
Ламинат — шейкер Cherry
Ламинат — Красное дерево Империя
Ламинат — Клен какао
Ламинат — Колдовство
Ламинат — Absolute Acajou
Ламинат — Iconic Maple
Ламинат — Шифер
Ламинат — Черный ясень
Ламинат — черный
Corian — дизайнерский белый
Corian — дождевое облако
Кориан — Лен
Corian — Гамамелис
Стандартный металл — полированный алюминий 92
Стандартный металл — Серебристый металлик 90
Стандартный металл — 06 Угольно-серый
Стандартный металл — 95 Satin Black
Премиальный металл — 150 камней
Металл премиум-класса — 143 канарейки
Премиум-металл — 142 ртути
Металл премиум-класса — 141 мятный
Металл премиум-класса — 140 оазисов
Премиум Металл — 94 Хлопок
Премиум Металл — 83 Металлик Шампанское
Металл премиум-класса — 07 Золотой мерцающий
Металл премиум-класса — 08 пенни
Премиум Металл — 09Коричневый сахар
Пробелы + Места
Приветственный центр Университета Хардинга
Приветственный центр Университета Хардинга
Дизайн:
Крис и Джон Паничелла
Дополнительные работы Криса и Джона Паничеллы
Повышение ставок (столов) на столах в FigJam
Сегодня мы представляем таблицы в FigJam, чтобы помочь вам строить планы, планировать и систематизировать информацию более эффективно. Здесь мы сидим с командой разработчиков Figma, чтобы узнать, как они пришли к подходу, исправили ошибки многопользовательской игры и усовершенствовали детали дизайна, чтобы придумать функцию, которая чувствует себя уникально FigJam.
Впервые люди разработали сетку для хранения и понимания информации, когда они рисовали на стенах и глиняных табличках в Месопотамии. Таблицы, подобные этим, использовались для таких сложных целей, как инвентаризация имущества, навигация по океанам и картографирование небесных явлений за тысячи лет до того, как программное обеспечение стало даже мерцанием в глазах Билла Гейтса. С момента появления Excel в 1985 году и до запуска Google Sheets в 2006 году таблицы в последние годы получили широкое распространение в таких инструментах, как Dropbox Paper, Airtable и Notion, но за все это время мало что изменилось. Это по-прежнему сводится к столбцам, заголовкам и выравниванию, чтобы выделить отношения между текстом или числами; строительные блоки продолжают быть надежными и эффективными для нашего человеческого мозга, любящего категоризацию.
Команда разработчиков Figma поняла, что настал момент для функции таблиц в FigJam, когда они увидели, что их собственные внутренние команды регулярно взламывают их вместе с стикерами или фигурами в стремлении более эффективно планировать, составлять планы и даже проводить встречи. Так почему же команда разработчиков, казалось бы… столила его с … так долго? Это может выглядеть как простая серия коробок и линий, но создание многопользовательского стола на самом деле довольно сложно. Команда хотела поддержать простоту и ожидания пользователей от скромной таблицы, понимая, что многие потенциальные пользователи таблиц в FigJam не будут дизайнерами или инженерами. 900:03 PM Эмили Лин собрала упражнение на основе «StrengthsFinder», сгруппировав фигуры в FigJam.
Что на самом деле должны решать таблицы?
Когда дело дошло до обзора функции, было так много возможных направлений (и уровней сложности) на выбор. Должны ли быть функции для управления данными или таблицы должны оставаться верными своей простейшей форме? Что бы это значило, если бы в равной степени отдавалось предпочтение опыту как для «создателя» таблицы (человека, заполняющего таблицу), так и для «пользователя» (человека, потребляющего информацию)? И как будет учитываться поддержка различных уровней масштабирования наряду с многопользовательским редактированием с инженерной точки зрения?
«Отчасти радость от FigJam заключается в том, что он довольно прост, особенно по сравнению с Figma», — говорит Джесси Альварез, ведущий инженер по таблицам. Для премьер-министра Конора Вудса все сводится к тому, как люди используют FigJam. «FigJam — это не тот инструмент, к которому люди обращаются для сложной обработки данных, — говорит Вудс. «Это больше касается визуального представления информации таким образом, чтобы она была очень удобочитаемой и легко менялась с течением времени по мере развития проекта».
Визуальное представление информации является основой многих сценариев использования кросс-функциональных таблиц, с которыми команда сталкивается ежедневно: проектировщики излагают требования к функциям и их соответствующий приоритет в PRD; владельцы проектов отслеживают выполнение планов; маркетологи продуктов составляют иерархию обмена сообщениями для запуска функций; дизайнеры собирают отзывы в критиках; фасилитаторы мозгового штурма перечисляют идеи и подсчитывают голоса.
Команда знала, что нативное построение таблиц станет огромным улучшением по сравнению с решениями ad hoc, которые они видели в файлах, и производительность тоже улучшится, но, имея в виду эти варианты использования, они не хотели слишком усложнять. Функция таблицы FigJam. Потребности пользователей были довольно простыми: сделать это понятным, сделать его простым, сделать его доступным для редактирования для всех.
Таблицы «создатель» и «пользователь» одинаково важны
PM, PMM, дизайнеры и почти все остальные могут использовать таблицы, но есть только два способа взаимодействия с ними: создать таблицу или отредактировать существующий. Когда дело дошло до проектирования таблиц, этим двум принципам придавалось одинаковое значение. Для создания таблиц дизайнер Якуб Свиадек использовал процесс, который уже хорошо работает для других функций в FigJam: один щелчок на панели инструментов создает предварительно стилизованный новый элемент. Таким образом, создателям не нужно тратить время на настройку цветов, шрифтов или интервалов. Они всегда могут переключить цвета, но есть ограниченная палитра на выбор, и вся таблица оформляется вместе, чтобы ее содержимое было чистым и разборчивым. «Когда вы добавляете новую строку или столбец, мы получаем стиль из предыдущей строки или столбца», — говорит Свиадек, и если вы меняете цвет таблицы, текст внутри автоматически настраивается для максимальной разборчивости.
Поддержка только нативных стилей означала, что Swiadek может очень требовательно относиться к пользовательскому интерфейсу, который также разделяет и выделяет ячейки и заголовки. Он исследовал множество подходов к дизайну линий между ячейками, пытаясь заставить их очерчивать пространство, не добавляя визуальный шум. Он решил, что таблица программно рисует штрихи на одних краях, а не на других, чтобы линии в конечном итоге выглядели однородными, даже если они непоследовательны.
Swiadek изучил несколько различных версий, прежде чем приземлиться на подходДизайнерские и инженерные решения потребовали множества итераций и испытаний
В таблицах может быть почти неограниченное количество ячеек, и все они могут быть затронуты другим пользователем с разным уровнем масштабирования в одно и то же время. Это сильно отличает его от других частей FigJam. «Обычно, если два изменения одного и того же элемента происходят одновременно, выигрывает то из них, которое попадает на сервер вторым», — объясняет Альварес. «Но для таблицы это сложно, потому что нам нужно фактически объединить некоторые из этих изменений».
Текст мерцает, когда три человека пытаются редактировать таблицу. Это была одна из многих ошибок многопользовательской игры, которую Альварес и команда должны были распутать.Например, представьте себе совместную ретроспективную сессию, когда все вносят свои идеи в таблицу: если один человек начнет печатать в ячейке, а еще двое внесут свои собственные изменения, окончательный текст, который появится, должен включать все эти предложения. Альварес и его команда потратили месяцы на устранение ошибок и крайних случаев, чтобы таблицы могли поддерживать многопользовательское редактирование, которое так важно для Figma и FigJam — многопользовательская игра занимала не менее половины времени разработки проекта.
После нескольких месяцев доработок столы поддерживают многопользовательское редактирование.Функциональность многопользовательской игры FigJam также усложнила дизайн стола. Например, Свиадеку нужно было вернуться к стандартному шаблону FigJam для редактирования. С другими элементами FigJam, такими как фигуры или текст, пользовательский интерфейс редактирования появляется, когда пользователь выбирает элемент. Это отлично работает для элементов, которые одновременно может редактировать только один пользователь. Но что произойдет, если несколько пользователей одновременно выберут несколько ячеек в нескольких таблицах? Свиадек и его команда испробовали множество различных паттернов взаимодействия. (Альварес даже создал сценарий, чтобы снова и снова писать «FigJam», чтобы имитировать второго «игрока» для тестирования.)
Для внутренних тестировщиков интерфейс редактирования по щелчку , аналогичный используемому для других элементов FigJam, казался серьезно перегруженным, когда редактировали более одного человека. Кто над чем работал и какие элементы были «активны»? Это было слишком сложно определить визуально, особенно при дальнем увеличении.
Команда решила отойти от стандартного поведения элементов FigJam двумя способами. Во-первых, пользовательский интерфейс редактирования таблицы появляется только при наведении курсора , следуя за курсором пользователя. Если пользователь наводит указатель мыши на таблицу, появляется одна большая основная кнопка для добавления полного нового столбца или строки. Во-вторых, интерактивность таблицы меняется в зависимости от уровня масштабирования пользователя. Таким образом, видны только необходимые функции, а пользовательский интерфейс не загромождает экран. «Если вы сильно увеличили масштаб, вы можете перемещать стол и переставлять его по отношению к другим элементам на доске FigJam», — объясняет П. М. Вудс. «По мере увеличения масштаба вы обнаружите, что можете делать больше с самой таблицей: изменять ее размер или добавлять строки или столбцы». Цель состояла в том, чтобы предоставить пользователю то, что он есть, и упростить создание и редактирование таблицы в инструменте, даже если процесс получения решения был извилистым путем прототипов, тестов и обработок ошибок.
Пользовательский интерфейс меняется при увеличении и уменьшении масштаба.Что дальше?
Команда стремится повысить ставки на столах. Теперь, когда эта функция доступна в FigJam, дизайнер Swiadek думает о табличном содержимом помимо текста. «Мы хотим уделить много внимания тому, что мы называем воспитанием — размещению других элементов FigJam внутри таблицы», — говорит он. Это означало бы, что наклейка или штамп могут заполнить ячейку таблицы в будущем. На данный момент пользователи по-прежнему могут размещать нетекстовые объекты внутри ячейки, но они просто не будут масштабироваться или перемещаться вместе с таблицей.
Самое замечательное и неизменное свойство столов, говорит Свиадек, заключается в том, что «они не предназначены для того, чтобы стать тем революционным опытом, меняющим парадигму. Предполагается, что они будут вести себя так, как вы от них ожидаете», будь то составление дорожных карт, взаимодействие в команде, планирование и отслеживание прогресса или просто развлечение.