Разработка технической документации и технические писатели Технические писатели и разработка технической документации технические писатели в Телеграм 

 obmen_soobsheniyami.png Чат для технических писателей 
 Зарегистрируйтесь
Страницы: 1
RSS
скриншоты, показывающие последовательность шагов
 
Коллеги, поделитесь, пжл, хорошими примерами скриншотов, иллюстрирующих последовательность выполняемых шагов.

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

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

Как красиво и понятно показать такие переходы и вот эти взаимные зависимости? С минимумом слов, чтобы пользователь с одного взгляда понял что нужно делать, а не вчитывался в "нажмите... перейдите... если...".
Хотелось бы посмотреть на иллюстрации с чем-то похожим по смыслу. Но не для мобильных приложений (там экраны маленькие, можно хоть 3-4 в ряд разместить).  
 
Посмотрите книжку "1С:Бухгалтерия как на ладони", там множество хороших примеров таких скриншотов.
https://online.1c.ru/books/book/17203651/. Скачать можно бесплатно. Если боитесь запускать exe-файл, откройте его WINRAR-ом и извлеките PDF-файл книжки самостоятельно.
 
Спасибо за ответ, я посмотрела книгу. Но, при всем уважении к автору, дизайн скриншотов оставляет желать...

Продолжаю искать хорошие примеры )
 
Цитата
revo написал:
Но, при всем уважении к автору, дизайн скриншотов оставляет желать...
Флаг вам в руки. Сделайте лучше, результат опубликуйте на форуме. :)
 
Из того что нравится у меня есть только пример для мобильного приложения (не мой). https://developer.android.com/design/patterns/navigation.html
Вот если бы для веб-приложения что-то похожее найти как образец.
 
Цитата
Виктор Фигурнов написал:
Посмотрите книжку "1С:Бухгалтерия как на ладони", там множество хороших примеров таких скриншотов.
https://online.1c.ru/books/book/17203651/ . Скачать можно бесплатно. Если боитесь запускать exe-файл, откройте его WINRAR-ом и извлеките PDF-файл книжки самостоятельно.
Идея скриншотов хорошая, мне нравятся эти выноски. Но качество самой картинки потеряно.  
 
Цитата
Vita написал:
Идея скриншотов хорошая, мне нравятся эти выноски. Но качество самой картинки потеряно.  
Не потеряно. Увеличьте масштаб отображения и увидите, что все скриншоты показываются в полном качестве, без потери единого бита.
В печатном варианте книжки все скриншоты прекрасно видны и разборчивы.

Щелкните мышью приведенный ниже рисунок и посмотрите.

Изменено: Виктор Фигурнов - 14.12.2017 06:53:20
Страницы: 1
Читают тему