Алексей Галицынhttps://teletype.in/atom/alekseyigw2026-04-21T06:16:19.881Zalekseyigw:wWH9w-V5C2020-12-17T08:25:50.832Z2021-09-22T13:56:57.473Z

ВАЖНО !!!!!!!

<p id="aZDi">ВАЖНО !!!!!!!</p> <p id="Gg6Z">1.Для сбора Charles Proxy сначала выключите VPN - запустите Charles Proxy - Включите VPN</p> <p id="qaee"></p> <p id="lO2p"><a href="https://teletype.in/@alekseyigw/dx9RbFdeL" target="_blank">Инструкция как настроит Charles Proxy для работы</a></p> <p id="HBzt"><a href="https://drive.google.com/drive/u/1/folders/108KTaIuOprJsK8KHH1BTVLsLcz5iEu0B" target="_blank">Файл с доп.инструкцией для macOS </a> </p> <p id="zq1M">Хорошие видео, где объясняют про Чарльз прокси - <a href="https://youtu.be/_qKigDAFbP4" target="_blank">https://youtu.be/_qKigDAFbP4</a></p> alekseyigw:9ZXrkWEJO2020-12-17T08:07:26.999Z2020-12-17T08:07:26.999Z

<img src="https://teletype.in/files/81/8179d126-d55a-4342-ac13-bfeadf48ec97.png">Вы можете использовать приложение под названием 3utools. Это быстрый и простой способ получить журналы устройства на вашем устройстве iOS с помощью Windows.

<p>Вы можете использовать приложение под названием 3utools. Это быстрый и простой способ получить журналы устройства на вашем устройстве iOS с помощью Windows.</p> <p><strong>Как установить 3utools и записывать логи с его помощью:</strong></p> <p>1. Откройте <a href="http://www.3u.com/" target="_blank">http://www.3u.com/</a></p> <p>2. Нажмите Скачать на домашней странице</p> <p>3. Установить файл</p> <p>4. Откройте 3utools и подключите устройство iOS к компьютеру</p> <p>5. Нажмите Toolbox в верхней части 3uTools</p> <p>6. Открыть журнал в реальном времени</p> <figure class="m_custom"> <img src="https://teletype.in/files/81/8179d126-d55a-4342-ac13-bfeadf48ec97.png" width="1000" /> </figure> <p>7. Пауза и очистить консоль</p> <figure class="m_custom"> <img src="https://teletype.in/files/72/72cab309-bcc6-4876-bfbb-e80df0940054.png" width="737" /> </figure> <p>8. Начните запись журнала, когда начнете воспроизводить свою ошибку</p> <p>9. Нажмите Экспорт и сохраните файл в расширении .txt.</p> alekseyigw:HuUR6udAM2020-12-17T07:50:49.544Z2020-12-17T11:58:40.705Z

<img src="https://teletype.in/files/d2/df/d2df1039-9663-444d-b9ed-c12e3f9456fa.png">Сначала настройте браузеры для сбора логов - инструкция как это сделать

<p>Сначала настройте браузеры для сбора логов - <a href="https://teletype.in/@alekseyigw/HU2MoUsmd" target="_blank">инструкция</a> как это сделать</p> <p>1.Откройте нужный вам Браузер</p> <p>2.Откройте Сайт, который нужно тестировать </p> <p>3.Нажмите F12</p> <p>4.Удалите старые Логи</p> <figure class="m_original"> <img src="https://teletype.in/files/d2/df/d2df1039-9663-444d-b9ed-c12e3f9456fa.png" width="1365" /> </figure> <p></p> <p><strong>5.Обновите страницу </strong></p> <p></p> <figure class="m_original"> <img src="https://teletype.in/files/35/a0/35a00e3a-1808-4db5-8619-be2f94926065.png" width="1358" /> </figure> <p>6.Повторите все шаги, которые привели вас к багу. </p> <p>Важно!!!! чтобы шаги на видео совпадали с шагами, которые вы написали в отчете об ошибке</p> <p>7.Выделям логи </p> <figure class="m_original"> <img src="https://teletype.in/files/b5/78/b578f285-0d25-4e74-89bd-fd4cc7fd3b3d.png" width="1365" /> </figure> <p>8.Даем название и сохраняем в блокнот в формате txt</p> <figure class="m_original"> <img src="https://teletype.in/files/83/0f/830f8d97-d509-4cbc-990f-5bad21f706f9.png" width="1365" /> </figure> alekseyigw:DyX-aba0b2020-12-16T18:51:47.883Z2020-12-16T18:53:00.444Z

