Я создаю макеты HTML. Как поделиться ими для совместной работы?

При работе с клиентом я создаю несколько наборов макетов HTML. Они отличаются преданностью, отзывчивыми, иногда содержат немного контента, имеют несколько анимаций и т. Д. Они обычно входят в пакетные пакеты - набор связанных экранов, отображающий поток пользователей или набор компонентов. Эта часть моего рабочего процесса замечательна.

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

  1. Версии обрабатываются вручную с использованием имен папок, то есть ненадежны и сложны
  2. Для клиента нет хорошего способа просмотра и сравнения версий.
  3. Клиент не получает навигацию или обзор своих макетов
  4. Мне нужно добавить аннотации, заметки и т. д. как часть моего макета HTML (вместо ссылки на макетную версию).
  5. Обратная связь с клиентом находится в электронном письме или в моем ноутбуке, а не в прямой корреляции с правильной версией фактического макета, видимым мне и клиенту.

Я знаю, что, используя, например, InVision решит мою проблему, но мне неинтересно использовать инструмент wireframing (или инструмент для преобразования JPEG-to-wireframe). Я часто использую макеты, входящие в фазу реализации. Они также дают мне полный контроль над верностью, от отрывочного набора ящиков до окончательного кода переднего плана, если я захочу. Это упрощает диалог с клиентом - «Измените размер окна браузера, чтобы увидеть вид планшета». Еще одна замечательная вещь в том, что я могу найти базовый макет текущего сайта клиента или виджет, который коррелирует с изменением. Меня просто не интересует инструмент для прокрутки. Однако если InVision поддерживает макеты HTML, моя проблема будет решена!

7 голосов | спросил Simeon 21 Jpm1000000pmThu, 21 Jan 2016 19:59:20 +030016 2016, 19:59:20

3 ответа


2

Это не один инструмент, а два - Dropbox и Github. Вот инструкции о том, как кто-то еще установил его:

http://alexcican.com/post/guide-hosting-website -dropbox-GitHub /


Edit:

Zurb's Notable чувствует себя как лучший инструмент для совместной работы над макетами HTML: http://www.zurb.com /примечателен

ответил jay 21 Jpm1000000pmThu, 21 Jan 2016 23:47:17 +030016 2016, 23:47:17
1

Вы можете попробовать любой из них, они не являются инструментами UX, но они будут отображать ваш HTML достаточно хорошо, и все имеют управление версиями и совместное использование.

bl.ocks.org

  

Это простой просмотрщик примеров кода, размещенных на GitHub Gist .

Он создан Майком Бостоком и в основном используется для показа страниц d3.js . Но по существу каждая страница представляет собой HTML-страницу с javascript, поэтому вы можете использовать ее, чтобы показать свои макеты. Затем вы можете сотрудничать с комментариями как в версии, так и в версиях.

CodePen

  

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

Наконец, всегда есть jsfiddle .

Update:

Согласно комментариям - WordPress может работать для менее технически настроенного клиента. WordPress шаблоны страниц - это просто HTML-страница с комментарием PHP в верхней части страницы, дающей название страницы. Затем на странице вы можете получить комментарии от клиента, включив следующий PHP в нижней части страницы:

<?php comments_template(); ?> 
ответил icc97 21 Jpm1000000pmThu, 21 Jan 2016 21:40:16 +030016 2016, 21:40:16
1

http://notableapp.com предоставляет некоторые полезные функции для вашего предложения. Он позволяет размещать целые проекты кода, оставлять комментарии пользователей и фиксировать изменения и даже расширять тестирование юзабилити.

Вот лучшая ссылка - http://zurb.com/notable/features/code

ответил OzzyWadd 2 FebruaryEurope/MoscowbTue, 02 Feb 2016 15:37:16 +0300000000pmTue, 02 Feb 2016 15:37:16 +030016 2016, 15:37:16

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132