Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

20+ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ для UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°: Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠ°, ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅


Π‘Ρ‚Π°Ρ‚ΡŒΡ – это арсСнал, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒΡΡ с ΠΊΡ€ΡƒΠΏΠ½Ρ‹ΠΌΠΈ ΠΈ повсСднСвными Π·Π°Π΄Π°Ρ‡Π°ΠΌΠΈ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°. Π—Π΄Π΅ΡΡŒ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ для Ρ‡Π΅Π³ΠΎ ΠΏΠΎΠ»Π΅Π·Π΅Π½ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ инструмСнт ΠΈ ΡΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ΡΡŒ ΠΏΠΎ плюсам ΠΈ минусам. Π‘Ρ€Π΅Π΄ΠΈ инструмСнтов: Figma, InVision Studio, Google Docs ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅.

ΠšΡΡ‚Π°Ρ‚ΠΈ, Ссли Π²Ρ‹ ΡƒΠ²Π»Π΅ΠΊΠ°Π΅Ρ‚Π΅ΡΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, Π²Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ³ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ свСТий ΠΎΠ±Π·ΠΎΡ€ курсов ΠΏΠΎ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ.

Из ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ: Π² ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ΅ инструмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ примСнял Π² ΠΏΠ΅Ρ€Π²Ρ‹Ρ… 10 ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… ΠΏΠΎ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ Π² Π΄Π²ΡƒΡ… ΠΌΠ΅ΠΆΠ΄ΡƒΠ½Π°Ρ€ΠΎΠ΄Π½Ρ‹Ρ… компаниях. Одного ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° я Π½Π΅ нашСл, поэтому дСлюсь Ρ‡Π΅ΠΌΠΎΠ΄Π°Π½Ρ‡ΠΈΠΊΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ пригодился Π² Ρ€Π°Π±ΠΎΡ‚Π΅.

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅:

  • ΠŸΡ€ΠΎΡ†Π΅ΡΡ ΠΈ инструмСнты Ρ€Π°Π±ΠΎΡ‚Ρ‹ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°
  • ПониманиС Π·Π°Π΄Π°Ρ‡ΠΈ ΠΏΠΎ UX
  • UX-исслСдованиС ΠΈ Π°Π½Π°Π»ΠΈΠ· процСссов
  • ГСнСрация ΠΈΠ΄Π΅ΠΉ ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° структуры
  • ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, созданиС Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΉ ΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ²
  • UI-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ стилизация
  • ВСстированиС
  • Π’Ρ‹Π²ΠΎΠ΄ ΠΈ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ

Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ инструмСнты UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° Π² привязкС ΠΊ процСссу Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΡ‹ΡˆΠ»Π΅Π½ΠΈΡ

ΠŸΡ€ΠΎΡ†Π΅ΡΡ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ наслСдуСт процСсс Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΡ‹ΡˆΠ»Π΅Π½ΠΈΡ ΠΈ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ 5 этапов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅Ρ‚Π΅ΠΊΠ°ΡŽΡ‚ Π΄Ρ€ΡƒΠ³ Π² Π΄Ρ€ΡƒΠ³Π° πŸ‘‡

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ этап Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π° ΠΊ Ρ€Π°Π±ΠΎΡ‚Π΅. Π­Ρ‚Π°ΠΏΡ‹ тСсно связаны, ΠΏΠ΅Ρ€Π΅ΡΠ΅ΠΊΠ°ΡŽΡ‚ΡΡ ΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ†ΠΈΠΊΠ»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ ΠΏΠΎ своСй ΠΏΡ€ΠΈΡ€ΠΎΠ΄Π΅.

ΠŸΡ€ΠΎΡ†Π΅ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΡ‹ΡˆΠ»Π΅Π½ΠΈΡ – это Ρ‡Π°ΡΡ‚ΡŒ ΠΊΡƒΠ»ΡŒΡ‚ΡƒΡ€Ρ‹ развития Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² Π½Π° основС исслСдований, Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΈ ΠΈ Π΄Π°Π½Π½Ρ‹Ρ….Β 

Π˜Π½Ρ‚Π΅Ρ€Π΅ΡΡƒΠ΅Ρ‚Π΅ΡΡŒ свСТими ΡΡ‚Π°Ρ‚ΡŒΡΠΌΠΈ ΠΏΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ²ΠΎΠΌΡƒ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ (UX/UI)? πŸš€

ΠŸΠΎΠ΄ΠΏΠΈΡΡ‹Π²Π°ΠΉΡ‚Π΅ΡΡŒ Π½Π° ΠΊΠ°Π½Π°Π» Π² Telegram | Π’ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Π΅, Instagram, Facebook

ВОП ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ для понимания Π·Π°Π΄Π°Ρ‡ΠΈ (эмпатия)

Π—Π°Π΄Π°Ρ‡Π° – это Π·Π΅Ρ€Π½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ· Π·Π΅Ρ€Π½Π° Π²Ρ‹Ρ€Π°ΡΡ‚ΠΈΡ‚ΡŒ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, Π²Π°ΠΆΠ½ΠΎ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ пространство для развития. Π’ ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ΅ инструмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊΠΎΠ΅ пространство.

1. Zoom, Skype, Slack, Teams, ΠŸΠΎΡ‡Ρ‚Π° β€” инструмСнты для вытягивания Π΄Π°Π½Π½Ρ‹Ρ… ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅

ΠšΠ»Π°ΡΡΠΈΡ‡Π΅ΡΠΊΠΈΠ΅ инструмСнты для ΠΊΠΎΠΌΠΌΡƒΠ½ΠΈΠΊΠ°Ρ†ΠΈΠΈ Π² digital. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π½ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠ°Π½Π°Π» связи с ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠΌ/ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ΠΎΠΌ ΠΈ Π΄ΠΎΡ‚ΡΠ³ΠΈΠ²Π°Ρ‚ΡŒΡΡ Π·Π° Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ дСталями Π² процСссС Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ.

2. FigJam, Miro, xMind ΠΈ UX-ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚ β€” инструмСнты Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Ρ„Π°ΠΊΡ‚Π°ΠΌΠΈ ΠΈ Π²Ρ‹Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ стратСгии

ΠšΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠΏΠΎΡ€ΡΠ΄ΠΎΡ‡ΠΈΡ‚ΡŒ ΠΏΠΎΡ‚ΠΎΠΊΠΈ Ρ„Π°ΠΊΡ‚ΠΎΠ², ΠΈΡΠΊΠ°Ρ‚ΡŒ закономСрности ΠΈ слой Π·Π° слоСм Π·Π°Π±ΡƒΡ€ΠΈΠ²Π°Ρ‚ΡŒΡΡ Π² ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚Π½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ.

FigJam, Miro, xMind – пригодятся для создания ΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ (mindmap). ΠœΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚Ρ‹ Ρ…ΠΎΡ€ΠΎΡˆΠΈ для ΠΏΠΎΠ΄Π°Ρ‡ΠΈ Π»Π°Π½Π΄ΡˆΠ°Ρ„Ρ‚Π° Ρ„Π°ΠΊΡ‚ΠΎΠ² ΠΈ ΡƒΡΠΊΠΎΡ€ΡΡŽΡ‚ принятиС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅. Π§Π΅ΠΌ нагляднСС ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΠ΅ΡˆΡŒ Ρ„Π°ΠΊΡ‚Ρ‹, Ρ‚Π΅ΠΌ ΠΏΡ€ΠΎΡ‰Π΅ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… ΡˆΠ°Π³Π°Ρ….

UX-ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚ (ΠΏΡ€ΠΈΠ½Ρ‚Π΅Ρ€, пробковая доска ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, листы A4, ΠΊΠ°Ρ€Π°Π½Π΄Π°ΡˆΠΈ, ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹ ΠΈ стикСры) – пробковая доска ΠΈ ΠΏΡ€ΠΈΠ½Ρ‚Π΅Ρ€ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ Π½Π° созданиС ΠΆΠΈΠ·Π½Π΅Π½Π½Ρ‹Ρ… Π²Π΅Ρ‰Π΅ΠΉ. Π‘Π°ΠΌ Ρ„Π°ΠΊΡ‚ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ настраиваСт Π½Π° Π½Π°Π³Π»ΡΠ΄Π½ΡƒΡŽ ΡƒΠΏΠ°ΠΊΠΎΠ²ΠΊΡƒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ шага. Π’ ΠΈΡ‚ΠΎΠ³Π΅ всС слСды ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΈΡ ΠΏΠΎ Ρ„Π°ΠΊΡ‚Π°ΠΌ ΠΊ Ρ†Π΅Π»ΠΈ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π½Π° ΠΏΡ€ΠΎΠ±ΠΊΠΎΠ²ΡƒΡŽ доску, Π°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π»Π°Π½Π΄ΡˆΠ°Ρ„Ρ‚ Ρ€Π°Π·ΠΌΡ‹ΡˆΠ»Π΅Π½ΠΈΠΉ ΠΈ быстрСС Π΄Π²ΠΈΠ³Π°Ρ‚ΡŒΡΡ дальшС.

3. Google-Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ β€” инструмСнт для создания Ρ‚Ρ€Π°Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠΈ ΠΈ Ρ‡Π΅ΠΊ-листа двиТСния ΠΏΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρƒ

Π’Π°Π±Π»ΠΈΡ†Π° Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΊΠ°ΠΊ чСклист ΠΏΠΎ Π΄ΠΎΡΡ‚ΠΈΠΆΠ΅Π½ΠΈΡŽ Ρ†Π΅Π»ΠΈ сквозь этапы. Π’ Ρ‚Π°Π±Π»ΠΈΡ†Π΅ полосами Ρ†Π²Π΅Ρ‚Π½ΠΎΠΉ Π·Π°Π»ΠΈΠ²ΠΊΠΈ ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΏΠΎΠΆΠΈΡ€Π½Π΅Π΅ расчСртитС этапы ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ строки этапов Π·Π°Π΄Π°Ρ‡Π°ΠΌΠΈ ΠΈ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ распСчатайтС Π½Π° лист A4. По ΠΌΠ΅Ρ€Π΅ двиТСния Ρ€Π°ΡΠΊΡ€Π°ΡˆΠΈΠ²Π°ΠΉΡ‚Π΅ ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ΠΎΠΌ. Π’Π°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‡ΡƒΠ²ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ прогрСсс.

ВОП ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ для UX-исслСдования ΠΈ Π°Π½Π°Π»ΠΈΠ·Π° (эмпатия)

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ UX-исслСдования – ΠΈΠ½ΠΈΡ†ΠΈΠ°Ρ‚ΠΈΠ²Π° (ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅) ΠΏΠΎ трансформации ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ²ΠΎΠΉ экосистСмы. ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· инструмСнтов ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π² Π΄Π΅Ρ‚Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ этой ΠΈΠ½ΠΈΡ†ΠΈΠ°Ρ‚ΠΈΠ²Ρ‹. Напомню, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с ΠΊΠ°Ρ€Ρ‚ΠΎΠΉ, которая ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ быстрСС Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ Ρ‚ΠΎΡ‡ΠΊΠΈ для развития прилоТСния, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π² ΠΎΠ±Π·ΠΎΡ€Π΅ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² исслСдований ΠΎΡ‚ NNGroup.

1. Google Docs, Notion β€” инструмСнты для создания ΠΆΡƒΡ€Π½Π°Π»Π° двиТСния ΠΈΠ΄Π΅ΠΉ

ΠŸΡ€ΠΈ ΠΏΠΎΠ³Ρ€ΡƒΠΆΠ΅Π½ΠΈΠΈ Π² контСкст Π·Π°Π΄Π°Ρ‡ΠΈ, Π²Ρ‹ Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‚Π΅ ΠΎΠ±Ρ€Π°ΡΡ‚Π°Ρ‚ΡŒ всС большим количСством Ρ„Π°ΠΊΡ‚ΠΎΠ² ΠΈ Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‚Π΅ ΠΈΡΠΊΡ€ΠΈΡ‚ΡŒ интСрСсными идСями. А Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΏΠ°ΠΌΡΡ‚ΡŒ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π°, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡ‚Π΅Ρ€ΡΡ‚ΡŒ Ρ†Π΅Π½Π½Ρ‹Π΅ ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρ‹. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ выплСскивайтС всС ΠΈΠ· Π³ΠΎΠ»ΠΎΠ²Ρ‹ Π² ΠΆΡƒΡ€Π½Π°Π» ΠΈΠ΄Π΅ΠΉ.

ΠŸΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Google Docs Π² ΠΆΡƒΡ€Π½Π°Π» ΠΈΠ΄Π΅ΠΉ:

  1. Π² хронологичСском порядкС выписывайтС всС Π²Π°ΠΆΠ½Ρ‹Π΅ ΠΈΠ΄Π΅ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ связаны с ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ ΠΈ
  2. привязывайтС ΠΈΡ… ΠΊ Π΄Π°Ρ‚Π΅ возникновСния
  3. ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ дСнь Ρƒ вас Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ ΠΎΠ΄Π½Π° значимая Π·Π°ΠΌΠ΅Ρ‚ΠΊΠ° ΠΏΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρƒ.

ΠŸΠ΅Ρ€ΠΈΠΎΠ΄ΠΈΡ‡Π΅ΡΠΊΠΈ ΠΏΠ΅Ρ€Π΅Ρ‡ΠΈΡ‚Ρ‹Π²Π°ΠΉΡ‚Π΅ ΠΆΡƒΡ€Π½Π°Π» ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ†Π²Π΅Ρ‚Π½Ρ‹Ρ… ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ΠΎΠ² ΠΎΡ‚ΠΌΠ΅Ρ‡Π°ΠΉΡ‚Π΅ статус этих событий. Для ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²ΠΊΠΈ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Ρ‚Ρ€ΠΈ Ρ†Π²Π΅Ρ‚Π°:

  • ΠΆΠ΅Π»Ρ‚Ρ‹ΠΉ – для Ρ„Π°ΠΊΡ‚ΠΎΠ² ΠΈ ΠΈΠ΄Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ слСдуСт ΡƒΡ‚ΠΎΡ‡Π½ΠΈΡ‚ΡŒ;
  • Π·Π΅Π»Π΅Π½Ρ‹ΠΉ – для Ρ„Π°ΠΊΡ‚ΠΎΠ² ΠΈ ΠΈΠ΄Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΆΠ΅ ΠΏΡ€ΠΈΠ³ΠΎΠ΄ΠΈΠ»ΠΈΡΡŒ Π² Ρ€Π°Π±ΠΎΡ‚Π΅;
  • Ρ„ΠΈΠΎΠ»Π΅Ρ‚ΠΎΠ²Ρ‹ΠΉ – для инсайтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ слСдуСт ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ особСнно ΠΏΡ€ΠΈΡΡ‚Π°Π»ΡŒΠ½ΠΎ;

2. Google Analytics 360, OWOX BI, Amplitude β€” систСмы Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΈ для количСствСнных исслСдований сСгмСнтов