<img src="https://teletype.in/files/2f/3e/2f3e1450-802a-43c3-b784-911809ce01f0.jpeg">1.Настройки

<p>1.Настройки</p> <p>2.Универсальный доступ</p> <p>3.Касание</p> <p>4.Assistive Touch</p> <p>5.Создать новый жест</p> <p>6.Нажмите и удерживайте </p> <p>7.Дайте название касанию и сохраните</p> <p>8.Пролестите вверх и включите тумблер Assistive Touch</p> <figure class="m_original"> <img src="https://teletype.in/files/2f/3e/2f3e1450-802a-43c3-b784-911809ce01f0.jpeg" width="776" /> </figure> <p>ГОТОВО!</p> alekseyigw:3lEJ-XAre2020-12-16T18:39:48.427Z2020-12-17T06:47:42.445Z

<img src="https://teletype.in/files/05/c5/05c5d9bb-7f4f-435d-9078-490ffc2e0753.png">1.Установите через Play маркет или Apple store приложение AZ Screen Recording

<p>1.Установите через Play маркет или Apple store приложение AZ Screen Recording </p> <p>2.Перед началом записи спрячьте иконки вашего ВПН и включите отображение касаний</p> <p><a href="https://teletype.in/@alekseyigw/35tnVTDT1" target="_blank">Как скрыть VPN на Android</a> - инструкция</p> <p><a href="https://teletype.in/@alekseyigw/atZsdh7iP" target="_blank">Как скрыть VPN на IOS</a> - инструкция</p> <p><strong>Как включить отображение касаний на Android</strong> - для каждого бренда телефона может быть отдельная инструкция. Поэтому вам нужно будет посмотреть инструкцию в интернете</p> <p><a href="https://teletype.in/@alekseyigw/DyX-aba0b" target="_blank">Как включить отображение касаний на IOS</a> - инструкция</p> <p>3.Запишите видео с помощью приложения &quot;AZ Screen Recording&quot;</p> <p>4.Перекиньте видео на ваш ПК</p> <p>5.Запустите приложение &quot;HandBrake&quot;</p> <p>6.Нажмите &quot;File Open a single video file&quot;</p> <figure class="m_custom"> <img src="https://teletype.in/files/05/c5/05c5d9bb-7f4f-435d-9078-490ffc2e0753.png" width="1000" /> </figure> <p>7.Выбирете нужное видео и нажмите открыть</p> <p>8.Нажмите на вкладку Audio и нажмите Clear ( на видео не должно быть посторонних шумов )</p> <figure class="m_original"> <img src="https://teletype.in/files/9f/f0/9ff0f303-c303-4b2e-91b1-c2ff37ad63e5.png" width="999" /> </figure> <p>9.Укажиет название ОБЯЗАТЕЛЬНО в формате mp4 и нажмите Browse</p> <figure class="m_custom"> <img src="https://teletype.in/files/e9/59/e9590ea9-3671-446a-a6c5-7748f05e3a24.png" width="1000" /> </figure> <p>10.Выбирете место куда сохранить видео и нажмите &quot;Сохранить&quot;</p> <p>11.Нажмите &quot;Start Encord&quot;</p> <p>КОНЕЦ!</p> alekseyigw:atZsdh7iP2020-12-16T18:35:36.666Z2020-12-16T18:35:36.666Z

<img src="https://avatars.mds.yandex.net/get-zen_doc/916951/pub_5c9b5bc198af3543534ede93_5c9b5c457e71b840719e154e/scale_1200">Использовать proxy uTest

