скриншоты, показывающие последовательность шагов

Внимание! У нас сбои с почтовым сервером! Если не пришло письмо о регистрации или смене пароля напишите нам на info@techwriters.ru! 
@twriters
 obmen_soobsheniyami.pngчат для технических писателей в Telegram

 Зарегистрируйтесь
Страницы: 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
 
Ray Ban Outlet
Ray Bans Outlet
Ray Bans
Rolex Watches
Adidas Yeezy
Adidas Yeezy
Yeezy Shoes
New Yeezys
Ray Bans
Ray Bans UK
Ray Ban Glasses
Ray Ban Sunglasses
Ray Ban Outlet
Ray Bans Outlet
Nike Outlet
Ray-Ban Sunglasses
Nike Factory
Yeezys
Ray Ban Sunglasses
Nike Outlet Online
Nike Outlet
Yeezy Shoes
Nike Trainers
Nike UK
Yeezy
Rolex
Rolex Watches
Pandora Jewelry
Pandora Charms
Pandora Jewelry
Pandora Charms
Travis Scott Jordan 1
Air Jordans
Jordan 11
Jordan 11
Jordans Shoes
Moncler Outlet
Off White
Yeezy 450
Yeezy 500
Nike Outlet
Jordans 4
Jordan Retro 4
Jordan Shoes
Yeezy
Yeezy 700
Yeezy Supply
Off White Shoes
NFL Jerseys
Retro Jordans
Nike Air Jordan
Jordan Shoes
Jordans Shoes
Yeezy 350 V2
Adidas Yeezy
Yeezy
Yeezy 700
Yeezy
Nike Outlet
Yeezy
Yeezy Foam Runner
Nike Outlet
Nike Outlet
Jordan AJ 1
UNC Jordan 1
Jordan 13
Jordan AJ 1
Yeezy Supply
Yeezy Zebra
Jordan 5
Jordan 1 Low
Air Jordans
Pandora Charms
Adidas UK
Adidas Yeezy
Yeezy 350
Jordan 1
YEEZY SUPPLY
Nike Shoes
Nike Outlet
Pandora Outlet
Jordan Shoes
Air Jordan 4
Adidas Yeezy
Air Jordan 11
Air Jordan 1
Nike Jordans
Jordan 1s
Pandora UK
Nike Jordan 1
Jordan 1
Yeezy Slides
Nike Air VaporMax
Nike Vapormax Flyknit
Air Jordan 1 Mid
Adidas yeezy
Adidas Yeezy
Yeezy 350
Nike Shoes
Nike Outlet
Yeezy
NFL Shop Official Online Store
Nike UK
Yeezy
Yeezy 3501v212
Страницы: 1
Читают тему

Рейтинг@Mail.ru