ВсС это инструмСнты сбора событий Π½Π° сайтС, Π²Π΅Π±, дСсктоп ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… прилоТСниях. АгрСгаторы событий таят Π² сСбС ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹Π΅ массивы Π΄Π°Π½Π½Ρ‹Ρ… Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ User-Action-Date. На ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ взгляд каТСтся, Ρ‡Ρ‚ΠΎ это ΠΎΡ‡Π΅Π½ΡŒ простая Ρ‚Ρ€ΠΎΠΉΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ…, Π½ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π² Π½Π΅ΠΉ содСрТится ΠΎΡ‡Π΅Π½ΡŒ цСнная информация ΠΎ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Π² ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ²ΠΎΠΉ экосистСмС, ΠΈ этих Π΄Π°Π½Π½Ρ‹Ρ… достаточно, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ΡΠ²ΠΈΡ‚ΡŒ повСдСнчСскиС сСгмСнты, ΡΠ²ΡΠ·Π°Ρ‚ΡŒ ΠΈΡ… с экономикой ΠΈ Π΄Π΅Π»Π°Ρ‚ΡŒ расчСты.

ΠŸΠΎΠ΄Ρ…ΠΎΠ΄ ΠΊ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΡŽ 30 ΠΌΠ»Π½. Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ сСрвиса с Ρ†Π΅Π»ΡŒΡŽ ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ цСнности сСрвиса.

3. Screen Recorder, Audio Recorder, Zoom/Skype β€” инструмСнты для ΠΈΠ½Ρ‚Π΅Ρ€Π²ΡŒΡŽ, наблюдСний ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΊΡƒΠ»ΡŒΡ‚ΡƒΡ€Π½Ρ‹Ρ…/качСствСнных исслСдований Π² сСгмСнтах

Π‘Π΅Π³ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΡƒΠ»ΡŒΡ‚ΡƒΡ€Π½Ρ‹Ρ… исслСдований. Π Π΅ΠΊΠΎΡ€Π΄Π΅Ρ€Ρ‹ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π½Π°ΡΡ‹Ρ‚ΠΈΡ‚ΡŒ ΠΆΡƒΡ€Π½Π°Π» двиТСния ΠΈΠ΄Π΅ΠΉ записями ΠΈΠ½Ρ‚Π΅Ρ€Π²ΡŒΡŽ с прСдставитСлями сСгмСнтов. Π—Π°Ρ‚Π΅ΠΌ ΠΈΠ½Ρ‚Π΅Ρ€Π²ΡŒΡŽ Π²Π°ΠΆΠ½ΠΎ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΈ Ρ†Π΅Π½Π½Ρ‹Π΅ Ρ„Π°ΠΊΡ‚Ρ‹ ΡƒΡ‚Π°Ρ‰ΠΈΡ‚ΡŒ Π² ΠΆΡƒΡ€Π½Π°Π» Π·Π°ΠΌΠ΅Ρ‚ΠΎΠΊ для ΠΏΡ€ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

4. Python, Retentioneering-tools, Google Sheets β€” Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ инструмСнтов для ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ…

Π”Π°Π½Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ творчСского поиска ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ интСрСсныС ΠΈΠ΄Π΅ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡƒΡ‚ Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ ΠΊΡƒΠ»ΡŒΡ‚ΡƒΡ€Π½Ρ‹Ρ… исслСдований сСгмСнтов.

Python ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΠΎΠ΄Ρ†Π΅ΠΏΠΈΡ‚ΡŒΡΡ ΠΊ Π»ΡŽΠ±Ρ‹ΠΌ источникам Π΄Π°Π½Π½Ρ‹Ρ…, Π²Ρ‹Ρ‚Π°Ρ‰ΠΈΡ‚ΡŒ ΠΈ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ для Π°Π½Π°Π»ΠΈΠ·Π° всС, Ρ‡Ρ‚ΠΎ трСбуСтся.

Retentioneering-tools наглядно зарисовываСт всС настоящиС способы использования (User Flow Graph) Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΉ систСмы кластСрами ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ (Behavioral segments). ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ кластСр Π²Π·Π²Π΅ΡˆΠΈΠ²Π°Π΅Ρ‚ ΠΏΠΎ пСрспСктивности для бизнСса ΠΈ подсказываСт Π³Π΄Π΅ ΠΈ Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ. А Π·Π°Ρ‚Π΅ΠΌ Π±Π΅Ρ€Π΅Ρ‚ Π½Π° сСбя Π²Ρ‹Π²ΠΎΠ΄ ΠΏΠΎ A/B. ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎΠ± инструмСнтС β†’

Google Sheets β€” это классика, ΠΊΠΎΠ³Π΄Π° Π΅ΡΡ‚ΡŒ нСбольшиС ΠΎΠ±ΡŠΠ΅ΠΌΡ‹ Π΄Π°Π½Π½Ρ‹Ρ…, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ трСбуСтся Π²Ρ‹ΡΡΠ½ΠΈΡ‚ΡŒ обстановку, Π½Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ дальнСйший ΠΏΠ»Π°Π½ дСйствий ΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Π΅. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ»Π΅Π·Π΅Π½ для построСния ΠΊΠ°Ρ€Ρ‚Ρ‹ событий.

5. БистСмы опросов, Google-опросы ΠΈ uxfeedback – инструмСнты для сбора Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ прСдпочтСниях Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этой ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠΈ Π²Ρ‹ смоТСтС ΡƒΡΠ»Ρ‹ΡˆΠ°Ρ‚ΡŒ своих ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² Π² любой Ρ‚ΠΎΡ‡ΠΊΠ΅ касания, Π½Π°ΠΉΡ‚ΠΈ инсайты ΠΈ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ ΠΈΡ… Π² Π»ΠΎΡΠ»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΈ дСньги.

Π‘ΠΎΠ²Π΅Ρ‚: ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° uxfeedback. БСрвис ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡΠΎΠ±ΠΈΡ€Π°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ находится Π² контСкстС использования ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. Π‘ΠΎΡ„Ρ‚ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Intercept Surveys, True-Intent Studies

6. Google Docs/Google Slides, Figma, Loom – инструмСнты для ΡƒΠΏΠ°ΠΊΠΎΠ²ΠΊΠΈ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² ΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² UX-Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΈ/UX-исслСдований

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ исслСдований Π²Π°ΠΆΠ½ΠΎ ΡƒΠΏΠ°ΠΊΠΎΠ²Π°Ρ‚ΡŒ Π² простыС ΠΈ наглядныС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΠΎΠ±Ρ€Π°Ρ‚Π½ΡƒΡŽ связь. Для этого ΠΊΠ°ΠΊ Ρ€Π°Π· пригодятся инструмСнты, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ±ΠΈΡ€Π°Ρ‚ΡŒ ΡΠ΅Ρ€ΠΈΡŽ листов A4, Π½Π°ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ ΠΈΡ… Π΅ΠΌΠΊΠΈΠΌΠΈ Π²Ρ‹Π²ΠΎΠ΄Π°ΠΌΠΈ, ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π² PDF.

НапримСр, ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΉ пласт наблюдСний, ΠΈΠ½Ρ‚Π΅Ρ€Π²ΡŒΡŽ, ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ-тСстов ΠΈ Π°Π½Π°Π»ΠΈΠ·Π° Π΄Π°Π½Π½Ρ‹Ρ… ΠΌΠΎΠΆΠ½ΠΎ ΡΠΆΠ°Ρ‚ΡŒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Customer Journey Map ΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ с подсвСчСнными Π±Π°Ρ€ΡŒΠ΅Ρ€Π°ΠΌΠΈ для ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²ΠΎΠΊ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ слайда с ΡƒΠΏΠ°ΠΊΠΎΠ²ΠΊΠΎΠΉ комплСксных исслСдований.

Π‘ΠΎΠ²Π΅Ρ‚: ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΉ ΠΎΡ‚Ρ‡Π΅Ρ‚ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ΄Π°Ρ‚ΡŒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Loom ΠΈ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Π΅. Π’Π°ΠΊ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ Π² курсС Π²Π°ΠΆΠ½Ρ‹Ρ… ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠΉ.

Loom – сСрвис для ΠΎΠ±ΠΌΠ΅Π½Π° видСосообщСниями с ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ.

ВОП ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ для Π³Π΅Π½Π΅Ρ€Π°Ρ†ΠΈΠΈ ΠΈΠ΄Π΅ΠΉ ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ структуры (фокусировка)

На этапС «Эмпатия» Π²Ρ‹ ΠΏΠΎΠ³Ρ€ΡƒΠ·ΠΈΠ»ΠΈΡΡŒ Π² достаточный объСм Π΄Π°Π½Π½Ρ‹Ρ… (качСствСнных ΠΈ количСствСнных) ΠΈ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ Π²Π·ΡΡ‚ΡŒΡΡ Π·Π° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ ΠΌΠΎΠ΄Π΅Π»ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅.

1. xMind, MindMeister, Miro β€” ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для структурирования ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Π°ΠΊΠΎΠ³ΠΎ софта ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΉ Π² систСмС, ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ основныС сущности ΠΈ Ρ€Π°ΡΡ‰Π΅ΠΏΠΈΡ‚ΡŒ ΠΈΡ… Π½Π° ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅. ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ инструмСнт для модСлирования, особСнно ΠΊΠΎΠ³Π΄Π° трСбуСтся Ρ€Π°Π·Π»ΠΎΠΆΠΈΡ‚ΡŒ ΠΊΠ°ΠΆΠ΄ΡƒΡŽ ΡΡƒΡ‰Π½ΠΎΡΡ‚ΡŒ Π½Π° Ρ†Π΅ΠΏΠΎΡ‡ΠΊΠΈ статус/свойства/ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ.

IA Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ «статус/свойства/ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈΒ».

2. Miro, Figma β€” ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для создания ΠΌΠ°Ρ€ΡˆΡ€ΡƒΡ‚Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ (CJM), ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹ (IA) ΠΈ шагов достиТСния Ρ†Π΅Π»ΠΈ Π² ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π΅ (User Flow)

ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹Π΅ инструмСнты для развития ΠΌΠΎΠ΄Π΅Π»ΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. Π’ Π½ΠΈΡ… ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΡΠΎΠ±ΠΈΡ€Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹, ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΡƒΡŽ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρƒ (IA) ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ сцСнарии (User Flow).

3. BPMN β€” инструмСнты модСлирования процСссов ΠΈ Π»ΠΎΠ³ΠΈΠΊΠΈ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΌΠΎΠ΄Π΅Π»ΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ²ΠΎΠΉ экосистСмы

BPMN (Π°Π½Π³Π». Business Process Model and Notation, нотация ΠΈ модСль бизнСс-процСссов). Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ синтаксиса BPMN ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ΄ΠΎΠ±Π½ΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΡ‚ΠΎΠΊΠΈ Ρ€Π°Π±ΠΎΡ‚Ρ‹ систСмы ΠΈ ΠΈΡ… оркСстровку. BPMN ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ наглядно ΠΏΠΎΠ΄Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½Ρ‹ΠΉ процСсс взаимодСйствия систСмы/ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ, Π΄ΠΎ, Π²ΠΎ врСмя ΠΈ послС. А Π΅Ρ‰Π΅ такая схСма ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π²ΠΎΠ²Π»Π΅ΠΊΠ°Ρ‚ΡŒ всСх участников ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² Π² Π΅Π΄ΠΈΠ½Ρ‹ΠΉ ΠΏΠΎΡ‚ΠΎΠΊ ΠΈΠ½ΠΆΠ΅Π½Π΅Ρ€Π½ΠΎΠΉ ΠΈ конструкторской Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΏΠΎ Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΡŽ.

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· этих инструмСнтов ΡƒΠΆΠ΅ стал стандартом для Ρ€Π°Π±ΠΎΡ‚Ρ‹. Π’Ρ‹ навСрняка ΠΎ Π½ΠΈΡ… ΡƒΠΆΠ΅ ΡΠ»Ρ‹ΡˆΠ°Π»ΠΈ ΠΈ Π΄Π°ΠΆΠ΅ примСняли Π² Ρ€Π°Π±ΠΎΡ‚Π΅.

1. Figma β€” ΠΎΠ½Π»Π°ΠΉΠ½-сСрвис для проСктирования ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° интСрфСйсов

Figma идСальна для Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° бСсчислСнного количСства экранов, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ…ΠΎΡ€ΠΎΡˆΠ° Π² отрисовкС Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ ΠΈ ΠΈΠΊΠΎΠ½ΠΎΠΊ. Π’ Figma дизайнят сайты, Π²Π΅Π± ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прилоТСния, прилоТСния для часов – Π»ΡŽΠ±Ρ‹Π΅ экраны. БСсконСчноС ΠΏΠΎΠ»ΠΎΡ‚Π½ΠΎ Figma ΡƒΠ΄ΠΎΠ±Π½Π° для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΌ количСством экранов ΠΈ, Π·Π½Π°Ρ‡ΠΈΡ‚, ΠΎΡ…Π²Π°Ρ‚ΠΈΡ‚ΡŒ всС сцСнарии ΠΈ состояния Ρ€Π°Π±ΠΎΡ‚Ρ‹ Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°.

2. InVision Studio β€” софт для проСктирования ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° интСрфСйсов

Годится ΠΊΠ°ΠΊ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ инструмСнт прототипирования ΠΈΠ»ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‹Π³Ρ€Π°Ρ‚ΡŒ Ρ€ΠΎΠ»ΡŒ Π½Π°ΠΏΠ°Ρ€Π½ΠΈΠΊΠ° для Figma (Ссли трСбуСтся ΠΏΡ€ΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ мягкоС ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ систСмы ΠΈ ΠΏΡ€ΠΈΠ±Π»ΠΈΠ·ΠΈΡ‚ΡŒ Π΅Π΅ ΠΊ Π±ΠΎΠ΅Π²ΠΎΠΌΡƒ Ρ€Π΅ΠΆΠΈΠΌΡƒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΈΠ»ΠΈ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΡˆΠΎΡƒΡ€ΠΈΠ» для дСмонстрации). ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ ΠΈΠ· InVision годится для тСстирования ΠΏΠΎ ссылкС Π² Π±ΠΎΠ΅Π²ΠΎΠΉ срСдС.

ВОП ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ для UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ стилизации (ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅)

ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ для ΠΏΡ€ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠΈ экранов прилоТСния ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ², ΠΊΠΎΠΌΠ±ΠΎ для создания ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ ΠΈ Π·Π½Π°ΠΊΠΎΠ², Π° Ρ‚Π°ΠΊΠΆΠ΅ прилоТСния для создания 3D ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ.