<h3>Первый вариант: </h3> <p>Использовать proxy uTest</p> <h3><strong>Как настроить прокси на iPhone </strong></h3> <p><strong>Шаг 1.</strong> Перейдите в меню «<strong>Настройки</strong>» → <strong>Wi-Fi</strong>.</p> <p><strong>Шаг 2.</strong> Нажмите на символ «<strong>i</strong>» возле той сети, к которой вы подключены.</p> <figure class="m_custom"> <img src="https://avatars.mds.yandex.net/get-zen_doc/916951/pub_5c9b5bc198af3543534ede93_5c9b5c457e71b840719e154e/scale_1200" width="1200" /> </figure> <p><strong>Шаг 3.</strong> Выберете раздел «<strong>HTTP-прокси</strong>», который расположен в самом низу.</p> <p><strong>Шаг 4.</strong> Выбираем «<strong>Вручную</strong>»</p> <p>Шаг 5. Пропишите IP сервер и порт и нажмите сохранить</p> <figure class="m_custom"> <img src="https://avatars.mds.yandex.net/get-zen_doc/198938/pub_5c9b5bc198af3543534ede93_5c9b5c55c5686241f790682c/scale_1200" width="1200" /> </figure> <p> </p> <h3>Вариант второй:</h3> <p>Нужен второй телефон</p> <ol> <li>На втором телефоне включаем Wi-Fi и подключаем VPN </li> <li>Включаем режим модема и раздаем Wi-Fi </li> <li>На Айфоне подключаемся к этому Wi-Fi</li> </ol> alekseyigw:PZ7Yr_1VJ2020-12-16T18:16:33.227Z2020-12-17T06:42:07.323Z

<img src="https://teletype.in/files/49/c9/49c9721c-2b2b-488c-896d-523f147ca282.png">3.Запустите приложение "Icecream Screen Recorder" и нажмите захват экрана

<ol> <li>Скачайте <a href="https://drive.google.com/drive/u/4/folders/1tgILbv90Sj-MA-rHN5LfyxyqfYzT_1uQ" target="_blank">&quot;Файл с обязательными софтами&quot;</a></li> <li>Распакуйте его и установите приложение &quot; Icecream Screen Recorder&quot; и приложение &quot;HandBrake&quot;</li> </ol> <p>3.Запустите приложение &quot;Icecream Screen Recorder&quot; и нажмите захват экрана</p> <figure class="m_original"> <img src="https://teletype.in/files/49/c9/49c9721c-2b2b-488c-896d-523f147ca282.png" width="713" /> </figure> <p>4.Выбирите &quot;Пользовательская зона&quot;</p> <figure class="m_original"> <img src="https://teletype.in/files/0b/35/0b358aae-0202-48d0-a9c9-8caf60d47c6a.png" width="711" /> </figure> <p>5. Укажите область на экране, которую нужно записать </p> <p>Внимание: на видеозаписи должно быть видно поисковую строку и вкладки </p> <figure class="m_column"> <img src="https://teletype.in/files/3e/f8/3ef8a34c-496b-46fe-beb6-e8d6bc6565b6.png" width="1365" /> </figure> <p>Не нужно захватывать в область записи нижнюю панель на ПК</p> <figure class="m_column"> <img src="https://teletype.in/files/f7/34/f734725b-bf0c-4f71-8a4f-b81f056b98fe.png" width="1365" /> </figure> <p>Но если в описании к заказу требуется захватить нижнюю панель: </p> <p>1. Поменяйте язык с Русского на Английский</p> <p>2.Помните что не должно быть видно значка VPN</p> <figure class="m_column"> <img src="https://teletype.in/files/08/69/086951ce-ca99-447b-b7e7-792b4d649523.png" width="1365" /> </figure> <p>6.Нажмине Запись</p> <figure class="m_column"> <img src="https://teletype.in/files/2d/9b/2d9be3ab-58d4-4306-9d13-fc07d1dc8c87.png" width="1363" /> </figure> <p>7.Воспроизведите все шаги, которые вы указали в отчете об ошибке и нажмите F8</p> <p>8.Дайте название видео и нажмите ОК</p> <figure class="m_column"> <img src="https://teletype.in/files/61/52/6152154a-3eba-43c1-9762-daf216e27b96.png" width="1365" /> </figure> <p>9.Видео сохраниться на рабочем столе</p> <p>10.Запустите приложение &quot;HandBrake&quot;</p> <p>11.Нажмите &quot;File Open a single video file&quot; </p> <figure class="m_original"> <img src="https://teletype.in/files/05/c5/05c5d9bb-7f4f-435d-9078-490ffc2e0753.png" width="1000" /> </figure> <p>12.Выбирете нужное видео и нажмите открыть</p> <p>13.Нажмите на вкладку Audio и нажмите Clear ( на видео не должно быть посторонних шумов )</p> <figure class="m_original"> <img src="https://teletype.in/files/9f/f0/9ff0f303-c303-4b2e-91b1-c2ff37ad63e5.png" width="999" /> </figure> <p>14.Укажиет название ОБЯЗАТЕЛЬНО в формате mp4 и нажмите Browse </p> <figure class="m_original"> <img src="https://teletype.in/files/e9/59/e9590ea9-3671-446a-a6c5-7748f05e3a24.png" width="1000" /> </figure> <p>15.Выбирете место куда сохранить видео и нажмите &quot;Сохранить&quot;</p> <p>16.Нажмите &quot;Start Encord&quot;</p> <p>КОНЕЦ!</p> alekseyigw:HKJ0cjbax2020-12-16T17:29:30.691Z2020-12-16T17:52:09.846Z