1. Figma β€” ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для создания многоэкранных систСм

ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ инструмСнт для ΠΏΡ€ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠΈ всСх ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ интСрфСйса. Π’ΡƒΡ‚ ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈ ΠΎΡ‚Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ, ΠΈ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ элСмСнты ΠΈ состояния Π² ui-kit, ΠΈ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ ΠΏΠΎ ссылкС Π² Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ. Π’ΡƒΡ‚ ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΠΌΡƒΠ΄Π±ΠΎΡ€Π΄ для поиска ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ, ΠΈ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΏΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΌΡƒ Π°Π½Π°Π»ΠΈΠ·Ρƒ ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ², ΠΎΠ±ΡΡƒΠ΄ΠΈΡ‚ΡŒ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΠΈ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΊΠΈ для Π΄ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ.

2. Photoshop β€” софт для создания ΠΊΠΎΠ»Π»Π°ΠΆΠ΅ΠΉ, ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… графичСских Ρ…ΠΎΠ΄ΠΎΠ² ΠΈ фотоэффСктов

Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ Ρ…ΠΎΡ€ΠΎΡˆ для создания ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, ΠΊΠΎΠ»Π»Π°ΠΆΠ΅ΠΉ ΠΈ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Ρ„ΠΎΡ‚ΠΎ. ВсС Π΅Ρ‰Π΅ Π²Π°ΠΆΠ½Ρ‹ΠΉ инструмСнт Π² арсСналС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°.

3. Procreate β€” iPad-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для ΡˆΡƒΡΡ‚Ρ€ΠΎΠ³ΠΎ создания ΠΊΠ»Π΅Π²Ρ‹Ρ… ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ

Π—Π΄Π΅ΡΡŒ ΡˆΡ‚ΡƒΡ€ΠΌΠΈΡ‚ΡŒ скСтчи ΠΈ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ, Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹Π΅ растровыС ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ ΠΈ ΠΈΠΊΠΎΠ½ΠΊΠΈ для ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈ сайтов. Π‘ΠΎΠ»ΡŒΡˆΠΎΠΉ Π½Π°Π±ΠΎΡ€ кистСй ΠΈ тСкстур ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ Π² Π½ΡƒΠΆΠ½ΠΎΠΉ Ρ‚ΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

4. InVision Studio ΠΈΠ»ΠΈ ProtoPie, Principle, After Effects β€” ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для ΠΏΡ€ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ

ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΆΠΈΠ²ΠΈΡ‚ΡŒ ваш Π΄ΠΈΠ·Π°ΠΉΠ½ Π² Figma. ΠŸΡ€ΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΌΠΈΠΊΡ€ΠΎΠ°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ мягкиС пСрСтСкания интСрфСйса ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠ³ΠΎ состояния ΠΊ Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ. ВсС инструмСнты коннСктятся с Figma ΠΈ Π΄Π°ΡŽΡ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π² дСталях Π²ΠΎΡΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡŽ Ρ€Π°Π±ΠΎΡ‚Ρ‹ интСрфСйса.

ВОП инструмСнтов для тСстирования Π½Π° Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΡ… ΠΈ сбора ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связи (тСстированиС)

Π’ ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ΅ инструмСнты ΠΎΡ‚ софта для ΠΊΠΎΡ€ΠΈΠ΄ΠΎΡ€Π½ΠΎΠ³ΠΎ тСстирования Π΄ΠΎ софта для сбора Π·Π°ΠΌΠ΅Ρ‚ΠΎΠΊ Π² полях. ВСстированиС ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡΠ½ΠΈΠ·ΠΈΡ‚ΡŒ риск запуска Π½Π΅Π½ΡƒΠΆΠ½ΠΎΠΉ систСмы ΠΈ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ курс развития здСсь ΠΈ сСйчас.

1. InVision Studio β€” ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для прототипирования ΠΈ сбора ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связи

InVision Π·Π°Ρ‚Π°Ρ‡ΠΈΠ²Π°ΡŽΡ‚ Π½Π° ΠΎΡ‚Π»Π°Π΄ΠΊΡƒ Π΄ΠΈΠ·Π°ΠΉΠ½-Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ прямо Π² полях. Об этом ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΏΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π² кСйсС ΠΎΡ‚ Uber ΠΈΠ· Π³Π°ΠΉΠ΄Π° Β«ΠŸΡ€Π°ΠΊΡ‚ΠΈΠΊΠ° быстрого прототипирования ΠΈ тСстирования ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ²Ρ‹Ρ… Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉΒ».

2. Notion, Google Docs, Google Sheets β€” софт для создания ΠΈ структурирования Π·Π°ΠΌΠ΅Ρ‚ΠΎΠΊ

Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Ρ€Π°Π·Π±ΠΎΡ€Π° Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² тСстирования Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ инсайты, ΠΈΡ… Π²Π°ΠΆΠ½ΠΎ Π·Π°Ρ„ΠΈΠΊΡΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ. ΠŸΡ€ΠΈΠ³ΠΎΠ΄ΡΡ‚ΡΡ для пСрСзапуска этапа Эмпатия.

3. Google Drive β€” ΠΎΠ±Π»Π°ΠΊΠΎ для ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² ΠΏΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρƒ

ΠžΡ€Π³Π°Π½ΠΈΠ·ΡƒΠΉΡ‚Π΅ ΠΏΠΎΠ΄ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³. Π’ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ сохраняйтС всС Π²Π°ΠΆΠ½Ρ‹Π΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ ΠΏΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρƒ. Π’Π°ΠΊΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ Ρ‡Π΅ΠΌ-Ρ‚ΠΎ ΠΏΠΎΡ…ΠΎΠΆ Π½Π° Ρ€Π°Π±ΠΎΡ‚Ρƒ программистов, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΡ… смыслы ΡƒΠΏΠ°ΠΊΠΎΠ²Π°Π½Ρ‹ Π² строчки ΠΊΠΎΠ΄Π°, Π° UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ с ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΌ ΠΎΠ±Π»Π°ΠΊΠΎΠΌ Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·Π½Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ кусочСк этих Π΄Π°Π½Π½Ρ‹Ρ… нСсСт Π² сСбС качСствСнный ΠΈ количСствСнный объСм Ρ†Π΅Π½Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ для ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

Π—Π°ΠΌΠ΅Ρ‚ΠΊΠ°: Для провСдСния A/B-тСстов ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… повСдСнчСсксих экспСримСнтов с Ρ†Π΅Π»ΡŒΡŽ ΠΊΠ°Ρ‡Π½ΡƒΡ‚ΡŒ экономику Π²Π°ΠΌ Ρ‚Π°ΠΊΠΆΠ΅ пригодится ВОП ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ для UX-исслСдования ΠΈ Π°Π½Π°Π»ΠΈΠ·Π°.

Π’Ρ‹Π²ΠΎΠ΄ ΠΈ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ

Π’ ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ΅ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ инструмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ приходятся Π² UX-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ…. Figma – это must-have Π½Π° всСх этапах.

ΠΠ°Ρ‚Ρ€Π΅Π½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π½Π°Π²Ρ‹ΠΊΠΈ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅Β Π½Π° ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅ Breezzly. На Breezzly вас обСспСчат сСриСй ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ Π½Π° основС исслСдований, ΠΎΠ±ΡƒΡ‡Π°Ρ‚ систСмС Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΈ Π½Π°Ρ‚Ρ€Π΅Π½ΠΈΡ€ΡƒΡŽΡ‚ Π½Π°Π²Ρ‹ΠΊΠ°ΠΌ Π² Ρ†Π΅Π»ΠΎΠΌ комплСксС инструмСнтов (Figma, InVision Studio, Principle ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅) β€” всС это ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΡΠΈΠ»ΠΈΡ‚ΡŒ вашС ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ. ΠŸΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅!

10 Π»ΡƒΡ‡ΡˆΠΈΡ… инструмСнтов для UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° Π² 2022 Π³ΠΎΠ΄Ρƒ

10 Π»ΡƒΡ‡ΡˆΠΈΡ… инструмСнтов для UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° Π² 2022 Π³ΠΎΠ΄Ρƒ

ΠœΡ‹ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΠ»ΠΈ ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΡƒ ΠΈΠ· дСсяти Π»ΡƒΡ‡ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, Π½Π΅Π·Π°ΠΌΠ΅Π½ΠΈΠΌΡ‹Ρ… для UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² Π² этом Π³ΠΎΠ΄Ρƒ. ΠŸΠΎΠ»ΡŒΠ·ΡƒΡΡΡŒ ΠΈΠΌΠΈ, Π²Ρ‹ смоТСтС сущСствСнно ΡΠΎΠΊΡ€Π°Ρ‚ΠΈΡ‚ΡŒ врСмя Π½Π° созданиС ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ², Π²Π°Ρ€Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ² ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² сайтов ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.

Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½

22 ΠΌΠ°Ρ€Ρ‚Π° 2022

Π’ сСти доступно мноТСство бСсплатных ΠΈ ΠΏΠ»Π°Ρ‚Π½Ρ‹Ρ… сСрвисов ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, способных Π² Ρ€Π°Π·Ρ‹ ΡƒΠΏΡ€ΠΎΡΡ‚ΠΈΡ‚ΡŒ ΠΈ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°. РасскаТСм ΠΎ самых Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΈ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… ΠΈΠ· Π½ΠΈΡ… ΠΏΠΎ Π½Π°ΡˆΠ΅ΠΌΡƒ мнСнию.

Sketch

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΈ понятный инструмСнт для проСктирования интСрфСйса ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ², способный ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°ΠΌΠΈ. Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ, ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ изобраТСния, созданныС Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°Ρ…, ΠΏΠΎΠ΄ΠΎΠ³Π½Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΠΎΠ΄ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ с Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒΡŽ Π΄ΠΎ пиксСля. Π’ Sketch Π΅ΡΡ‚ΡŒ всС ΠΎΠΏΡ†ΠΈΠΈ прилоТСния macOS, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ΅ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅.

InVision

Π­Ρ‚ΠΎ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° для инклюзивного сотрудничСства Π² сфСрС проСктирования ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ². Π’ΡƒΡ‚ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ изобраТСния, основныС Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ ΠΈΠ»ΠΈ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ структуру сайта ΠΈΠ»ΠΈ прилоТСния «с нуля» Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ. InVision ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»Π΅Π½ для ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ прСдставляСт собой ΠΎΠ±Π»Π°Ρ‡Π½ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π³Π΄Π΅ Π½Π°Π΄ ΠΎΠ΄Π½ΠΈΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ Ρ‚Ρ€ΡƒΠ΄ΠΈΡ‚ΡŒΡΡ нСсколько Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ².

AdobeXD

Π£Π½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΉ инструмСнт UI/UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°. Π•Π³ΠΎ Π»ΡŽΠ±ΡΡ‚ Π·Π° простоту ΠΈ удобство создания ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ², Π΄ΠΈΠ·Π°ΠΉΠ½Π° интСрфСйса. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Adobe XD ΠΌΠΎΠΆΠ½ΠΎ, Π½Π΅ тратя ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π½Π° освоСниС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ:

  • Π±Π°Π½Π½Π΅Ρ€Ρ‹,
  • Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹,
  • Π²Π°Ρ€Ρ„Ρ€Π΅ΠΉΠΌΡ‹,
  • ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹.

Π’ Adobe XD ΠΌΠΎΠΆΠ½ΠΎ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ, Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния ΠΏΠΎΠ΄ Π½ΡƒΠΆΠ½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ рисунки Ρ‡Π΅Ρ€Π΅Π· Photoshop, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ инструмСнты 3D-прСобразования.

Figma

НавСрняка Π²Π°ΠΌ ΡƒΠΆΠ΅ Π·Π½Π°ΠΊΠΎΠΌΠ° эта удобная ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Π°Ρ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ совмСстно с ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌΠΈ. Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΆΠ½ΠΎ с Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹, Ρ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ созданныС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹. Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΎΡ‚ΠΌΠ΅Ρ‡Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ Figma сущСствСнно экономит врСмя ΠΈ ΠΎΠ±Π»Π΅Π³Ρ‡Π°Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π½Π°Π΄ самыми Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ Π·Π°Π΄Π°Ρ‡Π°ΠΌΠΈ.

UXPin

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ ΠΎΠ½Π»Π°ΠΉΠ½-сСрвис для рисования Π²Π°Ρ€Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ² ΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π½Π° устройствах Windows ΠΈ macOS. Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ°ΠΌΠΈ ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π°ΠΌΠΈ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅. Π£ сСрвиса ΠΎΠ±ΡˆΠΈΡ€Π½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° ΠΎΠ±Ρ‰ΠΈΡ… элСмСнтов для создания интСрфСйсов. UXPin Π΄Π°Π΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ Ρ‚ΠΎΡ‡Π½Ρ‹Π΅ ΠΈ Π²Ρ‹Π²Π΅Ρ€Π΅Π½Π½Ρ‹Π΅ структуры ΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹. Π­Ρ‚ΠΎ ΡƒΠ΄ΠΎΠ±Π½ΠΎ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π² дальнСйшСм ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚ врСмя Π½Π° Π΄ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΡƒ Ρ„ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

Balsamiq

Π­Ρ‚ΠΎΡ‚ инструмСнт ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ, Π½ΠΎ ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ, позволяя Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ Π΄Π΅Ρ‚Π°Π»ΠΈ Π² ΠΌΠ°ΠΊΠ΅Ρ‚ простым пСрСтаскиваниСм. Π­Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ быстро ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π²ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ ΠΈ Π²ΠΎΠΏΠ»ΠΎΡ‰Π°Ρ‚ΡŒ свои ΠΈΠ΄Π΅ΠΈ максимально ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΈΠ²Π½ΠΎ. Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΡƒΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ встроСнныС элСмСнты управлСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‡Π°Ρ‰Π΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π² создании ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΈ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… структур.

ΠžΠ±ΡƒΡ‡Π°ΡŽΡ‰ΠΈΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ Balsamiq Wireframing Academy ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ быстро Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ ΠΈ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ Π΅Π΅ Π³Π»Π°Π²Π½Ρ‹Π΅ ΠΎΠΏΡ†ΠΈΠΈ.

Mockplus

Mockplus β€” ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΉ инструмСнт Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ:

  • структуру (каркас) Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ рСсурса,
  • ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹,
  • ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹, Π½Π°Π΄ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ совмСстно.

Mockplus ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с дСсятками Π΄Ρ€ΡƒΠ³ΠΈΡ… инструмСнтов Π·Π° счСт ΠΎΠ±Π»Π°Ρ‡Π½ΠΎΠΉ структуры. Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ, ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠ»ΡΡ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠΊ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΌ элСмСнтам Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π³Π°ΠΉΠ΄Ρ‹ ΠΏΠΎ ΡΡ‚ΠΈΠ»ΡŽ, ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ ΠΎΠ±Ρ€Π°Ρ‚Π½ΡƒΡŽ связь ΠΎΡ‚ ΠΊΠΎΠ»Π»Π΅Π³.

Fluid UI

Fluid UI – высокоточный инструмСнт для создания Π΄Π΅Ρ‚Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ², ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ² ΠΈ Π²Π°Ρ€Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ². Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ Π³ΠΈΠ±ΠΊΠΈΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ интСрфСйсов ΠΈ ΡˆΠΈΡ€ΠΎΠΊΠΈΠΌΠΈ возмоТностями, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ:

  • ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅,
  • встроСнныС Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ,
  • Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π²,
  • настраиваСмыС ΠΏΡ€Π°Π²Π° доступа ΠΊ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρƒ.

МоТно ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π»ΠΈΠ±ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π½Π° свой Π³Π°Π΄ΠΆΠ΅Ρ‚. Π—Π΄Π΅ΡΡŒ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ структуру сайтов ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ элСмСнты ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ², Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ с ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌΠΈ.

Cacoo

БСрвис для совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ ΠΈ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ каркасы Π±ΡƒΠ΄ΡƒΡ‰ΠΈΡ… рСсурсов. Π—Π΄Π΅ΡΡŒ большС 20 Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… шаблонов ΠΈ Ρ„ΠΎΡ€ΠΌ для создания интСрфСйса. Π›ΡŽΠ±ΠΎΠΉ элСмСнт ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ пСрСтаскиваниСм. ΠžΠ±Ρ‰Π°Ρ‚ΡŒΡΡ с ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ ΠΌΠΎΠΆΠ½ΠΎ нСпосрСдствСнно Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅, оставляя ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΈ увСдомлСния. Π Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ ΠΎΠ΄Π½ΠΈΠΌ Ρ„Π°ΠΉΠ»ΠΎΠΌ ΠΌΠΎΠ³ΡƒΡ‚ сразу нСсколько Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ.

Lucidchart

Lucidchart β€” сСрвис для совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹ΠΉ для создания Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ. Но ΠΏΠΎ Ρ„Π°ΠΊΡ‚Ρƒ с Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠΎΠΆΠ½ΠΎ быстро ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ эскиз сайта ΠΈΠ»ΠΈ прилоТСния. Π­Ρ‚ΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ скорСС Π½Π΅ для профСссионалов Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π° для Ρ‚Π΅Ρ…, ΠΊΠΎΠΌΡƒ Π½ΡƒΠΆΠ½ΠΎ быстро ΠΈ понятно Π² схСматичном Π²ΠΈΠ΄Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ структуру ΠΈ Π»ΠΎΠ³ΠΈΠΊΡƒ Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ интСрфСйса.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Подводя ΠΈΡ‚ΠΎΠ³ нашСго ΠΌΠΈΠ½ΠΈ-ΠΎΠ±Π·ΠΎΡ€Π°, ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π½Π΅ сущСствуСт ΠΎΠ΄Π½ΠΎΠ³ΠΎ идСального Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ всСм Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ для Π»ΡŽΠ±Ρ‹Ρ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ². ΠžΡΠ²Π°ΠΈΠ²Π°ΠΉΡ‚Π΅ Ρ€Π°Π·Π½Ρ‹Π΅ инструмСнты ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ подходящиС, ΠΎΡ‚Ρ‚Π°Π»ΠΊΠΈΠ²Π°ΡΡΡŒ ΠΎΡ‚ тСхничСских Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Π½ΠΈΠΉ ΠΊ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΌΡƒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρƒ ΠΈ ΠΏΠΎΠΆΠ΅Π»Π°Π½ΠΈΠΉ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ°.

Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ

Dark patterns Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅

Как популярныС Π²Π΅Π±-сайты ΠΎΠ±ΠΌΠ°Π½Ρ‹Π²Π°ΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ: Ρ‚Π΅Ρ…Π½ΠΈΠΊΠΈ ΠΈ ΠΏΡ€ΠΈΠ΅ΠΌΡ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ стоит ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅.

Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½

30 июля 2021

Как ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ сайта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ?

Одни спСциалисты ΡΡ‡ΠΈΡ‚Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΡƒΠ±ΠΈΠ²Π°ΡŽΡ‚ ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ сайта, Π΄Ρ€ΡƒΠ³ΠΈΠ΅ β€” Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°ΡŽΡ‚ Π΅Π³ΠΎ сильнСС.

Π’ ΡΡ‚Π°Ρ‚ΡŒΠ΅ разбираСмся, ΠΊΠ°ΠΊ Π½Π° самом Π΄Π΅Π»Π΅.

Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½

26 июня 2020

Как Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ ΠΏΡ€ΠΎΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π½Π°ΡΠΌΠΎΡ‚Ρ€Π΅Π½Π½ΠΎΡΡ‚ΡŒ: этапы ΠΈ рСсурсы

Π§Ρ‚ΠΎ позволяСт Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ быстро ΠΈ сразу качСствСнно Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹, ΠΊΡ€ΠΎΠΌΠ΅ умСния ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Photoshop? ΠžΠΏΡ‹Ρ‚, Ρ‡Ρ‚ΠΎ Π½Π° языкС этих спСциалистов называСтся Π½Π°ΡΠΌΠΎΡ‚Ρ€Π΅Π½Π½ΠΎΡΡ‚ΡŒΡŽ. Π’ ΡΡ‚Π°Ρ‚ΡŒΠ΅ Ρ€Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ, ΠΊΠ°ΠΊ ΠΈ Π³Π΄Π΅ ΠΏΡ€ΠΎΠΊΠ°Ρ‡Π°Ρ‚ΡŒ этот Π½Π°Π²Ρ‹ΠΊ.

Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½

14 Π°ΠΏΡ€. 2020

πŸ“ ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для создания ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ² сайтов ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ β€” Π‘Π»ΠΎΠ³ Live Typing β€” Π‘Π»ΠΎΠ³ Live Typing

ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ интСрфСйсныС Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΈΒ Ρ€Π°Π±ΠΎΡ‚Ρƒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° Π²Β Ρ†Π΅Π»ΠΎΠΌ. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ часы Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΈΒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈΒ Π½Π΅Β ΠΏΠ΅Ρ€Π΅Π΄Π΅Π»Ρ‹Π²Π°Ρ‚ΡŒ интСрфСйс самого ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°, ΠΏΠ΅Ρ€Π΅Π΄Π΅Π»Ρ‹Π²Π°ΡŽΡ‚ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹. ΠΒ ΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ Π½Π΅Β Ρ‚ΠΎΠ»ΡŒΠΊΠΎ врСмя, Π½ΠΎΒ ΠΈΒ Π±ΡŽΠ΄ΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ бСсплатныС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ прототипирования сайтов ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.

Π’ этом ΠΎΠ±Π·ΠΎΡ€Π΅ я подСлюсь Π»ΡƒΡ‡ΡˆΠΈΠΌΠΈ бСсплатными ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°ΠΌΠΈ для прототипирования сайтов ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π²Β 2020 Π³ΠΎΠ΄Ρƒ. Π‘Β Ρ‡Π°ΡΡ‚ΡŒΡŽ ΠΈΠ·Β Π½ΠΈΡ… я поработал сам ΠΈΒ ΠΌΠΎΠ³Ρƒ Π΄Π°Ρ‚ΡŒ ΠΏΠΎΒ Π½ΠΈΠΌ Ρ„ΠΈΠ΄Π±Π΅ΠΊ, ΡΒ Ρ‡Π°ΡΡ‚ΡŒΡŽ я знаком Π½Π΅Β Ρ‚Π°ΠΊ Π±Π»ΠΈΠ·ΠΊΠΎ, поэтому просто ΠΎΡΡ‚Π°Π²Π»ΡŽ Π½Π°Β Π½ΠΈΡ… ссылки Π²Β ΠΊΠΎΠ½Ρ†Π΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΈΒ ΡƒΠΊΠ°ΠΆΡƒ, насколько ΠΎΠ½ΠΈ ΠΏΠ»Π°Ρ‚Π½Ρ‹ ΠΈΠ»ΠΈ бСсплатны.

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ Π›Π°ΠΉΠ² Π’Π°ΠΉΠΏΠΈΠ½Π³ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ Π·Π°Π΄Π°Ρ‡Β Yodel в интСрфСйсС Marvel

Золотая сСрСдина Π²Β ΠΏΠ»Π°Π½Π΅ богатства Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… возмоТностСй и лёгкости освоСния. ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ классный постраничный ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ мобильного прилоТСния. Π’Β Π½Π΅ΠΉ вы смоТСтС Π·Π°ΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒ Π½Π°Π²Π±Π°Ρ€ ΠΈΒ Ρ‚Π°Π±Π±Π°Ρ€ ΠΈΒ Π»ΠΈΡΡ‚Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π²Π½ΡƒΡ‚Ρ€ΠΈ, Π°Β ΠΏΠ»Π°Π³ΠΈΠ½Β Marvel для Sketch позволяСт ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈΠ·Β Sketch Π²Β Marvel. Но при этом Π²Β ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΊΠΈΠ΄Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ ΡΒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉΒ Β«Π΄ΠΈΠ·Π°ΠΉΠ½-студии». Π—Π΄Π΅ΡΡŒ Π΄Π°ΠΆΠ΅ Π΅ΡΡ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ послойного прототипирования, хотя ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹ΠΌΠΈ ΠΈΡ…Β Π½Π°Π·Π²Π°Ρ‚ΡŒ Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ.

У инструмСнта Π΅ΡΡ‚ΡŒ своё мобильноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ быстро Π½Π°ΠΊΠΈΠ΄Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈΒ Π·Π°ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ.

Marvel ΠΏΠΎΠΊΠΎΡ€ΠΈΠ» наши сСрдца ΠΏΡ€ΠΈΠ²Π΅Ρ‚Π»ΠΈΠ²Ρ‹ΠΌ интСрфСйсом, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π³ΠΈΡ„ΠΊΠΈ ΠΈΒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ, ΠΈΒ ΠΌΡ‹Β Π²Β Π›Π°ΠΉΠ² Π’Π°ΠΉΠΏΠΈΠ½Π³ Ρ‡Π°Ρ‰Π΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ для прототипирования ΠΈΠΌΠ΅Π½Π½ΠΎ эту ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ. И Ссли Π²Ρ‹Β Ρ€Π΅ΡˆΠΈΠ»ΠΈΡΡŒ на созданиС своСго мобильного прилоТСния с нами, Ρ‚ΠΎΒ Π΅Π³ΠΎ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ Ρ‚ΠΎΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ создан Π½Π°Β Marvel. ΠΠ΅Β Ρ€Π΅ΡˆΠΈΠ»ΠΈΡΡŒ? Π”Π°Π²Π°ΠΉΡ‚Π΅ обсудим это на бСсплатной ΠΊΠΎΠ½ΡΡƒΠ»ΡŒΡ‚Π°Ρ†ΠΈΠΈ. Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π»ΠΈΡˆΡŒΒ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ заявку.

ΠœΠΈΠ½ΡƒΡΡ‹:Β Π½Π΅Ρ‚ ΡƒΠ΄ΠΎΠ±Π½Ρ‹Ρ… символов (ΠΊΠ°ΠΊ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π²Β InVision) ΠΈΒ Ρ€Π°Π·Π½Ρ‹Ρ… состояний экранов. На дСсктопС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ½Π»Π°ΠΉΠ½.

Как ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ ΠΈΠ»ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ. Как и в случаС с POP, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ, ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρƒ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡΡΒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅.

Π¦Π΅Π½Π°: бСсплатно — для Π΄Π²ΡƒΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ², Π±ΠΎΠ»ΡŒΡˆΠ΅Β β€” 14Β $.

Π’ΠΎΡ‚ Ρ‚Π°ΠΊ выглядит POP App простой и быстрый инструмСнт для связывания экранов, нарисованных ΠΎΡ‚Β Ρ€ΡƒΠΊΠΈ

Π­Ρ‚ΠΎ Π±Ρ‹Π» ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ сСрвис для прототипирования интСрфСйсов ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, с ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ я познакомился. Она ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΡƒΠ΅Ρ‚ сСбя ΠΊΠ°ΠΊ простой инструмСнт для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π΄Π°ΠΆΠ΅ ΡΒ ΠΎΡ‡Π΅Π½ΡŒ сырым ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ. Π’Ρ‹Β ΠΏΡ€ΠΈΠΊΠΈΠ΄Ρ‹Π²Π°Π΅Ρ‚Π΅ Π½Π°Β Π±ΡƒΠΌΠ°Π³Π΅, ΠΊΠ°ΠΊ Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ экраны в вашСм ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ, Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ наброски ΠΈΒ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚Π΅ ΡΒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ POP App. ΠžΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ интСрфСйса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ, ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΈΒ ΡΠ²ΡΠ·Π°Ρ‚ΡŒ с другими ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ и экранами; Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠ½ΠΎΠΏΠΊΠ° login связываСтся с экраном рСгистрации. Π’Β ΠΈΡ‚ΠΎΠ³Π΅ у вас получаСтся быстрый ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ, экраны ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ нарисованы Π½Π°Β Π±ΡƒΠΌΠ°Π³Π΅ Π²Β Π±ΡƒΠΊΠ²Π°Π»ΡŒΠ½ΠΎΠΌ смыслС. Но вмСсто Ρ€ΡƒΡ‡Π½Ρ‹Ρ… эскизов Π²Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹, созданныС в графичСских Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ….

POP App Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΏΠΎΒ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡƒ постраничных инструмСнтов прототипирования интСрфСйсов. Π’Ρ‹Β Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚Π΅ Π²Β Π½ΠΈΡ… ΠΊΠΈΠΏΡƒ экранов (порядка 50–100) и соСдиняСтС ΠΈΡ…Β ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°ΠΌΠΈ. Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ воспринимаСт ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ экран Π²Β ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ ΠΊΠ°ΠΊ ΡΠ»ΠΈΡ‚ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ. На нСй вы выдСляСтС ΠΊΠ°ΠΊΡƒΡŽ-Ρ‚ΠΎ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ ΠΈΒ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚Π΅, Π½Π°Β ΠΊΠ°ΠΊΠΎΠΉ экран Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ ΠΏΠΎΠΏΠ°Π΄Ρ‘Ρ‚, Ссли Π½Π°ΠΆΠΌΡ‘Ρ‚ на эту ΠΎΠ±Π»Π°ΡΡ‚ΡŒ.

ΠœΠΈΠ½ΡƒΡΡ‹: свСрх описанного здСсь Π½ΠΈΡ‡Π΅Π³ΠΎ нСльзя большС ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ. НапримСр, нСльзя ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ красивыС Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹ ΠΌΠ΅ΠΆΠ΄Ρƒ экранами. Π’Π°ΠΊΠΎΠΉ инструмСнт пригодится для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ²ΡΠ·Π°Ρ‚ΡŒ дСсятки экранов Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ прилоТСния, но нС для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ красивыми эффСктами взаимодСйствия.

Как ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ ΠΈΠ»ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ: ΠΏΠΎΠΏΡ€ΠΎΡΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ на свой дСвайс ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅.

Π¦Π΅Π½Π°: бСсплатно для Π΄Π²ΡƒΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² ΠΈΒ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Β POP App большС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ, Π·Π°ΠΏΠ»Π°Ρ‚ΠΈΠ² ΠΎΡ‚Β 12Β $ в мСсяц.

InVision

Π­ΠΊΡ€Π°Π½ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π²Β InVision.