<img src="https://teletype.in/files/37/71/377144d7-8de6-4e25-afdf-448f5588e013.png">4.Выделите нужную область мышью

<ol> <li>Перейдите по ссылки и скачайте приложение <a href="https://app.prntscr.com/ru/index.html" target="_blank">Lightshot</a> </li> <li>Установите его на свой ПК</li> <li>Нажмите кнопку Print Screen ( Windows ) или Shift + Command + 3 ( macOS )</li> </ol> <figure class="m_original"> <img src="https://teletype.in/files/37/71/377144d7-8de6-4e25-afdf-448f5588e013.png" width="625" /> </figure> <figure class="m_original"> <img src="https://teletype.in/files/a6/15/a615232e-a343-44fa-abdd-de0fe2a30a06.png" width="661" /> </figure> <p>4.Выделите нужную область мышью </p> <figure class="m_original"> <img src="https://teletype.in/files/11/49/1149addd-7878-4d02-89e0-d3e45560bdf1.png" width="600" /> </figure> <p>5.Нажмите на прямоугольник </p> <figure class="m_original"> <img src="https://teletype.in/files/a3/e0/a3e01b22-e376-4858-ae06-0a5107391cc4.png" width="600" /> </figure> <p>6.Выделите область с багом Красным или Желтым прямоугольником </p> <figure class="m_original"> <img src="https://teletype.in/files/ea/0f/ea0f5b38-146f-4c12-a438-7e88bfc5f4ab.png" width="600" /> </figure> <p>7.Сохраните скриншот в формате PNG</p> <figure class="m_original"> <img src="https://teletype.in/files/27/c0/27c090a8-0d9b-49f0-b8d8-0a1b0857ec09.png" width="600" /> </figure> alekseyigw:Cdaha7JoL2020-12-16T12:51:16.449Z2021-08-25T07:00:42.871Z

<img src="https://teletype.in/files/e2/71/e27124d6-9735-4154-bb57-0ee276fb41a0.png">Область бага - это СТРАНИЦА на которой происходит баг, а не место на странице с найденным багом.