Π­Ρ‚ΠΎΡ‚ инструмСнт прототипирования Π±ΠΎΠ»Π΅Π΅ продвинутая, Ρ‡Π΅ΠΌ Marvel, ΠΈΒ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΎΠ½Π° сСбя ΠΊΠ°ΠΊ инструмСнт для профСссионалов. Π£Β ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π΅ΡΡ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½ для SketchΒ β€” Craft, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Β ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ прямо Π²Β Sketch, Π±Π΅Π· ΠΎΡ‚Ρ€Ρ‹Π²Π° от производства. Π‘Ρ€Π΅Π΄ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… бонусов быстрый процСсс подстановки шаблонов ΠΈΠΌΡ‘Π½, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ², Π΄Π°Ρ‚ ΠΈ тСкстов. НапримСр, Π²Β ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ быстро ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΡƒΡ‡Ρƒ Ρ€Π°Π·Π½Ρ‹Ρ… ΠΈΠΌΡ‘Π½, Ρ‚ΠΎΠ³Π΄Π° вы выдСляСтС Π½ΡƒΠΆΠ½Ρ‹Π΅ слои ΠΈΒ Π½Π°ΠΆΠΈΠΌΠ°Π΅Ρ‚Π΅ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π²Β ΠΏΠ»Π°Π³ΠΈΠ½Π΅, и вуаля, ΠΏΠ»Π°Π³ΠΈΠ½ сам подставляСт Ρ€Π°Π½Π΄ΠΎΠΌΠ½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚. Π­Ρ‚ΠΎΡ‚Β ΠΆΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π°Ρ‘Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ с бСсплатного стока Unsplash. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ прямо Π²Β InVision ΠΏΠΎΠΊΠ° нС получится, Π½ΠΎ, по слухам, скоро появится и такая Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ.

InVision, ΠΊΠ°ΠΊ ΠΈΒ Π΄Π²Π° ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΡ… инструмСнта, постраничный. Π’Β Π½Ρ‘ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²ΡΠ·Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°ΠΌΠΈ дСсятки экранов, но нСльзя ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ, которая бы эти ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹ сопровоТдала.

ΠŸΠ»ΡŽΡΡ‹: ΡƒΠ΄ΠΎΠ±Π½Ρ‹Π΅ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΊΒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ°ΠΌΒ β€” ΠΌΠΎΠΆΠ½ΠΎ прямо Π²Β Ρ‡Π°Ρ‚Π΅ ΠΎΠ±ΡΡƒΠΆΠ΄Π°Ρ‚ΡŒ Ρ‚ΡƒΒ ΠΈΠ»ΠΈ ΠΈΠ½ΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ. Π’Π°ΠΊΠΆΠ΅ Π½Π΅Π΄Π°Π²Π½ΠΎ появилась Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Β«ΠΈΠ½ΡΠΏΠ΅ΠΊΡ‚ΠΈΡ‚ΡŒΒ» ΠΌΠ°ΠΊΠ΅Ρ‚: Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π²Β ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ΅, расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ ΠΈΒ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅Β β€” прямо ΠΊΠ°ΠΊ Π²Β Zeplin. А Сщё Π΅ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΈΒ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ Π·Π°Π΄Π°Ρ‡, ΠΏΠΎΡ…ΠΎΠΆΠΈΠΉ Π½Π°Β Trello.

ΠœΠΈΠ½ΡƒΡΡ‹: послС Marvel интСрфСйс InVision нС самый ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ. Π§Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ΠΉ экран, Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠ»Π³ΠΎ ΠΈΡΠΊΠ°Ρ‚ΡŒ Π΅Π³ΠΎ в спискС, Ρ‚ΠΎΒ Π΅ΡΡ‚ΡŒ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°Ρ‚ΡŒ Π½Π°Π·Π²Π°Π½ΠΈΠ΅. А Ссли экранов большС 50, это прСвращаСтся в сущий Π°Π΄.

Как ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ ΠΈΠ»ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ. ΠŸΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΌΠΎΠΆΠ½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ Ρ‡Π΅Ρ€Π΅Π· мобильноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅.

Π¦Π΅Π½Π°: бСсплатно навсСгда.

На Ρ„ΠΎΠ½Π΅ Π²Ρ‹ΡˆΠ΅ΠΎΠΏΠΈΡΠ°Π½Π½Ρ‹Ρ… инструмСнтов для создания ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Origami Studio самый слоТный. Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ инструмСнт Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π°Β Mac ΠΈΒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с аккаунтом Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Apple. ΠšΒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠ°Ρ‚Ρ‡Π΅ΠΉ, Ρ‡Ρ‚ΠΎ Ρ€Π°ΡΡˆΠΈΡ€ΡΠ΅Ρ‚ Π΅Ρ‘ возмоТности, Π½ΠΎΒ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ Π²Β Π½ΠΈΡ… Π±Π΅Π· Ρ‚ΡƒΡ‚ΠΎΡ€ΠΈΠ°Π»Π° слоТно.

Π­Ρ‚Π° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для прототипирования ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Π²Β ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚Β ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΡ…, послойная. Π’Β Π½Π΅ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ и эффСктныС ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹ ΠΌΠ΅ΠΆΠ΄Ρƒ экранами, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρƒ ΠΈΠ»ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ, ΠΊΠ°ΠΊ элСмСнты Ρ€Π΅Π°Π³ΠΈΡ€ΡƒΡŽΡ‚ Π½Π°Β ΠΎΠ±Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅ ΠΊΒ Π½ΠΈΠΌ. Π­Ρ‚ΠΎΡ‚ Ρ‚ΠΈΠΏ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ большС ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, максимум Π½Π°Β ΠΏΡΡ‚ΡŒ экранов. ΠŸΡ€ΠΎΠ΄ΡƒΠΌΡ‹Π²Π°Ρ‚ΡŒ всС взаимодСйствия для 50 экранов ΠΎΡ‡Π΅Π½ΡŒ Π΄ΠΎΠ»Π³ΠΎ, и вряд ли это стоит Ρ‚ΠΎΠ³ΠΎ Π½Π°Β ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ΅.

Как ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ ΠΈΠ»ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ. Π­Ρ‚ΠΎ Π΅Ρ‰Ρ‘ ΠΎΠ΄Π½ΠΎ слабоС мСсто Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ смог ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ, ΡƒΒ Π½Π΅Π³ΠΎ Ρ‚ΠΎΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ установлСн Origami, Ρ‡Ρ‚ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ наличия Mac ΠΈΒ Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°.

Π¦Π΅Π½Π°: бСсплатный навсСгда, но для установки Π½ΡƒΠΆΠ΅Π½ Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Apple (ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚ΠΎΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ бСсплатно).

Π”Ρ€ΡƒΠ³ΠΈΠ΅ бСсплатныС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для прототипирования

Atomic

Π¦Π΅Π½Π°: бСсплатно для ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°; 19Β $ в мСсяц для Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΠΎΠ³ΠΎ количСства ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²; 99Β $ в мСсяц, Ссли ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΊΠΎΠΌΠ°Π½Π΄Π° до пяти Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ, ΠΎΡ‚Β 145Β $ в мСсяц, Ссли большС.

Adobe XD

Π¦Π΅Π½Π°: бСсплатно. ΠŸΡ€ΠΎΠ΄ΡƒΠΊΡ‚ в состоянии

Π±Π΅Ρ‚Π°-тСстирования

.

RapidUI

Π¦Π΅Π½Π°: бСсплатно, и это Ρ‚ΠΎΠΆΠ΅ Π±Π΅Ρ‚Π°-вСрсия.

Webflow

Π¦Π΅Π½Π°: бСсплатно для Π΄Π²ΡƒΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ². Для дСсяти — 16Β $ в мСсяц, Π·Π°Β 35Β $ в мСсяц ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΉ доступ. Π­Ρ‚ΠΈ Ρ†Π΅Π½Ρ‹ Π½Π΅Β Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ хостинга ΠΈΒ Π΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚, Ссли Π²Ρ‹Β ΠΏΠ»Π°Ρ‚ΠΈΡ‚Π΅ Π·Π°Β Π³ΠΎΠ΄ использования.

MockFlow

Π¦Π΅Π½Π°:

бСсплатно для ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. Π›ΠΈΠΌΠΈΡ‚ в количСствС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² снимаСтся Π·Π°Β 14Β $ в мСсяц. Для ΠΊΠΎΠΌΠ°Π½Π΄ подписка стоит ΠΎΡ‚Β 29Β $ в мСсяц.

MOCKUP.IO

Π¦Π΅Π½Π°:

бСсплатно навсСгда.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅Β β€” ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ этап ΠΏΡ€ΠΈ создании Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π²Β ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π›Π°ΠΉΠ² Π’Π°ΠΉΠΏΠΈΠ½Π³. ПослС Ρ‚ΠΎΠ³ΠΎ ΠΊΠ°ΠΊ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Ρ‘Π½, мы создаём ΠΌΠ°ΠΊΠ΅Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠ΄Ρ‘Ρ‚ Π²Β Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ (ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ о смыслС этого этапа мы писали в нашСй ΡΡ‚Π°Ρ‚ΡŒΠ΅ «Как ΠΌΡ‹Β Π΄Π΅Π»Π°Π΅ΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹: ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅Β»). Π˜Β ΡΡ‚ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π°Ρ‡Π°Π»ΠΎ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ вашим ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ, Π½ΠΎΒ ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎΠ΅. ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ ΠΎΒ ΠΊΠ°ΠΆΠ΄ΠΎΠΌ этапС создания мобильного прилоТСния Π²Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ на нашСй бСсплатной ΠΊΠΎΠ½ΡΡƒΠ»ΡŒΡ‚Π°Ρ†ΠΈΠΈ. РасскаТитС о своём ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅ Π²Β Ρ„ΠΎΡ€ΠΌΠ΅ заявки, ΠΈΒ ΠΌΡ‹Β Π²Π°ΠΌ ΠΏΠΎΠ·Π²ΠΎΠ½ΠΈΠΌ.

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ интСрфСйса β€” ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ бСсплатно

Pidoco β€” это ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт быстро ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ UX.
Нам Π΄ΠΎΠ²Π΅Ρ€ΡΡŽΡ‚ ΠΌΠ°Π»Ρ‹Π΅ ΠΈ ΠΊΡ€ΡƒΠΏΠ½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ Π² 50 странах ΠΌΠΈΡ€Π°.

Π§Ρ‚ΠΎ говорят наши ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹

Π§ΠΈΡ‚Π°Ρ‚ΡŒ большС ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² Β»

ДоступныС ΠΏΠ»Π°Π½Ρ‹ ΠΈ Ρ†Π΅Π½Ρ‹

1 ΠΏΡ€ΠΎΠ΅ΠΊΡ‚

Π—Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ

3 ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°

Π—Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ

20 ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²

Π—Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ

∞ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹

Π—Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΠ»Π°Π½Ρ‹ ΠΈ Ρ†Π΅Π½Ρ‹ Β»

Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ

ΠžΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ Π·Π°ΠΊΠ°Π·

ΠŸΠΎΠΆΠ°Π»ΡƒΠΉΡΡ‚Π°, Π²Π²Π΅Π΄ΠΈΡ‚Π΅ свои ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΡƒΡŽΡ‰ΠΈΠΉ вас Π²Π°Ρ€ΠΈΠ°Π½Ρ‚. Один ΠΈΠ· Π½Π°ΡˆΠΈΡ… прСдставитСлСй свяТСтся с Π²Π°ΠΌΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΡΡƒΠ΄ΠΈΡ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ вопросы ΠΈ ΠΏΠΎΠ΄Ρ‚Π²Π΅Ρ€Π΄ΠΈΡ‚ΡŒ ваш Π·Π°ΠΊΠ°Π·.

Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ: MrMrs

Имя: *

ЭлСктронная ΠΏΠΎΡ‡Ρ‚Π°: *

Компания: *

Π”ΠΎΠ»ΠΆΠ½ΠΎΡΡ‚ΡŒ:

Π’Π΅Π»Π΅Ρ„ΠΎΠ½: *

  • ВнутрСнняя установка
  • Π’Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹ΠΉ сСрвСр

Π Π°Π·ΠΎΠ²Ρ‹ΠΉ ΠΏΠ»Π°Ρ‚Π΅ΠΆ, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹ΠΉ Π²Π°ΠΌΠΈ Π½Π° вашСм Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΌ ΠΎΠ±ΠΎΡ€ΡƒΠ΄ΠΎΠ²Π°Π½ΠΈΠΈ.

10 ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ — 3 499 Π΅Π²Ρ€ΠΎ

11-25 ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ — 5 999 Π΅Π²Ρ€ΠΎ

26-50 ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ — 8 999 Π΅Π²Ρ€ΠΎ

51-100 ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ — 14 999 Π΅Π²Ρ€ΠΎ

  • Pidoco5 Classic Edition
  • плюс Pidoco Mobile Edition
  • 1 Π³ΠΎΠ΄ бСсплатных ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΉ ΠΈ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΉ
  • 1 Π³ΠΎΠ΄ бСсплатной ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ
  • БСсплатная интСграция вашСго Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°

Π“ΠΎΠ΄ΠΎΠ²ΠΎΠΉ ΠΏΠ»Π°Ρ‚Π΅ΠΆ, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹ΠΉ Π½Π°ΠΌΠΈ Π½Π° Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌ сСрвСрС (Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ машинС).

10 ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ — 3000 Π΅Π²Ρ€ΠΎ Π² Π³ΠΎΠ΄

11-25 ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ — 4800 Π΅Π²Ρ€ΠΎ Π² Π³ΠΎΠ΄

26-50 ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ — 7200 Π΅Π²Ρ€ΠΎ Π² Π³ΠΎΠ΄

51-100 ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ — 9600 Π΅Π²Ρ€ΠΎ Π² Π³ΠΎΠ΄

500045 Pidoco45 9005
  • плюс Pidoco Mobile Edition
  • БСсплатныС обновлСния ΠΈ обновлСния
  • БСсплатная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ
  • БСсплатная интСграция вашСго Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°
  • ВСст:

    ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ

    • Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ

      Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠΌΠΈΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎ, ΠΊΠ°ΠΊ Π½Π° самом Π΄Π΅Π»Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ вашС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ‰Π΅Π»Ρ‡ΠΊΠΈ, сСнсорныС ТСсты, Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ устройства, Π²Π²ΠΎΠ΄ с ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ ΠΈ Π΄Π°ΠΆΠ΅ Π΄Π°Π½Π½Ρ‹Π΅ ΠΎ мСстополоТСнии, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ Π² своих ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ°Ρ… Π³ΠΈΠ±ΠΊΠΎ настраиваСмыС Ρ€Π΅Π°ΠΊΡ†ΠΈΠΈ.

    • БотрудничСство

      Π”Π΅Π»ΠΈΡ‚Π΅ΡΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ°ΠΌΠΈ, собирайтС ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ экраны вмСстС с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. Наши Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹ просты Π² использовании ΠΈ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ вСрсиями, ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² ΠΈ отслСТиваниС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²Π°ΠΌ всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ инструмСнты.

    • МобильноС ΠΌΠΎΠ΄Π΅Π»ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅

      ΠŸΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ свои ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ iOS ΠΈ Android, Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. Pidoco позволяСт Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ, Π±Π΅Π· Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈ установки ΠΊΠ°ΠΊΠΈΡ…-Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ссылку для ΠΎΠ±ΠΌΠ΅Π½Π° Π² мобильном Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π½Π° Π³Π»Π°Π²Π½Ρ‹ΠΉ экран, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π΅Π³ΠΎ Π² полноэкранном Ρ€Π΅ΠΆΠΈΠΌΠ΅.

    • Экспорт ΠΈ спСцификации

      Одним Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΠΈ создавайтС ΡƒΠ΄ΠΎΠ±Π½Ρ‹Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ со спСцификациями, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ ΠΈΡ… ΠΊΠΎΠΌΠ°Π½Π΄Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Π² качСствС Ρ‡Π΅Ρ€Π½ΠΎΠ²ΠΈΠΊΠ° ΠΈΠ»ΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ для утвСрТдСния. Или экспортируйтС свои ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ Π² Π²ΠΈΠ΄Π΅ каркасов PNG ΠΈΠ»ΠΈ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ»ΠΈ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML, Ссли Π²Ρ‹ Π½Π΅ Π² сСти.

    • ΠœΠ½ΠΎΠ³ΠΎΡ€Π°Π·ΠΎΠ²Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹

      Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ стандартныС Π±Π»ΠΎΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠ΄Π΅Π»Π°ΡŽΡ‚ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΎΡ‡Π΅Π½ΡŒ быстрым ΠΈ повысят ΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°Π½Π½ΠΎΡΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ…. Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ слои ΠΈ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ ΠΊΠ°ΠΊ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹, Π·Π°Π³Ρ€ΡƒΠΆΠ°ΠΉΡ‚Π΅ собствСнныС Ρ„Π°ΠΉΠ»Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ добавляйтС ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Ρ‹ Π² качСствС Ρ„ΠΎΠ½Π° страницы.

    • Удобство использования

      Pidoco прост Π² освоСнии ΠΈ использовании, поэтому Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΈΠ²Π½Ρ‹ с ΠΏΠ΅Ρ€Π²ΠΎΠΉ ΠΌΠΈΠ½ΡƒΡ‚Ρ‹. Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ Ρ€Π°Π·Π²Π΅Ρ€Ρ‚Ρ‹Π²Π°Π½ΠΈΠ΅ Pidoco Π² вашСй ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ-тСсты своих ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ², ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ локального ΠΈ ΡƒΠ΄Π°Π»Π΅Π½Π½ΠΎΠ³ΠΎ тСстирования.

    • Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ ΠΈ настройка

      Pidoco интСгрируСтся с Ρ‚Π°ΠΊΠΈΠΌΠΈ прилоТСниями, ΠΊΠ°ΠΊ Planio ΠΈΠ»ΠΈ JIRA, Ρ‡Π΅Ρ€Π΅Π· наш API. ΠΠ°ΠΏΠΈΡˆΠΈΡ‚Π΅ свои собствСнныС надстройки ΠΈΠ»ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Pidoco ΠΊ своСй Π²ΠΈΠΊΠΈ ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌ ИВ-систСмам. Или ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π½Π°ΡˆΡƒ Π²Π΅Ρ€ΡΠΈΡŽ Enterprise Edition, ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‰ΡƒΡŽ настройку ΠΈ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ сцСнариСв для написания собствСнных сцСнариСв дСйствий.

    • ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС ΠΊΠ°ΠΊ услуга ΠΈ Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡ‚ΡŒ

      Pidoco ΠΆΠΈΠ²Π΅Ρ‚ Π² ΠΎΠ±Π»Π°ΠΊΠ΅ Π² Π·Π°Ρ‰ΠΈΡ‰Π΅Π½Π½Ρ‹Ρ… Π½Π΅ΠΌΠ΅Ρ†ΠΊΠΈΡ… Ρ†Π΅Π½Ρ‚Ρ€Π°Ρ… ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ…, поэтому Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС, Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ обновлСния ΠΈΠ»ΠΈ ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚ΡŒ Π»ΠΈΡ†Π΅Π½Π·ΠΈΠΈ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. ΠŸΡ€ΠΎΡΡ‚ΠΎ Π²ΠΎΠΉΠ΄ΠΈΡ‚Π΅ Π² систСму, ΠΈ Π²Ρ‹ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ ΠΊ Ρ€Π°Π±ΠΎΡ‚Π΅ с послСднСй доступной Π²Π°ΠΌ вСрсиСй. НуТно большС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ? ΠŸΡ€ΠΎΡΡ‚ΠΎ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΈΡ… Π½Π° Π»Π΅Ρ‚Ρƒ.

    Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΡƒΠ΄ΠΎΠ±Π½Ρ‹Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ‹ интСрфСйсов ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Pidoco!

    Pidoco β€” это инструмСнт для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ интСрфСйса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΎΠ½Π»Π°ΠΉΠ½ ΠΈ обСспСчиваСт ΡΠΎΠ²ΠΌΠ΅ΡΡ‚Π½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ тСстированиС удобства использования. МногиС профСссионалы ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ инструмСнт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ интСрфСйса Pidoco для совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса с Ρ‡Π»Π΅Π½Π°ΠΌΠΈ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ заинтСрСсованными сторонами. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ инструмСнт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ интСрфСйса Pidoco позволяСт Π²Π°ΠΌ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ поняли ΠΈΠ· Π±Ρ€ΠΈΡ„Π°, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ²Π΅Ρ€Π΅Π½Ρ‹, Ρ‡Ρ‚ΠΎ Π½Π΅ ΡΠ±ΠΈΠ²Π°Π΅Ρ‚Π΅ΡΡŒ с ΠΏΡƒΡ‚ΠΈ ΠΈ эффСктивно Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ Π½Π°Π΄ своим ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ.

    Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ интСрфСйса?

    Π”ΠΈΠ·Π°ΠΉΠ½ интСрфСйса ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния β€” это ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈ создания Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса для Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния. Π”ΠΈΠ·Π°ΠΉΠ½ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ интСрфСйса ΠΌΠΎΠΆΠ΅Ρ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ созданиС ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π±Π°Π·ΠΎΠ²ΡƒΡŽ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΡƒ, ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΡƒΡŽ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρƒ ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ ΠΏΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠΌΡƒ интСрфСйсу. МногиС люди ΡΠΎΠ·Π΄Π°ΡŽΡ‚ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ интСрфСйсов ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния Π² составС ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ экспСртов ΠΈΠ· Ρ€Π°Π·Π½Ρ‹Ρ… областСй Π² процСссС совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹.

    Π—Π°Ρ‡Π΅ΠΌ ΠΈΠ½Π²Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ интСрфСйса?

    Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ интСрфСйса Pidoco Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ»Π°Π½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΡΡ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свой ΠΏΡ€ΠΎΠ΅ΠΊΡ‚, ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΌΠΎΠ·Π³ΠΎΠ²ΠΎΠΉ ΡˆΡ‚ΡƒΡ€ΠΌ ΠΈΠ΄Π΅ΠΉ ΠΈ ΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ интСрфСйса, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ Π΅Π³ΠΎ. Π”ΠΈΠ·Π°ΠΉΠ½ интСрфСйса ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния являСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… аспСктов ΠΏΡ€ΠΈ принятии Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΎ ΠΏΠΎΠΊΡƒΠΏΠΊΠ΅, ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ интСрфСйса ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния находится Π² Ρ†Π΅Π½Ρ‚Ρ€Π΅ внимания ΠΌΠ½ΠΎΠ³ΠΈΡ… ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ ошибок Π² Ρ‚Π°ΠΊΠΈΡ… областях, ΠΊΠ°ΠΊ навигация, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Π·Π°Ρ‚Ρ€Π°Ρ‚ ΠΈ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ для исправлСния Π½Π° Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ·Π΄Π½Π΅ΠΌ этапС.

    БотрудничСство ΠΏΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ интСрфСйса с Pidoco

    Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ интСрфСйса Pidoco обСспСчиваСт ΡΠΎΠ²ΠΌΠ΅ΡΡ‚Π½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΎΠ½Π»Π°ΠΉΠ½, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ ΠΎΠ΄Π½ΠΈΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ с Ρ‡Π»Π΅Π½Π°ΠΌΠΈ вашСй ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹, Π³Π΄Π΅ Π±Ρ‹ Π²Ρ‹ Π½ΠΈ Π½Π°Ρ…ΠΎΠ΄ΠΈΠ»ΠΈΡΡŒ. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ своими ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ интСрфСйса ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ ΠΈΠ»ΠΈ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… Π² нСсколько Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ заинтСрСсованныС стороны ΠΌΠΎΠ³Π»ΠΈ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²Π°ΠΌ ΠΎΡ‚Π·Ρ‹Π². Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ нашСго инструмСнта Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ интСрфСйса Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ тСсно ΡΠΎΡ‚Ρ€ΡƒΠ΄Π½ΠΈΡ‡Π°Ρ‚ΡŒ Π² ΠΊΠΎΠΌΠ°Π½Π΄Π΅ ΠΈ быстро ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, запуская ΠΈ запуская своС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ быстрСС.

    ΠžΡΡ‚Π°Π²Π°ΠΉΡ‚Π΅ΡΡŒ Π½Π° связи

    9 Π»ΡƒΡ‡ΡˆΠΈΡ… инструмСнтов Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ стоит ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Π² 2022 Π³ΠΎΠ΄Ρƒ

    Π”ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса (UI) фокусируСтся Π½Π° Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΌ восприятии Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. Он Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя всС Ρ†Π²Π΅Ρ‚Π°, Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΡƒ ΠΈ изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ Π½Π° экранС, Π° Ρ‚Π°ΠΊΠΆΠ΅ элСмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎ интСрфСйсу, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠΈ, полосы ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ ΠΈ дСйствия смахивания.

    Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌ для создания приятного ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π°. Π˜Ρ‚Π°ΠΊ, Ссли Π²Ρ‹ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚Π΅ΡΡŒ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, Π²Π°ΠΌ понадобятся Π½Π°Π΄Π΅ΠΆΠ½Ρ‹Π΅ инструмСнты Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Π² вашСм Π½Π°Π±ΠΎΡ€Π΅ инструмСнтов.

    Π’ этом руководствС Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ 9 Π»ΡƒΡ‡ΡˆΠΈΡ… инструмСнтов Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ стоит ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Π² 2022 Π³ΠΎΠ΄Ρƒ . ΠœΡ‹ описали ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ особСнности ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ· Π½ΠΈΡ…, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π²Π°ΠΌ Π»Π΅Π³ΠΊΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ инструмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π»ΡƒΡ‡ΡˆΠ΅ всСго подходят для Π²Π°ΡˆΠΈΡ… Π½ΡƒΠΆΠ΄.

    1. Sketch

    Sketch β€” это Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ для рисования, каркасного модСлирования, прототипирования ΠΈ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° β€” практичСски всС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ для воплощСния Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² Π² Тизнь.

    Sketch β€” это мощная ΠΈ гибкая ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ UX ΠΈ UI, созданная для совмСстного проСктирования. Он ΡƒΠΆΠ΅ Π΄Π°Π²Π½ΠΎ считаСтся стандартным инструмСнтом Π² отрасли, идСально подходящим ΠΊΠ°ΠΊ для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…, Ρ‚Π°ΠΊ ΠΈ для ΠΎΠΏΡ‹Ρ‚Π½Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². Однако ΠΈΠΌΠ΅ΠΉΡ‚Π΅ Π² Π²ΠΈΠ΄Ρƒ, Ρ‡Ρ‚ΠΎ Sketch совмСстим Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с macOS.

    ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
    • Π˜Π½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятныС инструмСнты Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ рСдактирования ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Π΅ логичСскиС ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ для Π³ΠΈΠ±ΠΊΠΎΠ³ΠΎ ΠΈΡ‚Π΅Ρ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ проСктирования
    • БСсконСчный холст Π΄ΠΈΠ·Π°ΠΉΠ½Π° с Π³ΠΈΠ±ΠΊΠΈΠΌΠΈ ΠΌΠΎΠ½Ρ‚Π°ΠΆΠ½Ρ‹ΠΌΠΈ областями, прСдустановками Π΄ΠΈΠ·Π°ΠΉΠ½Π°, настраиваСмыми сСтками ΠΈ простыми инструмСнтами измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΏΠΎΠ΄ любой Ρ€Π°Π·ΠΌΠ΅Ρ€ экрана
    • Π‘ΠΎΠΊΡ€Π°Ρ‰Π΅Π½ΠΈΠ΅ ΠΈ матСматичСскиС ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€Ρ‹ для ускорСния процСсса проСктирования
    • Variable ΠΈ OpenType ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ для Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΠΎΠ³ΠΎ контроля Π½Π°Π΄ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ вашСго интСрфСйса
    • ΠšΡ€ΠΎΡΡΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅Π½Π½Ρ‹Π΅ инструмСнты для совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связи, ΠΎΠ±ΠΌΠ΅Π½Π° ΠΈ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ
    Π¦Π΅Π½Π°:

    Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Sketch, воспользовавшись 30-Π΄Π½Π΅Π²Π½ΠΎΠΉ бСсплатной ΠΏΡ€ΠΎΠ±Π½ΠΎΠΉ вСрсиСй. ΠŸΠ»Π°Ρ‚Π½Ρ‹ΠΉ ΠΏΠ»Π°Π½ стоит 9 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π·Π° Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Π² мСсяц ΠΈΠ»ΠΈ 99 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π·Π° Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Π² Π³ΠΎΠ΄, Ссли Π²Ρ‹ ΠΏΠ»Π°Ρ‚ΠΈΡ‚Π΅ авансом.

    Π£Π·Π½Π°ΠΉΡ‚Π΅ большС ΠΎ Ρ‚Π°Ρ€ΠΈΡ„Π½Ρ‹Ρ… ΠΏΠ»Π°Π½Π°Ρ… Sketch здСсь.

    2. Adobe XD

    Adobe XD β€” Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ Π²ΡΠ΅ΠΎΠ±ΡŠΠ΅ΠΌΠ»ΡŽΡ‰ΠΈΠΉ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ инструмСнт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса с функциями для совмСстного проСктирования ΠΈ создания ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ².

    МногиС ΡΡ‡ΠΈΡ‚Π°ΡŽΡ‚ Adobe XD Π»ΡƒΡ‡ΡˆΠΈΠΌ инструмСнтом для Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π­Ρ‚ΠΎ быстро, это ΠΌΠΎΡ‰Π½ΠΎ, ΠΈ Π²Ρ‹ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ с Π½ΠΈΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ! Adobe XD ΠΏΡ€ΠΎΠ²Π΅Π΄Π΅Ρ‚ вас Ρ‡Π΅Ρ€Π΅Π· вСсь процСсс проСктирования UX ΠΈ UI β€” ΠΎΡ‚ Ρ€Π°Π½Π½ΠΈΡ… ΠΈΠ΄Π΅ΠΉ ΠΈ низкокачСствСнных ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² Π΄ΠΎ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»ΡΡŽΡ‰ΠΈΡ… Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ ΠΈ рСалистичных ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ².

    Adobe XD являСтся Ρ‡Π°ΡΡ‚ΡŒΡŽ ΠΏΠ°ΠΊΠ΅Ρ‚Π° Adobe Creative Cloud ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ с Windows, Ρ‚Π°ΠΊ ΠΈ с Mac, Ρ‡Ρ‚ΠΎ Π΄Π°Π΅Ρ‚ Π΅ΠΌΡƒ нСбольшоС прСимущСство ΠΏΠ΅Ρ€Π΅Π΄ Sketch.

    ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
    • Π’Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ инструмСнт для рСдактирования ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ пСрСтаскивания с Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΌ количСством ΠΌΠΎΠ½Ρ‚Π°ΠΆΠ½Ρ‹Ρ… областСй ΠΈ ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠΌΠΈ, ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‰ΠΈΠΌΠΈ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΈ элСмСнты Π² Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ…
    • Наборы ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса (Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹) для Apple Design, Google Material Design, Amazon Alexa ΠΈ Π΄Ρ€.
    • 3D-прСобразования, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠ΅ ΠΈΠΌΠΈΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π³Π»ΡƒΠ±ΠΈΠ½Ρƒ ΠΈ пСрспСктиву ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π² Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ…
    • ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ ΠΈ состояния для ΠΈΡ‚Π΅Ρ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΠΎΠ³ΠΎ проСктирования. ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ Π²Π½ΠΎΡΠΈΡ‚ΡŒ измСнСния Π²ΠΎ всС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΈΠ»ΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹, избавляя вас ΠΎΡ‚ нСобходимости Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ Π΄ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π²Π½Π΅Π΄Ρ€ΡΡ‚ΡŒ измСнСния
    • ΠœΠΎΡ‰Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ возмоТности Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ воспроизвСдСниС Π²ΠΈΠ΄Π΅ΠΎ ΠΈ Lottie, ΠΌΠΈΠΊΡ€ΠΎΠ°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΈ эффСкты двиТСния, Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ ΠΈ ссылки привязки
    • ГолосовоС ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰Π΅Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ голосовыС ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹, Π²ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ воспроизвСдСниС Ρ€Π΅Ρ‡ΠΈ ΠΈ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ голосовыС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ
    • Ѐункция
    • Design Specs для упрощСния процСсса ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰Π°Ρ ΠΎΠ±ΠΌΠ΅Π½ΠΈΠ²Π°Ρ‚ΡŒΡΡ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ°ΠΌΠΈ, Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π°ΠΌΠΈ ΠΊΠΎΠ΄Π° CSS ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΡ‹ΠΌΠΈ рСсурсами с Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ β€” ΠΈ всС это ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΉ ссылкС
    Π¦Π΅Π½Π°:

    Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ бСсплатно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Adobe XD с ΠΏΠ»Π°Π½ΠΎΠΌ XD Starter. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΏΠΎΠ»Π½ΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ XD, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΏΠ»Π°Ρ‚ΠΈΡ‚ΡŒ Π·Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ инструмСнт (9,99 Π΄ΠΎΠ»Π». БША Π² мСсяц) ΠΈΠ»ΠΈ ΠΏΠΎΠ΄ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ Π½Π° ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΏΠ°ΠΊΠ΅Ρ‚ Creative Cloud (Π±ΠΎΠ»Π΅Π΅ 20 ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Adobe XD) Π·Π° 52,99 Π΄ΠΎΠ»Π». БША Π² мСсяц.

    3. UXPin

    UXPin β€” популярный инструмСнт UX ΠΈ UI, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ ΠΊΠ°ΠΊ Π½ΠΎΠ²ΠΈΡ‡ΠΊΠ°ΠΌΠΈ, Ρ‚Π°ΠΊ ΠΈ ΠΎΠΏΡ‹Ρ‚Π½Ρ‹ΠΌΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ. UXPin β€” это Π΅Ρ‰Π΅ ΠΎΠ΄Π½Π° сквозная ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°, способная ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π±Π΅Π·ΡƒΠΏΡ€Π΅Ρ‡Π½Ρ‹Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ β€” Π½Π°Π²Ρ‹ΠΊΠΈ программирования Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ.

    Если Π²Ρ‹ ΡƒΠΆΠ΅ Π·Π½Π°ΠΊΠΎΠΌΡ‹ со Sketch ΠΈΠ»ΠΈ Photoshop, Π²Π°ΠΌ Π±ΡƒΠ΄Π΅Ρ‚ довольно Π»Π΅Π³ΠΊΠΎ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² интСрфСйсС UXPin. Он Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ поставляСтся с тысячами Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… ΠΊ использованию ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π°; ΠΎΠ½ Ρ‚Π°ΠΊΠΆΠ΅ Ρ…ΠΎΡ€ΠΎΡˆΠΎ оснащСн, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π½Π°Π΄Π΅ΠΆΠ½Ρ‹Π΅ систСмы проСктирования ΠΈ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ ΠΈΠΌΠΈ.

    UXPin Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с Mac ΠΈ Windows ΠΈΠ»ΠΈ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.

    ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
    • ВстроСнныС Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ для iOS, Google Material Design, Bootstrap ΠΈ User Flows, ΠΏΠΎΠ»Π½Ρ‹Π΅ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… элСмСнтов, Ρ†Π²Π΅Ρ‚ΠΎΠ², стилСй тСкста ΠΈ Π·Π½Π°Ρ‡ΠΊΠΎΠ²
    • Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅Ρ‚Π°ΡΠΊΠΈΠ²Π°Ρ‚ΡŒ Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ для создания высокоточных взаимодСйствий
    • ВстроСнныС возмоТности ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΏΠΎΡ‚ΠΎΠΊΠ°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ своСй Ρ€Π°Π±ΠΎΡ‚Ρ‹
    • ВстроСнная ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° контрастности ΠΈ симулятор Π΄Π°Π»ΡŒΡ‚ΠΎΠ½ΠΈΠ·ΠΌΠ°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ваши ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ максимально доступными ΠΈ ΠΈΠ½ΠΊΠ»ΡŽΠ·ΠΈΠ²Π½Ρ‹ΠΌΠΈ
    • УпрощСнная ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ с Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΡ‹ΠΌΠΈ спСцификациями Π΄ΠΈΠ·Π°ΠΉΠ½Π°
    Π¦Π΅Π½Π°:

    Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ бСсплатно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ UXPin Π΄ΠΎ 2 ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ². Для Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ ΠΏΠ»Π°Π½ Π·Π° 19 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ²./Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π² мСсяц, Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹ΠΉ ΠΏΠ»Π°Π½ Π·Π° 29 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π·Π° Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Π² мСсяц ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠ»Π°Π½ Π·Π° 69 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π·Π° Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Π² мСсяц.

    Π—Π΄Π΅ΡΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΡ€Π°Π²Π½ΠΈΡ‚ΡŒ всС Ρ‚Π°Ρ€ΠΈΡ„Π½Ρ‹Π΅ ΠΏΠ»Π°Π½Ρ‹ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ.

    4. Marvel

    Marvel ΠΎΠ±Π΅Ρ‰Π°Π΅Ρ‚ всС основныС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ для проСктирования ΠΈ создания Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ², Π²ΠΊΠ»ΡŽΡ‡Π°Ρ каркасноС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ спСцификации Π΄ΠΈΠ·Π°ΠΉΠ½Π° для ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ. А благодаря ΡƒΠ΄ΠΎΠ±Π½ΠΎΠΉ ΠΈ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятной ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅ это ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ инструмСнт Π΄ΠΈΠ·Π°ΠΉΠ½Π° UX/UI для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ….

    Marvel β€” это Π²Π΅Π±-инструмСнт, Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΠΉ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, поэтому Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π½ΠΈΡ‡Π΅Π³ΠΎ ΡΠΊΠ°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ. Он Π±Ρ‹Π» создан для простого ΠΈ быстрого проСктирования с функциями создания каркасов, Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΈ прототипирования. Marvel Ρ‚Π°ΠΊΠΆΠ΅ интСгрируСтся со ΠΌΠ½ΠΎΠ³ΠΈΠΌΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ популярными инструмСнтами Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ процСсс.

    ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
    • Π¨Π°Π±Π»ΠΎΠ½Ρ‹ каркасов с Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ пСрСтаскивания для быстрого проСктирования Π½Π° Ρ€Π°Π½Π½ΠΈΡ… стадиях
    • ΠžΠ±ΡˆΠΈΡ€Π½Π°Ρ коллСкция Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… рСсурсов, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π·Π½Π°Ρ‡ΠΊΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ваши ΠΈΠ΄Π΅ΠΈ
    • Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΠΌΠΏΠΎΡ€Ρ‚Π° статичСских ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² ΠΈΠ· Π΄Ρ€ΡƒΠ³ΠΈΡ… инструмСнтов (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Sketch)
    • Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ΅ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ с Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ, взаимодСйствиями ΠΈ слоями. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Marvel для прототипирования (ΠΈ ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΡ… инструмСнтах прототипирования) Π² этом руководствС
    • .
    • ВстроСнная функция ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ тСстирования для получСния ΠΎΡ‚Π·Ρ‹Π²ΠΎΠ² ΠΎ Π²Π°ΡˆΠΈΡ… идСях ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²
    • Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° для ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎΠ³ΠΎ прСвращСния ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² Π² ΠΊΠΎΠ΄, спСцификации ΠΈ Π°ΠΊΡ‚ΠΈΠ²Ρ‹ для использования Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ
    • Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ для Jira, Maze, Confluence, Lookback ΠΈ Π΄Ρ€.
    Π¦Π΅Π½Π°:

    Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ бСсплатно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Marvel для создания 1 ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. Для Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΠΎΠ³ΠΎ количСства ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ рассмотритС ΠΏΠ»Π°Π½ Pro Π·Π° 9 Π΅Π²Ρ€ΠΎ Π² мСсяц (1 ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ) ΠΈΠ»ΠΈ ΠΏΠ»Π°Π½ Team Π·Π° 27 Π΅Π²Ρ€ΠΎ Π² мСсяц (3+ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ).

    Π£Π·Π½Π°ΠΉΡ‚Π΅ большС ΠΎ Ρ‚Π°Ρ€ΠΈΡ„Π½Ρ‹Ρ… ΠΏΠ»Π°Π½Π°Ρ… Marvel здСсь.

    5. Π€ΠΈΠ³ΠΌΠ°

    Π’Π°ΠΌ Π±ΡƒΠ΄Π΅Ρ‚ слоТно Π½Π°ΠΉΡ‚ΠΈ список инструмСнтов UX/UI, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π½Π΅ упоминаСтся Figma, ΠΈ Π½Π° Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ вСскиС ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρ‹. Figma β€” это Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π½Ρ‹ΠΉ инструмСнт для проСктирования интСрфСйсов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ обСспСчиваСт быстроС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ созданиС ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ², Π° Ρ‚Π°ΠΊΠΆΠ΅ бСспрСпятствСнный совмСстный Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ процСсс.

    Как ΠΈ Sketch ΠΈ Adobe XD, Figma β€” Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ. Figma идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚, Ссли Π²Ρ‹ ΠΈΡ‰Π΅Ρ‚Π΅ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΉ инструмСнт, ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ всС, ΠΎΡ‚ ΠΈΠ΄Π΅ΠΈ Π΄ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ прототипирования, с Π²ΠΎΡΡ…ΠΈΡ‚ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятным интСрфСйсом.

    И, Ссли Π²Ρ‹ всС ΠΆΠ΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅Ρ‚Π΅ Figma, ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ Π΅Ρ‰Π΅ ΠΈ FigJam β€” ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΡƒΡŽ доску Figma для совмСстного творчСства, ΠΌΠΎΠ·Π³ΠΎΠ²ΠΎΠ³ΠΎ ΡˆΡ‚ΡƒΡ€ΠΌΠ° ΠΈ сСминаров.

    ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
    • Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠ΅ ΠΏΠ΅Ρ€ΠΎ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰Π΅Π΅ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π² любом Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… сСтСй
    • Auto Layout для ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°
    • Π“ΠΈΠ±ΠΊΠΈΠ΅ стили, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Π²ΠΎ всСх ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса
    • ДоступныС Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ с Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΌΠΈ рСсурсами, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅Ρ‚Π°ΡΠΊΠΈΠ²Π°Ρ‚ΡŒ Π² свои Ρ„Π°ΠΉΠ»Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π°
    • Π€Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΊΠΎΠ΄Π° для CSS, iOS ΠΈ Android, ΡƒΠΏΡ€ΠΎΡ‰Π°ΡŽΡ‰ΠΈΠ΅ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡Ρƒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ
    • ΠŸΠ»Π°Π³ΠΈΠ½Ρ‹ для Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ вашСй Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΏΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ
    • Π€ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ прототипирования, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹, динамичСскиС налоТСния ΠΈ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ GIF-Ρ„Π°ΠΉΠ»Ρ‹
    • ВстроСнная функция коммСнтирования для совмСстного процСсса проСктирования
    Π¦Π΅Π½Π°:

    Figma ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ бСсплатный ΠΏΠ»Π°Π½ с 3 Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ Figma, 3 Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ FigJam ΠΈ Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΌ количСством соавторов. Для Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΠΎΠ³ΠΎ количСства Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΏΠ»Π°Π½ Professional ΠΏΠΎ Ρ†Π΅Π½Π΅ 12 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША Π·Π° Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Π² мСсяц ΠΈΠ»ΠΈ ΠΏΠ»Π°Π½ Organization ΠΏΠΎ Ρ†Π΅Π½Π΅ 45 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША Π·Π° Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Π² мСсяц.

    ВсС Ρ‚Π°Ρ€ΠΈΡ„Π½Ρ‹Π΅ ΠΏΠ»Π°Π½Ρ‹ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Figma ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ здСсь.

    6. InVision Studio

    InVision Studio ΠΏΡ€Π΅Ρ‚Π΅Π½Π΄ΡƒΠ΅Ρ‚ Π½Π° Π·Π²Π°Π½ΠΈΠ΅ самого ΠΌΠΎΡ‰Π½ΠΎΠ³ΠΎ инструмСнта для создания экранов Π² ΠΌΠΈΡ€Π΅, прСдоставляя всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ΅ для идСального рисования, создания каркасов, создания ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ² ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ

    Π§Π°ΡΡ‚ΡŒ ΠΏΠ°ΠΊΠ΅Ρ‚Π° InVision для совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹ инструмСнты Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Studio поставляСтся с ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятным Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΌ инструмСнтом рисования, бСсконСчным холстом ΠΈ мноТСством Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»ΡΡŽΡ‰ΠΈΡ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ быстрого прототипирования ΠΈ встроСнных Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ.

    БовмСстим ΠΊΠ°ΠΊ с MacOS, Ρ‚Π°ΠΊ ΠΈ с Windows, это ΠΎΠ΄ΠΈΠ½ ΠΈΠ· самых популярных инструмСнтов UX/UI срСди ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ².

    ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
    • Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ рисования для молниСносного Π΄ΠΈΠ·Π°ΠΉΠ½Π° экрана
    • Адаптивный ΠΌΠ°ΠΊΠ΅Ρ‚ для Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ быстро ΠΈ Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ΄ любой Ρ€Π°Π·ΠΌΠ΅Ρ€ экрана
    • Π€ΡƒΠ½ΠΊΡ†ΠΈΠΈ быстрого прототипирования с ΠΏΠ»Π°Π²Π½Ρ‹ΠΌ взаимодСйствиСм, Π·Π΅Ρ€ΠΊΠ°Π»ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств ΠΈ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½Ρ‹ΠΌ воспроизвСдСниСм
    • ВстроСнныС возмоТности Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ, Π² Ρ‚ΠΎΠΌ числС смарт-ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΡˆΠΊΠ°Π»Ρ‹ ΠΈ автоматичСскоС связываниС слоСв
    • БовмСстно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² с глобальной синхронизациСй ΠΈ обновлСниями Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ для обСспСчСния Сдинообразия конструкции
    • Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ Inspect для создания спСцификаций с Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒΡŽ Π΄ΠΎ пиксСля для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²
    Π¦Π΅Π½Π°:

    Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ бСсплатно Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ InVision Studio с 1 ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠΌ ΠΈ 3 ΠΏΠ»Π°Ρ‚Π°ΠΌΠΈ. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ большС ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ², ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π° ΠΏΠ»Π°Π½ InVision Starter Π·Π° 13 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц (3 ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ° ΠΈ 3 ΠΏΠ»Π°Ρ‚Ρ‹) ΠΈΠ»ΠΈ ΠΏΠ»Π°Π½ Professional Π·Π° 22 Π΄ΠΎΠ»Π»Π°Ρ€Π° Π² мСсяц (Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΠΎΠ΅ количСство ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ² ΠΈ ΠΏΠ»Π°Ρ‚).

    ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ всС Ρ‚Π°Ρ€ΠΈΡ„Π½Ρ‹Π΅ ΠΏΠ»Π°Π½Ρ‹ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ InVision ΠΌΠΎΠΆΠ½ΠΎ здСсь.

    7. Zeplin

    Zeplin β€” это ΠΎΠ±Π»Π°Ρ‡Π½ΠΎΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ устраняСт Ρ€Π°Π·Ρ€Ρ‹Π² ΠΌΠ΅ΠΆΠ΄Ρƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ UX/UI ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ интСрфСйсов. Он прСдоставляСт ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½ΠΎΠ΅ Ρ€Π°Π±ΠΎΡ‡Π΅Π΅ пространство для ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² ΠΈ создания спСцификаций, рСсурсов ΠΈ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΊΠΎΠ΄Π° для бСспроблСмной ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ.

    Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ UX ΠΈ UI Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π² тСсном сотрудничСствС с Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ β€” людьми, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π°ΡŽΡ‚ ваши ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ Π² настоящиС, Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΠ΅ Π²Π΅Π±-сайты ΠΈ прилоТСния. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π²Π°ΠΆΠ½ΠΎ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ тСхничСскиС характСристики, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ ΠΈΠΌ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΈΡ… сСбС прСдставляСтС.

    Zeplin позаботится ΠΎΠ±ΠΎ всСм этом процСссС: Π²Ρ‹ просто ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΠ΅Ρ‚Π΅ свои Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ Π½Π° ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅ ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅, для ΠΊΠ°ΠΊΠΎΠΉ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ Π²Ρ‹ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚Π΅ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π²Π΅Π±, iOS ΠΈΠ»ΠΈ Android), Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ рСсурсы.

    ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
    • ΠŸΠΎΡ‚ΠΎΠΊΠΈ для быстрого ΠΈ простого отобраТСния ΠΏΡƒΡ‚ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΈ докумСнтирования Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²
    • Π“Π»ΠΎΠ±Π°Π»ΡŒΠ½Ρ‹Π΅ руководства ΠΏΠΎ ΡΡ‚ΠΈΠ»ΡŽ для систСматизации ΠΈ обновлСния Ρ†Π²Π΅Ρ‚ΠΎΠ², стилСй тСкста ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² вашСй систСмы Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² Ρ†Π΅Π½Ρ‚Ρ€Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π½ΠΎΠΌ мСстС
    • Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ с Figma, Adobe XD, Sketch, Photoshop, Slack ΠΈ Π΄Ρ€.
    • Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ для HTML, CSS, Swift, XML, React Native ΠΈ Π΄Ρ€.
    Π¦Π΅Π½Π°:

    Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ 1 ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ с бСсплатным ΠΏΠ»Π°Π½ΠΎΠΌ Zeplin. Для ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² Π΄ΠΎ 12 рассмотритС ΠΏΠ»Π°Π½ Team ΠΏΠΎ Ρ†Π΅Π½Π΅ 6 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША Π·Π° Ρ€Π°Π±ΠΎΡ‡Π΅Π΅ мСсто Π² мСсяц. Для Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² Π²Π°ΠΌ понадобится ΠΏΠ»Π°Π½ Β«ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡΒ» ΠΏΠΎ Ρ†Π΅Π½Π΅ 12 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША Π·Π° Ρ€Π°Π±ΠΎΡ‡Π΅Π΅ мСсто Π² мСсяц.

    Π—Π΄Π΅ΡΡŒ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ всю ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Ρ†Π΅Π½Π°Ρ… Π½Π° Zeplin.

    8. Бтудия ΠžΡ€ΠΈΠ³Π°ΠΌΠΈΒ 

    Бтудия ΠžΡ€ΠΈΠ³Π°ΠΌΠΈΒ β€” это бСсплатный инструмСнт для Π΄ΠΈΠ·Π°ΠΉΠ½Π°, созданный Facebook. Π­Ρ‚ΠΎ Π² ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ инструмСнт прототипирования, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ быстро ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ интСрфСйсы ΠΈ Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ΠΈΠΌΠΈ.

    ΠŸΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ созданная для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² Facebook, Origami Studio Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ доступна бСсплатно для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ macOS. Π­Ρ‚ΠΎ слоТный инструмСнт с ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΊΡ€ΡƒΡ‚ΠΎΠΉ ΠΊΡ€ΠΈΠ²ΠΎΠΉ обучСния, поэтому ΠΌΡ‹ Π½Π΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ Π΅Π³ΠΎ Π² качСствС вашСго ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ инструмСнта Π΄ΠΈΠ·Π°ΠΉΠ½Π° UX/UI. Но для ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ хотят ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ рСалистичныС ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹, это стоит вашСго внимания.

    ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:

    Π’ Origami Studio Π΅ΡΡ‚ΡŒ 6 основных ΠΏΠ°Π½Π΅Π»Π΅ΠΉ:

    • Π₯олст с Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ пСрСтаскивания, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹ рисуСтС ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ слои Ρ„ΠΈΠ³ΡƒΡ€, тСкст ΠΈ изобраТСния, ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΈΠ· Sketch ΠΈΠ»ΠΈ Figma 9.0055
    • Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΏΠ°Ρ‚Ρ‡Π΅ΠΉ: Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ взаимодСйствиС ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ Π² свой ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π±Π»ΠΎΠΊΠΎΠ², Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Ρ… Β«ΠΏΠ°Ρ‚Ρ‡Π°ΠΌΠΈΒ»
    • Бписок слоСв β€” список слоСв Π² вашСм ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ΅. На этой ΠΏΠ°Π½Π΅Π»ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ слои ΠΊ Π²Π°ΡˆΠ΅ΠΌΡƒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡƒ ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ взаимодСйствия ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΠΌ слоям
    • Π˜Π½ΡΠΏΠ΅ΠΊΡ‚ΠΎΡ€, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ слой ΠΈ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π΅Π³ΠΎ свойства
    • ПанСль просмотра, Π³Π΄Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ, Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π·Π°ΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ свой ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ
    • Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° исправлСний, содСрТащая список всСх доступных исправлСний ΠΈ ΠΈΡ… описания
    Π¦Π΅Π½Π°:

    Origami Studio ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ бСсплатно.

    9. Uizard

    Uizard β€” это ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ Ρ…ΠΎΡ‡Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹, Π½ΠΎ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π΄ΠΎΠ²Ρ‹ΠΌΠΈ знаниями Π² области Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

    Π­Ρ‚ΠΎ комплСксный инструмСнт UX ΠΈ UI, Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‰ΠΈΠΉ Π² сСбя созданиС ΠΈΠ΄Π΅ΠΉ, созданиС каркасов с Π½ΠΈΠ·ΠΊΠΎΠΉ Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒΡŽ, быстроС ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, ΡΡ‚ΠΈΠ»ΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΈ ΡΠΎΠ²ΠΌΠ΅ΡΡ‚Π½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.

    Uizard отличаСтся Ρ‡Ρ€Π΅Π·Π²Ρ‹Ρ‡Π°ΠΉΠ½ΠΎ Π½ΠΈΠ·ΠΊΠΎΠΉ ΠΊΡ€ΠΈΠ²ΠΎΠΉ обучСния: согласно ΠΈΡ… Π²Π΅Π±-сайту, Ссли Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Google Slides, Keynote ΠΈΠ»ΠΈ Powerpoint, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Uizard с Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ!

    ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
    • ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ ΠΈ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ с Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ пСрСтаскивания для быстрого мобильного ΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°
    • ΠšΠ°Ρ€ΠΊΠ°ΡΠ½Ρ‹ΠΉ Ρ€Π΅ΠΆΠΈΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ваш ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ с Π½ΠΈΠ·ΠΊΠΎΠΉ Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒΡŽ β€” идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ шаг Π½Π°Π·Π°Π΄ ΠΈ ΡƒΡ‡Π΅ΡΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚ вашСго ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°
    • Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ нарисованныС Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ каркасы ΠΈΠ· Π±ΡƒΠΌΠ°Π³ΠΈ, Ρ‚Π°ΠΊ ΠΈ каркасы, созданныС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π΄Ρ€ΡƒΠ³ΠΈΡ… инструмСнтов. Uizard ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ ваши ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ каркасы Π² настраиваСмыС Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π΅ экраны
    Π¦Π΅Π½Π°:

    Π‘ бСсплатным ΠΏΠ»Π°Π½ΠΎΠΌ Uizard Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ 3 ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΈ Π΄ΠΎ 10 Ρ‚Π΅ΠΌ с Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΌ количСством ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ большС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ², ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π° ΠΏΠ»Π°Π½ Pro Π·Π° 12Β Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША Π·Π° Π°Π²Ρ‚ΠΎΡ€Π° Π² мСсяц (прСдоставляСт доступ ΠΊΠΎ всСм шаблонам ΠΈ Π΄ΠΎ 100Β ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²) ΠΈΠ»ΠΈ ΠΏΠ»Π°Π½ Enterprise Π·Π° 39Β Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША Π·Π° Π°Π²Ρ‚ΠΎΡ€Π° Π² мСсяц (Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΉ доступ ΠΊΠΎ всСм функциям Uizard).

    Π—Π΄Π΅ΡΡŒ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΎΠ±Π·ΠΎΡ€ Ρ†Π΅Π½ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ.

    КакиС Π΅Ρ‰Π΅ инструмСнты Π½ΡƒΠΆΠ½Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ Π² Π½Π°Π±ΠΎΡ€Π΅ инструмСнтов?

    Π”ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса β€” это лишь ΠΎΠ΄ΠΈΠ½ ΠΈΠ· аспСктов процСсса Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. Π₯отя ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΈΠ· пСрСчислСнных здСсь инструмСнтов проСктирования ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса слуТат сквозными ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ проСктирования, сущСствуСт Π³ΠΎΡ€Π°Π·Π΄ΠΎ большС инструмСнтов, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹Ρ… для ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… Π·Π°Π΄Π°Ρ‡ ΠΈ этапов Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ процСсса проСктирования.

    Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎ инструмСнтам см. Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… руководствах:

    • ПолноС руководство ΠΏΠΎ Π»ΡƒΡ‡ΡˆΠΈΠΌ инструмСнтам Π΄ΠΈΠ·Π°ΠΉΠ½Π° UX
    • 9 Π»ΡƒΡ‡ΡˆΠΈΡ… инструмСнтов исслСдования UX
    • 10 Π»ΡƒΡ‡ΡˆΠΈΡ… каркасных инструмСнтов (ΠΈΡ… ΠΏΠ»ΡŽΡΡ‹ ΠΈ минусы)

    И, Ссли Π²Ρ‹ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ΡΡŒ Π² процСссС создания своСго ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° UX, ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с этим руководством ΠΏΠΎ Π»ΡƒΡ‡ΡˆΠΈΠΌ создатСлям ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π²Π΅Π±-сайтов.

    Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹Ρ… интСрфСйсов, Ρ‚Π΅ΠΌ, шаблонов ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΡ‹Ρ… графичСских элСмСнтов Π½Π° Dribbble

    1. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ERP β€” Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ SaaS

      ERP β€” Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ SaaS

    2. ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ HRM β€” ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° SaaS

      HRM β€” ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° SaaS

    3. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠžΡ„ΡΠ°Π°Ρ | ПанСль управлСния SaaS CRM

      ΠžΡ„ΡΠ°Π°Ρ | Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Π°Ρ панСль SaaS CRM

    4. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡŽ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ β€” Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ SaaS

      ΠšΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ β€” Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ SaaS

    5. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π²Π΅Π±-сайт Workly β€” BPM SaaS

      Workly β€” Π’Π΅Π±-сайт BPM SaaS

    6. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ CRM элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ

      ЭлСктронная коммСрция CRM

    7. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡƒ

      Настройка Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹

    8. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ страницу сайта дСвСлопСрской ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ

      Π‘Π°ΠΉΡ‚ дСвСлопСрской ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π°

    9. ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ FinalyticΒ β€” ВзаимодСйствиС Π·Π° столом

      Finalytic β€” взаимодСйствиС с Ρ‚Π°Π±Π»ΠΈΡ†Π΅ΠΉ

    10. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ HumRe — ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° HRM SaaS

      HumRe β€” ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° HRM SaaS

    11. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡŽ управлСния ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ

      ΠšΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡ управлСния ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ

    12. View Tasker β€” мобильноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ BPM SaaS

      Tasker β€” мобильноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ BPM SaaS

    13. ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ процСсса Икигай

      Π Π°Π±ΠΎΡ‡ΠΈΠΉ процСсс Икигай

    14. ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ ΠΏΠ°Π½Π΅Π»ΠΈ свСдСний ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅

      ПанСль свСдСний ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅

    15. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ…

      ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ биографичСских Π΄Π°Π½Π½Ρ‹Ρ…

    16. View ΠŸΠΎΠ΄ΡΡ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ Π²Ρ‹Π³ΠΎΠ΄Ρƒ ΠΎΡ‚ вашСго судна | Π›Π°Π·Π°Ρ€Π΅Π².