<h3><strong>Краткий справочный материал, поможет не путаться с областями.</strong></h3> <p><strong>Область бага</strong> - это СТРАНИЦА на которой происходит баг, а не место на странице с найденным багом.</p> <p></p> <p><strong>Homepage (Landing Page)</strong> - Главная страница сайта, в большинстве случаев это та страница, на которой вы оказываетесь после перехода по ссылке на тестовый продукт.</p> <figure class="m_column"> <img src="https://teletype.in/files/e2/71/e27124d6-9735-4154-bb57-0ee276fb41a0.png" width="1365" /> </figure> <p><strong>Product List Page (PLP) </strong>- Страница на которой представлено множество товаров, определенной выбранной категории.</p> <figure class="m_column"> <img src="https://teletype.in/files/aa/bb/aabbbe9e-33c9-4ea3-b03c-5196ad9cf19f.png" width="1365" /> </figure> <p><strong>Product Detail Page (PDP)</strong> - Страница с описание конкретного товара, на эту страницу в большинстве случаев вы попадаете из POР. На странице имеется визуальное отображение товара, его описание, цена, кнопки добавления продукта в корзину и пр.</p> <figure class="m_column"> <img src="https://teletype.in/files/34/4c/344c1780-8468-42c3-8d4c-f6678db7c883.png" width="1365" /> </figure> <p><strong>Search </strong>- Страница с функцией поиска или результатами поиска по товарам.</p> <figure class="m_column"> <img src="https://teletype.in/files/67/5d/675d6e92-7f65-48da-bb6c-3c672379d3a9.png" width="1365" /> </figure> <p><strong>Header </strong>- Верхний колонтитул. Место вверху страницы, где находятся кнопки категорий, поисковая строка и пр.</p> <figure class="m_column"> <img src="https://teletype.in/files/61/62/6162a704-6263-4f64-b730-674ddc38b5f2.png" width="1363" /> </figure> <p><strong>Footer </strong>- Нижний колонтитул. Место внизу страницы где, например, находятся кнопки соцсетей сайта, справочная информация, переходы на разные информационные страницы сайта и т.д</p> <figure class="m_column"> <img src="https://teletype.in/files/d9/0d/d90d75f9-869f-4b77-9d16-4e5d9c93f712.png" width="1365" /> </figure> <p><strong>Profile Page</strong> - Страница профиля аккаунта, который, обычно, доступен после регистрации или входа в аккаунт на сайте.</p> <figure class="m_column"> <img src="https://teletype.in/files/5a/4b/5a4bc2e7-0e7a-4b16-b2d1-adf0e35ba5f8.png" width="1365" /> </figure> <p><strong>Registration </strong>- Страница с регистрацией аккаунта, либо же процесс самой регистрации (в большинстве случаев не включаются сторонние вещи, такие как письмо на электронную почту)</p> <figure class="m_column"> <img src="https://teletype.in/files/85/6b/856b1a23-f4a3-483f-8f09-417408fd9946.png" width="1365" /> </figure> <p><strong>Cart </strong>- Страница с корзиной, на которой представлены выбранные вами товары.</p> <figure class="m_column"> <img src="https://teletype.in/files/6f/5b/6f5be069-5328-4d36-a009-f68cbc7c9e48.png" width="1365" /> </figure> <p><strong>Order Process</strong> или <strong>Checkout</strong>- Страницы с подтверждением платежа, процесс проведения платежа с корзины(Cart) до его завершения.</p> <figure class="m_column"> <img src="https://teletype.in/files/ca/0e/ca0e02c3-9e96-49e1-aff6-21f515a3e9a1.png" width="1365" /> </figure> <p><strong>Explore </strong>- Любая область не подходящая к предложенным выше.</p> <p>В зависимости от сайта или приложения, могут быть дополнительные области, они либо будут указаны в Overview, либо использовать как область название вкладки браузера(если оно вариативно).</p> alekseyigw:8e3CsqRxQ2020-10-16T12:17:07.913Z2020-10-16T12:17:07.913Z

Как и все остальное, чтобы улучшить свои навыки юзабилити-тестирования, вам нужно набраться опыта и практики:

<h3><strong>Советы по улучшению навыков юзабилити-тестирования</strong></h3> <p>Как и все остальное, чтобы улучшить свои навыки юзабилити-тестирования, вам нужно набраться опыта и практики:</p> <ul> <li>Заходите на разные сайты и наблюдайте за тем, что они делают по-другому.</li> <li>Говорите вслух, что вам нравится, что вам не нравится, что вы бы изменили и т.д.</li> </ul>