Как построить cкринфлоу. Как превратить CJM в вайрфреймы. Зачем вообще нужны вайрфреймы? — Transcript

Full transcript

1. 0:00Таша выиграла приз И сегодня я буду
2. 0:02проектировать ей варфреймы но постараюсь
3. 0:04Короче не всё спроектировать потому что
4. 0:06я думаю
5. 0:07что Ну тебе самой как бы тоже надо
6. 0:10попрактиковаться
7. 0:11Ну вот я ещё буду делать десктоп потому
8. 0:14что с
9. 0:16[музыка]
10. 0:18мобилком я возьму какой-нибудь
11. 0:21стандартный фрейм с которыми я обычно
12. 0:24Работаю маленький и пошл читать мы сечас
13. 0:28Просто я попробую сечас очень быстро ame
14. 0:31покажу как как это делается в общем
15. 0:34смотрите в чём моя задача вот я сейчас
16. 0:36из cgm пытаюсь сделать снф а у меня есть
17. 0:40большие этапы правильно А эти большие
18. 0:45этапы привлечение регистрация активация
19. 0:48там рекомендации личный кабинет там
20. 0:49прочая фигня они представляют из себя
21. 0:52достаточно стандартный паттерн Ну вот
22. 0:54допустим регистрация вы выбираете там
23. 0:57плюс-минус какие у вас будут методы
24. 1:00там будет ли у вас там вход через
25. 1:03соцсети не будет есть у вас пароль или у
26. 1:04вас там Magic и на Моне просто можете
27. 1:08найти как бы сервис с подходящей
28. 1:10регистрацией и просто оттуда её прямо
29. 1:12Один в один переть Ну то есть вот весь
30. 1:15набор экранов которые у вас есть то есть
31. 1:18это это такая штука которая прям целыми
32. 1:20паттернами
33. 1:21копируется есть такие
34. 1:25вещи 9
35. 1:28мото вещи персональные вот у нас сервис
36. 1:31по распределению личного
37. 1:33бюджета посмотрим я не буду смотреть
38. 1:36никакие сервисы личного бюджета и
39. 1:38попробую спроектировать их вот чисто по
40. 1:41описанию чтобы вы понимали как это
41. 1:42происходит моя
42. 1:45задача Я так понимаю что
43. 1:48Каждый каждый кубик который здесь есть а
44. 1:52ну де-факто мы проектируем эту карту Так
45. 1:54что каждый Кубик - это экран Ну или
46. 1:57максимум там два экрана то есть
47. 1:58стараемся так разбивать
48. 2:00вот эту этапность чтобы по сути у нас
49. 2:02это потом соответствовало тому какие у
50. 2:05нас экраны или состояние экранов будут в
51. 2:08карте СН вот Ну поехали то есть что у
52. 2:11нас тут есть привлечение рекомендации
53. 2:13знакомых увидел в instr методом проб
54. 2:15ошибок нашл приложение тут явно никакого
55. 2:18интерфейса нету потом лендинг ну у нас
56. 2:22есть какой-то
57. 2:24входной в принципе зде вот дано чтом
58. 2:30вам рисовать не буду я просто его обозна
59. 2:32сейчас как точку входа Ну то есть вы
60. 2:37можете обозначать это как угодно там у
61. 2:39вашей карты может быть своя Легенда я
62. 2:41обычно точку входа
63. 2:42обозначаю вот таким вот кружком и пишу
64. 2:46типа ну вот то есть у меня точка входа
65. 2:49это OS Ну то есть каналы трафика они уже
66. 2:52заходят как-то на вот эту точку входа и
67. 2:56дальше уже с лендинга мы переходим к
68. 2:59нашему продукту так это я сохранил Вот
69. 3:03точка входа Windows проектировать его не
70. 3:05буду потом дальше читаем регистрация
71. 3:08онбординг регистрация надо понять что
72. 3:11это такое если у нас это мобильное
73. 3:15приложение то регистрация у нас будет
74. 3:18перед онбординга в самом начале Ну
75. 3:21потому что там так принято что сначала
76. 3:23человек оставляет свои личные данные
77. 3:25потом мы уже с ним взаимодействуем если
78. 3:28это веб-сервис то там конверсия ниже и
79. 3:32поэтому Сначала мы можем Дать человеку
80. 3:35как-то попользоваться какими-то
81. 3:37промежуточными функциями А потом он
82. 3:41наткнётесь данные сохранить А ему нужно
83. 3:44создать аккаунт Ну или мы не будем
84. 3:46париться и сделаем одинаково что сначала
85. 3:48человек получает аккаунт а потом
86. 3:59Ну то есть допустим создат первые счета
87. 4:02или внесёт какие-то свои расходы А нам
88. 4:04это надо как-то сохранить и привязать
89. 4:07это к конкретному человеку Ну и чтобы
90. 4:09это сделать нам нужен его аккаунт в
91. 4:12системе Вот поэтому я думаю что вот что
92. 4:17Что мы будем делать Ну то есть вообще на
93. 4:19самом деле что впереди должно быть
94. 4:20онбординг и регистрация - Это вопрос об
95. 4:23тестов на этапе Когда продукт только
96. 4:27тестируется Ну только выходит ходит на
97. 4:30рынок Ну то есть берут Берут Две версии
98. 4:32пробуют онбординг вперёд поставить
99. 4:34пробуют регистрацию вперёд поставить Ну
100. 4:36то есть регистрация - это такой жёсткий
101. 4:38шаг Ну то есть если у вас мощный офер
102. 4:40какой-то а не знаю Или там хороший
103. 4:42брендинг или там что-то такое или вы там
104. 4:44классные вкусные скрины показали или у
105. 4:46вас есть какая-то Киллер фича то вы
106. 4:49можете человека как бы вот пробросить
107. 4:50ему ну такой жёсткий хук из разряда как
108. 4:54бы чел хочешь получить это ты всё
109. 4:57получишь но пожалуйста зарегистрируйся и
110. 5:00многие сервисы они такое могут себе
111. 5:02позволить Ну как бы просто фигачит так
112. 5:05сразу если Ну тем более если есть вход
113. 5:08через соцсети то это совсем просто
114. 5:10сделать И это уже не такая большая как
115. 5:13бы не такое большое усилие Как там
116. 5:15подтверждение почты и прочих штук Вот Но
117. 5:19как гипотеза для теста может быть
118. 5:20открыть регистрацию Вот вы знаете
119. 5:22допустим что сейчас
120. 5:25у убра регист
121. 5:30бом без регистрации Я думаю они сделали
122. 5:34е не смотрел но наверно там какая
123. 5:35механика из разряда там запросов сделал
124. 5:37без регистрации и потом они скажут тебе
125. 5:40хочешь ещё пожалуйста
126. 5:47зарегать пониже вот то что мы делаем
127. 5:52здесь мы тут
128. 5:55делаем могу для роть эту ту
129. 6:00попробую по-быстрому
130. 6:01собрать но потом за мной всё равно надо
131. 6:04будет проверить Ну то есть по сути
132. 6:06регистрация Ну всё тоже самое что и я Вы
133. 6:10можете сделать найти найдя на
134. 6:12бомби просто любой аналог который Вас
135. 6:14устроит но я буду у меня будет Вот такой
136. 6:17вот там текст крупный какой-нибудь чтобы
137. 6:21я его хорошо видел с большой высо я им
138. 6:28Под я обычно просто
139. 6:33размечают ну то есть у нас есть как
140. 6:36минимум два экрана это вход
141. 6:39и регистрация Ну то есть они могут
142. 6:42выглядеть абсолютно идентично Но как
143. 6:44правило у них просто разный
144. 6:47текст Потом после того как человек у
145. 6:53нас ну здесь вот сразу мы должны
146. 6:55определиться вот тут написано поме по
147. 6:57номеру телефона и через Google Ну то
148. 7:01есть как это будет то есть вы ищете если
149. 7:03это по имейлу то это с паролем или без
150. 7:08пароля сразу предупреждаю что с паролем
151. 7:10Это огромный Фло это куча разных вещей
152. 7:13это увязка аккаунтов имейла и соцсетей
153. 7:18имейл и телефона телефона и соцсетей
154. 7:21короче это может быть очень сложно иметь
155. 7:24на старте такое количество методов входа
156. 7:27есть я бы на самом деле для упрощения
157. 7:29сервиса вот если я mvp бы делал я бы
158. 7:31выбрал либо и mail либо телефон для
159. 7:33начала вот ну телефон по-моему проще
160. 7:37всего с одноразовым кодом То есть если у
161. 7:41меня был телефон с одноразовым кодом Ну
162. 7:43я даже наверное сейчас не буду рисовать
163. 7:45Я просто подпишу то что здесь вот
164. 7:49одноразового кода почему-то У меня всё
165. 7:52через центр пишется это у меня будет ещё
166. 7:55отдельно Я вот здесь вот напишу то что
167. 7:58это у нас есть сценарий код через
168. 8:01телефон сценарий регистрация через
169. 8:05телефон Ну то есть вот то что она
170. 8:07перечислило это вот всё мне вот это надо
171. 8:10делать типа вход через соцсети раци
172. 8:14через соцсети то есть видите это уже
173. 8:16сколько сценариев это уже четыре так
174. 8:19если у нас идёт вход через соцсети то
175. 8:22здесь окошко входа у нас такое же
176. 8:26стандартное То есть получается я
177. 8:28неправильно сделал не надо это
178. 8:29копировать А у меня из вот этого окна
179. 8:33Может быть как раз вот эти вот четыре
180. 8:36сценария выходить Вот сюда так вход
181. 8:39через телефон регистрация через телефон
182. 8:42Ну просто вот это обычно это один экран
183. 8:44просто два состояния с разными
184. 8:45заголовками
185. 8:47и ну как бы с одного перекидывает на
186. 8:50регистрацию с регистрации перекидывает
187. 8:52на вход то есть они такие
188. 8:53братья так вход через телефон
189. 8:55регистрация через телефон вход через
190. 8:57соцсети регистрация через соцсети Если
191. 8:59через телефон Мы входим то у нас ввод
192. 9:02одноразового кода что тут Что тут то
193. 9:05есть я для себя
194. 9:07размечают и тут есть но они могут чем-то
195. 9:10отличаться здесь у меня будет если я
196. 9:14вхожу через соцсети у меня наверное
197. 9:18будет Ничего либо Ничего либо страница
198. 9:23авторизации вот ну то есть короче здесь
199. 9:26вот будет страни от
200. 9:30и тут тоже вот неважно вход или
201. 9:32регистрация у меня как будто одна и та
202. 9:34же страница будет но вот здесь вот
203. 9:36почему я разделил потому что у меня
204. 9:38здесь будут две разные сценарии То есть
205. 9:41если я вхожу у меня вот здесь вот будет
206. 9:44главная страница правильно сервиса Ну
207. 9:47после входа появляется А вот здесь у
208. 9:51меня будет страница типа страница успеха
209. 9:55должна быть у меня каждый раз ког
210. 9:59человек что-то делать Ну допустим ввести
211. 10:02код Мне нужно Дать
212. 10:05человеку обратную связь о том что то что
213. 10:08он сделал оно как бы Происходит что всё
214. 10:11в порядке э может штука появиться на
215. 10:14секунду но я всё равно её как бы
216. 10:16закладываю для того чтобы мочь дальше
217. 10:19работать так вопрос зачем вообще вти
218. 10:22приложение же должно запомнить
219. 10:24пользователя на случае если пользователь
220. 10:25выйдет из профиля Да если выйдет Ну как
221. 10:29бы мы всё равно проектируем это с самого
222. 10:31начала с пустого состояния полностью
223. 10:34Когда у нас ничего нету Ну то есть по
224. 10:36идее мы всегда когда проектируем
225. 10:38проектируем самое полное самый полный
226. 10:41сценарий который есть это регистрация и
227. 10:44потом Ну Ну в этом случае это
228. 10:46регистрация и потом мы от него отрезаем
229. 10:48как бы лишние экраны и Ну типа вход -
230. 10:51это урезанная регистрация там
231. 10:53авторизация в соцсети - это тоже
232. 10:55урезанная регистрация потому что в ней Е
233. 10:57меньше страниц
234. 11:01У меня есть ретроградный плагин который
235. 11:04я купил за 50 долларов и никогда в жизни
236. 11:08с ним не
237. 11:11расстанусь Вот и я быстро
238. 11:14потыкать у нас здесь
239. 11:22беспальче у
240. 11:28насф типа там не знаю может какие-то
241. 11:30штуки из разряда не приходит код и так
242. 11:32далее вот это как раз и есть вот эти сие
243. 11:37приколы которые вы увидите в Ну вот в
244. 11:40этой новой лекции которая вам открыта
245. 11:42потому что по сути Ну когда мы работаем
246. 11:45с cm вот Я построил вам прямой сценарий
247. 11:47несколько штук и вот что может произойти
248. 11:52между вот этими вещами типа Может ли
249. 11:55здесь что-то
250. 11:56сломаться Ну что-то пошло не так ну
251. 11:59маловероятно но в принципе может может
252. 12:01ли вот здесь вот что-то сломаться может
253. 12:03ли Вот здесь что-то сломаться вот здесь
254. 12:05вот что-то сломаться типа Вы ищете вот
255. 12:09эти всякие ну как бы проблемы Ну то есть
256. 12:13из разряда там человек вход если у него
257. 12:15здесь есть пароль значит забыл пароль А
258. 12:17может он забыл почту Может он ещё там
259. 12:20что-то забыл Ну то есть сервисы Ну в
260. 12:22зависимости от того насколько они старые
261. 12:24они как бы вот стараются покрывать как
262. 12:26можно больше количество сценариев вот
263. 12:28потом
264. 12:31но пока у меня функционала нет ярн
265. 12:35спроектировать не могу Ну то есть оборн
266. 12:37же с проекти проектируется Как обучение
267. 12:40тому что уже существует А у меня ещё нет
268. 12:42поэтому оборн я пока отложу Ну я тут
269. 12:45нарисую вот не знаю часики какие-нибудь
270. 12:48что потом его буду смотреть вот Поехали
271. 12:52дальше у нание
272. 12:59доходов создание категорий возможность
273. 13:02конвертировать валюты создание тегов
274. 13:04включить отключить публично счетам и
275. 13:06спискам какая-то локальная функция так
276. 13:08ввод операций переключение табов между
277. 13:11основными операциями так доход расход
278. 13:14долги обмен доход расход долги обмен вот
279. 13:18я так понимаю что вот это основной
280. 13:19список операций Сейчас почитаю всё сразу
281. 13:22что тут есть
282. 13:28Банд ти счетов чеки с магазина это
283. 13:31функционал чеки листы с
284. 13:34суммами А я понял Это типа сходить в
285. 13:38магаз учёт инвестиций портфели
286. 13:40пожалуйста давайте без вот этого
287. 13:42обойдёмся Маша этим занимается на работе
288. 13:45Это ужасно огромная тема это прям тянет
289. 13:47на ещё один сервис
290. 13:49большой вот там прям всё очень сложно
291. 13:53так Ну давайте начнём с Ну вот с этой
292. 13:57штуки большой
293. 13:59не просто такой сервис выбрали Ну
294. 14:01давайте ковыряться начнём с того вот
295. 14:03здесь как раз нам и нужна информационная
296. 14:05архитектура У нас тут её в проекте
297. 14:07сейчас нету А ну как бы вот она есть в
298. 14:09таком виде но не в виде дерева ну
299. 14:12Давайте попробуем а понять что нам надо
300. 14:16то есть у нас есть
301. 14:17счета какие-то У нас есть доход расход
302. 14:23это ну я так понимаю что это тип
303. 14:26операции Ну то есть Какая какая-то
304. 14:28операция которые ты делаешь есть
305. 14:31категория
306. 14:34расхода категория расходов Я так понимаю
307. 14:37что категория расходов относится к типу
308. 14:39операций Ну то есть я что-то потратил и
309. 14:41вношу это в
310. 14:44категорию потом конвертация валют
311. 14:47непонятная штука пока вот здесь вот тег
312. 14:50ещё можно присвоить м публичность счетов
313. 14:55счета должны быть публичные вот Ну типа
314. 14:59чтобы упростить себе жизнь Мне нужно
315. 15:03сгруппировать Ну вот по информационной
316. 15:05архитектуре Какие у меня есть вообще
317. 15:07объекты и какие у них
318. 15:09есть атрибуты у этих объектов и вот я
319. 15:12сейчас пытаюсь понять конвертировать
320. 15:15валюты вот что такое валюты Я так
321. 15:17понимаю что у операции есть ещё и валюта
322. 15:19и валюту можно
323. 15:22конвертировать что пока нам не особо
324. 15:24важно Это вот эти вот все
325. 15:25действия по ним
326. 15:27мы работаем отдельно я вам покажу что мы
327. 15:30с ними делаем
328. 15:32так это можно создать это можно создать
329. 15:35я пишу сразу всё что всё что вижу
330. 15:37Включить выключить публичность счетам
331. 15:40списком Что за списки не понимаю что за
332. 15:42списки пока кажется что мы здесь вот
333. 15:46отсюда всё выписали кроме списков
334. 15:50чек-листы для продуктов Я нашла но ещё
335. 15:53не пользовалась Ну кто-нибудь кто
336. 15:56воспользуется Напишите потом норм нет
337. 15:59Так ну то есть видите я для себя Вот ещё
338. 16:02ну для вашего удобства э ещё действие
339. 16:05помечают Что можно делать потом читаем
340. 16:08дальше вво операций Ну то есть вот он то
341. 16:12есть я могу ещё и операцию
342. 16:15непосредственно создавать Ну вот по сути
343. 16:17я её создаю и вот это дело всё заношу
344. 16:22так переключение с помощью табов между
345. 16:25основными операциями доход расход долги
346. 16:29обмен валют
347. 16:31перемещение Сейчас будем разбираться что
348. 16:34это такое ну вот видите здесь уже
349. 16:36часто У вас начинается какая-то
350. 16:39конкретика связанная с интерфейсами То
351. 16:41есть как минимум здесь есть табы Ну
352. 16:45Такова задумка
353. 16:47автора и которая переключается между
354. 16:50основными операциями так доход
355. 16:57рахо сходы Ну вот это уже готовая по
356. 17:01сути ТЗ для рисования вот этих вот вещей
357. 17:05так Ну давайте прямо попробуем это
358. 17:08набросать То есть у нас главная страница
359. 17:11Ну вот у нас есть пять сущностей
360. 17:13основных которыми люди пользуются то
361. 17:16есть здесь Ну когда у нас идёт большая
362. 17:19вложенность разных сущностей То есть вы
363. 17:22видите что есть вот тип операций Ну
364. 17:25точнее Вот так вот я напишу это операция
365. 17:29у операции есть тип а
366. 17:34именно доход расход Ну ещё есть доход
367. 17:38расход ещё есть долг Пока непонятно что
368. 17:41такое долг это Операция или это счёт
369. 17:44Потому что видите есть же счета Ну то
370. 17:47есть получается что мне кажется что долг
371. 17:49- это счёт куда мы на который мы делаем
372. 17:53операции то есть мы либо берём в долг
373. 17:55Либо мы
374. 17:56а Либо мы даём в долг
375. 17:59так О'кей Сейчас куда бы эти долги
376. 18:01засунуть Сейчас я придумаю тип расход
377. 18:04доход у счетов тоже есть тип в том числе
378. 18:09тип долги и ещё наверное какие-то типы
379. 18:13точно есть Так обмен валют
380. 18:16продажа купля выбор валюты Выбор места
381. 18:19хранения теги комментарии То есть я так
382. 18:22понимаю то что валюта есть у счёта
383. 18:31Ну тут понятно Там типа
384. 18:34рубль Например я пишу для себя чтобы
385. 18:36потом
386. 18:38не запутаться Ну вот это вот всё тоже мы
387. 18:41это запишем выбор место хранения
388. 18:44перемещение вот сумма выбор валюты Ну
389. 18:46короче пока пока приблизительно у нас
390. 18:48есть вот такая вот история и вот нам
391. 18:50надо понять как люди вообще пользуются
392. 18:53этими интерфейсами Ну то есть Я так
393. 18:55подозреваю что у
394. 18:58вот этих интерфейса финансовых у них
395. 19:00есть определённый паттерн как они
396. 19:02выглядят но так как я не буду смотреть
397. 19:05ничего чтобы нам было чтобы мне было
398. 19:06сложнее А вам было интереснее Я буду
399. 19:09фантазировать Ну фантазировать в том
400. 19:11числе как люди пользуются этой историей
401. 19:13потому что у меня нету материалов
402. 19:15интервью чтобы я мог на это опираться Но
403. 19:18вообще что нам важно а нам важно
404. 19:21следующее Вот чем из этого люди
405. 19:24пользуются чаще всего то и должно в
406. 19:27визуально их
407. 19:30нашего сервиса быть на первом месте я
408. 19:33так понимаю то
409. 19:35что люди чаще всего тратят деньги Ну они
410. 19:39типа расходы делают постоянно поэтому
411. 19:44экран расходов у нас стоит первый потом
412. 19:46доходы потом долги потом обмен валюты
413. 19:48перемещение собственно здесь они
414. 19:49расположены наверно в
415. 19:52порядке
416. 19:54какого-то поно Ям
417. 19:58так вот ВС про пять экранов вот я себе
418. 20:00создам пять экранов с такими названиями
419. 20:04Окей это будут расходы это будут доходы
420. 20:07Мне уже хочется начать рисовать но я
421. 20:09себя сдерживаю Потому что я хочу
422. 20:11сначала себе набросать объём работыы
423. 20:15долги что там обмен и перемещение вот
424. 20:19перемещение не очень понимаю что это
425. 20:21такое так тут е не хватает здесь не
426. 20:25хватает сразу ска
427. 20:28пишу история операций Ну история история
428. 20:32доходов история расходов везде должна
429. 20:34быть какая-то история операций Ну как
430. 20:37минимум как функция Просто просто из
431. 20:40банковской темы пришло так Ну допустим у
432. 20:43нас есть вот эти вот штуки Да Расходы
433. 20:46доходы долги обмен и перемещение Давайте
434. 20:49разберёмся что из этого является
435. 20:51отдельными сущностями вот Я так
436. 20:53подозреваю что расход доход Вот это Одна
437. 20:57фигня ти Вот это
438. 20:59операция долг это просто счёт ну то есть
439. 21:04э у нас есть какой-то
440. 21:07какие-то типы счетов и долг просто это
441. 21:09популярный счёт так вот это у нас
442. 21:13операция вот что такое обмен Я не
443. 21:15понимаю это типа просто сервис какой-то
444. 21:18или это или это история операций
445. 21:22связанных с изменением валюты Вот это
446. 21:25короче мне Пока непонятно типа что это
447. 21:27такое Надо ли это вообще должно быть
448. 21:29отдельная вкладкой или это должно быть
449. 21:31фильтром где-то внутри вот этой истории
450. 21:35и перемещение тоже пока не понимаю вот
451. 21:38сумма комиссии почему-то здесь есть
452. 21:41комиссия здесь нет комиссии Хотя при
453. 21:43обмене валюты должна быть Вот это я тоже
454. 21:45не понимаю что такое То есть мне для
455. 21:46того чтобы это спроектировать мне надо
456. 21:48подробнее узнать что это то есть поэтому
457. 21:51я пока вот это проектировать не буду я
458. 21:53это так А как бы затуши ну немножко
459. 21:57затуши
460. 21:59Давайте работать с тем что есть у нас
461. 22:03дальше Ну то есть если есть
462. 22:05страница ну как бы где есть все операции
463. 22:09Расходы доходы и так далее то значит
464. 22:12должна быть страница одной операции
465. 22:16правильно Ну это просто логично вот
466. 22:19страница одной операции должна быть и
467. 22:21Вот видите как раз то что Даша вот здесь
468. 22:24вот написала типа сумма валюта мехра
469. 22:28Кате комментарий вот это вот ВС это ВС
470. 22:32должно быть на этой странице отражено
471. 22:35если у нас есть страница операции и
472. 22:38страница всех операций с расходами
473. 22:41значит должна быть ещё страница которая
474. 22:43создаёт эти операции правильно иначе
475. 22:46Откуда им
476. 22:47взяться всё И вот это создание я обычно
477. 22:51ещё вот так вот пишу потому что ну у нас
478. 22:55есть такой паттерн как бы ввода данных
479. 22:57Да когда мы создаём и редактирование -
480. 22:59это по сути изменение введённых данных
481. 23:02то есть э страница она будет практически
482. 23:04идентична разница будет только в
483. 23:08заголовке скорее всего доход - это тоже
484. 23:11операция поэтому им свои страницы не
485. 23:13нужны А вот долг - это счёт И что мы тут
486. 23:17сделаем Я думаю вы сейчас угадаете да
487. 23:20что если у нас есть один счёт значит как
488. 23:24минимум кто-то его когда-то создал
489. 23:27правильно если есть счёт долг Значит
490. 23:29есть счёт там кобилка счёт там что-то
491. 23:32ещё и наверняка есть страница счёта Ну
492. 23:36это просто из логики вытекает Ну как бы
493. 23:38существование каких-то вещей в нашем
494. 23:41проекте Ну вот с обменам и перемещениями
495. 23:43пока не буду их трогать как бы не
496. 23:45хочу сейчас почитаем что тут ещё есть
497. 23:48вот о чём тут не говорят вот знаете
498. 23:50когда вы с людьми общаетесь на
499. 23:53интервью обычно Они вам не говорят о
500. 23:56каких-то вещах которы
501. 23:59сам собой разумеющимся Вот про
502. 24:01регистрацию никто никогда не
503. 24:04распространяется на интервью Потому что
504. 24:06люди ну как пролетают её и всё и также
505. 24:09они всегда забывают Про личный кабинет
506. 24:12вот у нас где личный кабинет у нас нету
507. 24:15личного кабинета но если есть
508. 24:18пользователи которые пользуются Значит
509. 24:20где-то его данные должны
510. 24:27храниться что там внутри Ну наверное его
511. 24:30там имя там
512. 24:34контакты что ещё у него там должно быть
513. 24:37Ну там допустим методы
514. 24:40кода если у нас сервис богатый то
515. 24:44наверное у него есть там не знаю Ну вот
516. 24:47вы можете посмотреть кстати Telegram
517. 24:48один из самых богатых сервисов у него
518. 24:51там история Кто входил короче что там ещ
519. 24:55Какие устройства сейчас
520. 24:57подключены и многое-многое
521. 24:59другое вот я всегда пишу короче две ещё
522. 25:03вещи выход удаление аккаунта всегда их
523. 25:06забывают потому что да именя аккаунт Вот
524. 25:10почему нужен всегда сервис донор
525. 25:12какой-то Ну то есть чтобы вы не забывали
526. 25:14И вам легко было придумывать и не из
527. 25:16головы это доставать а вы сразу такие
528. 25:19Ага ещё вот это вот это вот это вот это
529. 25:21Забыли то есть нужен какой-то сервис
530. 25:23конкурент анализ конкурентов поэтому мы
531. 25:24делаем обычно перед А тем как начинаем
532. 25:27проектировать Ну то есть можно построить
533. 25:30но но типа анализ конкурентов всё равно
534. 25:32нужен вот бенчмарки и что ещё здесь есть
535. 25:35мы деньги на сервисе зарабатываем
536. 25:38зарабатываем Значит у нас должна быть
537. 25:41ещё как минимум страница с подпиской и
538. 25:44сразу Можете писать что там есть там
539. 25:46срок действия стоимость тариф куча всего
540. 25:50короче про чём мы как бы забываем
541. 25:53стоимость тариф там смена плана отмена
542. 25:58платежа там ну
543. 26:00короче что-то вот такое должно быть ещё
544. 26:03а-а привязка карты смена карты Ну короче
545. 26:07тут вот тоже нужен бенчмарк чтобы
546. 26:10выписать абсолютно всё что связано с
547. 26:12подпиской надо искать донора и как
548. 26:14минимум У нас есть страница с Ну если
549. 26:18есть подписка наверное есть ещё тарифные
550. 26:20планы всегда есть какие-то юридические
551. 26:22документы всегда есть поддержка Ну и
552. 26:26контакты типа что-то короче должно быть
553. 26:28и для таких сервисов скорее всего есть
554. 26:32ещё База знаний но она может быть в нске
555. 26:36но я всё равно запишу Ну вот смотрите
556. 26:39типа пока скрин Flow без начинки У нас
557. 26:42готов и следующее что мы делаем это ну
558. 26:46вот мы выписали всё что здесь должно
559. 26:48быть и вы просто идёте и ищете рефы к
560. 26:55каждому из вот этих вот экранов потому
561. 26:59что обычно на них десятки разнообразных
562. 27:02деталей и Ну чтобы их не забывать и не
563. 27:06придумывать из головы мы просто типа
564. 27:08набрасывая вот этот список Ну давайте Ну
565. 27:12я не буду короче проектировать Вот это и
566. 27:14вот это не буду сейчас вам проектировать
567. 27:16подробно потому что вы это каждый можете
568. 27:18сделать глядя в Мон Давайте попрок то
569. 27:22чего нету ну то есть вот это вот вот
570. 27:25этот кусок я чтобы мне ничего не мешало
571. 27:28я его сейчас себе отдельно выделю ладно
572. 27:31вот вот сюда и вот эту штуку заберу так
573. 27:36Ну начнём здесь вот кстати надо ещё
574. 27:38подписать что это главная
575. 27:40страница у нас есть счета У нас есть
576. 27:44операции есть счета и есть операции Я
577. 27:47думаю что ну как бы тут у меня есть
578. 27:51такая как бы история что я захожу в
579. 27:54приложение по бюджетированию с двумя
580. 27:58основными задачами посмотреть сколько у
581. 28:00меня денег и внести какие-то расходы
582. 28:02расходы Я вношу наверное намного чаще но
583. 28:06и историю про то Сколько у меня денег на
584. 28:08каких счетах и какое моё там финансовое
585. 28:10состояние наверное она тоже очень важна
586. 28:12и поэтому я бы просто для начала выделил
587. 28:17бы себе вот такую вот историю что у меня
588. 28:20есть какая-то область которую я допустим
589. 28:24Буду считать
590. 28:26дашборд короче который показывает
591. 28:29состояние счёта причём
592. 28:31м вот если у нас допустим вот
593. 28:34Представьте себе что в мире не
594. 28:36существует ни одного сервиса про Личные
595. 28:38финансы вот как Вам вообще работать в
596. 28:41таком случае Ну я вам просто сейчас
597. 28:43покажу вот допустим вот Представьте Да
598. 28:46ни одного сервиса про личные Финанс не
599. 28:47существует вам надо проектировать экран
600. 28:49вот что-то совершенно новое тогда вы
601. 28:52думаете о том м Из каких блоков у вас
602. 28:56состоит этот экран задача допустим
603. 28:59Показать состояние счёта
604. 29:01здесь Какая задача
605. 29:04показать историю расходов и сумму
606. 29:08расходов за период Я думаю что так мы Ну
607. 29:13я думаю что мы именно это имеем в виду
608. 29:16под расходами вот смотрите задача
609. 29:19показать состояние счёта Давайте
610. 29:20немножко с вами
611. 29:22разгоним в те на что это может быть
612. 29:25похоже вообще
613. 29:28Ну какие элементы могут находиться на
614. 29:30экране чтобы они показывали состояние
615. 29:32счёта и в каких приложениях Вы можете
616. 29:35встретить их Напишите пожалуйста в чатик
617. 29:38мобильный банк отлично банки стоят от
618. 29:41цифр возможно иконки Да всё правильно ну
619. 29:45то есть короче смотрите
620. 29:46м вот что такое насмотренность на разные
621. 29:49типы приложений вот допустим смотрите
622. 29:53вот список тике это можно использовать
623. 29:56как референс для счетов короче yah
624. 29:59Finance Trading viw binance То есть если
625. 30:03делать финансовое приложение можете
626. 30:05сходить на приложение для трейдинга и
627. 30:07здесь у вас будет куча разных
628. 30:10циферов каких-то табличек причём видите
629. 30:14это ещё может быть
630. 30:16нареза определённым образом сейчас мы
631. 30:19откроем их основной как бы этот сервис
632. 30:22как он выглядит Ну вот и Здесь вы можете
633. 30:24короче разные идеи пори
634. 30:28допустим там у них вот было была такая
635. 30:31штука раньше сейчас вот почему-то я её
636. 30:33не вижу это переключение счёта через
637. 30:36кнопку наверху Ну то есть здесь вот типа
638. 30:40добавление символа через всплывающее
639. 30:42окно Ну то есть короче если вы даже не
640. 30:45шарите в том как
641. 30:46финансисты делают какие-то вещи то вы
642. 30:50можете в других финансовых сервисах
643. 30:52которыми эти люди явно
644. 30:54пользуются если ва професиональная
645. 30:58смотреть что для них является привычной
646. 31:01историей Ну то есть какие интерфейсы Они
647. 31:04вообще ну переваривают понимаете потому
648. 31:07что у них может быть всё намного
649. 31:09более почему-то
650. 31:12переделали здесь вот то есть вы Короче
651. 31:14когда у вас когда вы сталкиваетесь с
652. 31:17интерфейсом который никогда в жизни вы
653. 31:20не проектировали то вы этот интерфейс
654. 31:24дроте на зада которые вам нуре в рамках
655. 31:28одного экрана и отдельно к каждой задаче
656. 31:31ищете референсы в тематических
657. 31:34интерфейсах или Ну типа самое прикольное
658. 31:37если допустим я хочу сделать что-то
659. 31:39финансовое а подглядывать я буду не в
660. 31:42финансы а допустим в медицинские
661. 31:44интерфейсы потому что там же те же самые
662. 31:46карточки цифры таблицы И вам надо
663. 31:49копаться как бы у себя в голове Где вы
664. 31:51видели может не знаю какую-нибудь
665. 31:52таблицу с анализами а она будет
666. 31:54подходить сюда как таблица финансов и
667. 31:58вот по сути вам что надо сделать чтобы
668. 32:00ваш мозг быстро работал вам надо
669. 32:02быстро-быстро
670. 32:03скринами
671. 32:05надр
672. 32:06разные Ну куски короче из разных мест и
673. 32:09просто по прикладывать их и посмотреть
674. 32:12как это подойдёт насколько это подойдёт
675. 32:15то есть донором может стать абсолютно
676. 32:17любой сервис который здесь есть
677. 32:20вот ну это это это типа теоретически Как
678. 32:23можно к этому подойти А если мы подойдём
679. 32:26допустим с хардкорного рисования вот
680. 32:29просто хардкорного рисования то здесь
681. 32:31нам понадобится как
682. 32:33раз наша информационная архитектура
683. 32:36чтобы мы могли хоть что-то нарисовать
684. 32:39если нам Ну как бы если Ну вот мы не
685. 32:41хотим использовать референсы и не на
686. 32:44Чего нам опереться вот что мы тут
687. 32:47составили Вот давайте То есть у нас
688. 32:49здесь есть две вот эти штуки счёт
689. 32:53и и операции Давайте начнём с операций
690. 32:56потому что их как бы ку всего
691. 32:58в этих операциях так и просто что мы
692. 33:02сейчас будем делать Мы берм Составляем
693. 33:04информационную архитектуру и записываем
694. 33:06вот всё что мы составили на экран очень
695. 33:09подробно так вот это я ставлю сюда я это
696. 33:13уменьшаю чтобы мне было где с этим
697. 33:16работать и мне надо теперь это
698. 33:18максимально хорошо Заполнить так Ну я
699. 33:21так понимаю что здесь вот это вот это то
700. 33:24что мне нужно это ВС что мне нужно
701. 33:28валюта валюта есть суммы нету сумма
702. 33:33валюта валюта есть место
703. 33:36хранени место хранения откуда взять
704. 33:38деньги я так понимаю что это есть счёт
705. 33:40счёта у меня тут нету категория есть
706. 33:44комментария нету тег есть даты нету
707. 33:49наверно ещё время чека СН если есть
708. 33:54кнопка сканировать так и Ну сохранить
709. 33:58это понятно это кнопка если она тут есть
710. 34:01вот смотрите у нас есть информационная
711. 34:03архитектура Теперь давайте подумаем
712. 34:05сколько у нас операций может быть на
713. 34:08странице интересно Ну человеку наблюдать
714. 34:11потому что в зависимости от этого будет
715. 34:13выбран навигационный паттерн что мы
716. 34:16будем использовать вот как вы думаете
717. 34:18Напишите в чат сколько операций у нас
718. 34:21может быть нужно человеку видеть на
719. 34:23одной странице Ну типа 5 10 100 там Ну С
720. 34:28каким количеством он работает вообще ну
721. 34:31последний не последний Я не знаю Ну типа
722. 34:33вот Представьте да то есть видите
723. 34:35операции и
724. 34:37ещё вот второй Хороший вопрос Это с
725. 34:40каким периодом работы ну с каким
726. 34:44периодом работает человек то есть ему
727. 34:46история операции За какой период
728. 34:48интересно за сегодня за неделю за месяц
729. 34:51за год за кварта за всю жизнь вот ста
730. 34:57уб в баке когда Вы заходите Когда у вас
731. 34:59только 35 операций видно ну то есть мне
732. 35:03кажется что тем более мы же делаем
733. 35:06десктопный сейчас интерфейс Не забывайте
734. 35:07у нас места много Ну мне кажется да Мне
735. 35:10кажется что где-то около десятков не вид
736. 35:13операции там другие там их пять штук вот
737. 35:16ну там пять вкладок короче кстати
738. 35:18вкладки можно сразу заложить потому что
739. 35:20этого очень хочет Автор проекта Я вотча
740. 35:24тоже сразу сделаю п штук достим
741. 35:27забронировал себе кусочек места всё
742. 35:29равно на будущее так Окей Ну допустим
743. 35:32около 10 операций давайте мы с вами ещё
744. 35:34немножко
745. 35:36поиграем проектирование если у нас всего
746. 35:41там не знаю там три-пять объектов на
747. 35:42странице Какой вид представления мы
748. 35:45выберем чтобы это показать что что мы
749. 35:48как как лучше нарисовать вот три-пять
750. 35:50объектов на странице при том что
751. 35:52смотрите вот у нас какое количество
752. 35:54атрибутов у нас здесь есть что это что
753. 35:58это вообще что мы должны нарисовать
754. 36:00карточки вот правильно Лена пишет если п
755. 36:03штук четыре одна это карточка типа
756. 36:06карточка на которой мы это как-то всё
757. 36:07красиво
758. 36:10сверстать удобнее Вот это показать два
759. 36:13варианта может быть таблица а второй
760. 36:15вариант какой Ладно я вас путаю второй
761. 36:17вариант - это карточки с фильтрами ну
762. 36:19типа ну если у нас много вариантов 10 20
763. 36:2330 4 ти Мы можем тоже карточки сделать с
764. 36:26фильтрами Али вообще дофига мы можем
765. 36:28таблицу сделать с фильтрами То есть вы
766. 36:30помните да то что мы начинаем с того что
767. 36:33ну типа самый простой способ
768. 36:35представления информации это просто лист
769. 36:37типа 1 2 3 потом Ну в этом листе в этих
770. 36:43строчках может содержаться там несколько
771. 36:45разных значений потом мы понимаем то что
772. 36:49у нас значений дофига и мы делаем
773. 36:52таблицу если у нас таблицы
774. 36:55недостаточно то мы
775. 36:58Ну не знаю допустим 1000 объектов на п
776. 37:01частей и это уже по 200 объектов или на
777. 37:0310 частей по типу если мы можем разбить
778. 37:06на категории там не знаю расходы на
779. 37:09технику расходы на питание расходы на
780. 37:12что-то ещё и тогда это будет всего там
781. 37:15не знаю там 100-200 операций то есть уже
782. 37:17проще будет или мы делаем у нас 1000
783. 37:20объектов мы делаем фильтры допустим
784. 37:23категории у нас это категории фильтр
785. 37:25есть по теку по валюте по сумме по счёту
786. 37:30по дате по наличию чека по типу Ну
787. 37:33короче куча фильтров наверху вот здесь
788. 37:35вот рисуем и пожалуйста в таблице может
789. 37:38сколько угодно находиться значений даже
790. 37:41Миллион Ну то есть просто чем больше
791. 37:43значения тем более
792. 37:48громовский Ну то есть для этого вам
793. 37:51придётся ещё внизу сделать эту жи нацию
794. 37:54Ну то есть вы допустим выводите на одной
795. 37:56странице 100 строк расходов зафирова Да
796. 38:01вот представляете что у вас даже вы
797. 38:03зафирова всё что могли А у вас всё равно
798. 38:05000 значений осталось значит придётся
799. 38:07постранично показывать по 100 штук и
800. 38:10порционно подавать и вот это по сути и
801. 38:12есть ваша навигационная
802. 38:15работа Ну то есть я так представляю что
803. 38:19Ну мне кажется что таблица была бы
804. 38:20наиболее удобной историй теперь нам
805. 38:23нужны как бы МОК данные такие приме
806. 38:28то есть что такое тип операции это что
807. 38:32вообще за слова то есть мы идём и
808. 38:34смотрим доход расход там не знаю если
809. 38:39если долг - это счёт ну я думаю что у
810. 38:42нас других Ну может быть короче обмен
811. 38:45там ещё не знаю ну короче какие-то типы
812. 38:47операций я сейчас не буду вдаваться в
813. 38:48подробности А мы выписываем их себе
814. 38:52зачем мы их себе выписываем для того
815. 38:54чтобы понимать а что у нас вообще за вот
816. 38:58этим вот объектом какой кроется контент
817. 39:02потому что здесь могут быть допустим
818. 39:04супер длинные слова или здесь есть
819. 39:06какое-нибудь ID и в нём там не знаю 16
820. 39:10символ и мне надо вообще понять может
821. 39:12быть мне не подходит стандартная таблица
822. 39:15может у меня не уместится
823. 39:17в ширину
824. 39:20столько разной информации То есть я вот
825. 39:23понимаю что операция доход расход
826. 39:26потом М что тут ещё есть Ну понятно там
827. 39:29Создать Като кнопка в конце категория
828. 39:33вот я так понимаю что категория может
829. 39:34быть вообще там любой длины там не знаю
830. 39:37давайте что-нибудь длинное напишем
831. 39:40кулинарные мастер-классы допустим люблю
832. 39:43я ходить на кулинарные мастер-классы да
833. 39:46типа что-то мне с ними Придётся делать а
834. 39:48с категорией мы разобрались теги вот
835. 39:52здесь вот тоже интересно Может ли быть у
836. 39:54операции больше одной категории или нет
837. 39:56типа навер я так думаю что нет теги
838. 39:59Сколько может быть тегов и какой они
839. 40:03могут быть длины Ну то есть я так
840. 40:05предполагаю что теги могут быть
841. 40:07приличного размера давайте я их как-то
842. 40:10сейчас по Ну нарисую чтобы понятно было
843. 40:12что это теги потом валюта Ну валюта -
844. 40:16Это значок поэтому тут мало места потом
845. 40:18что ещё Ну вот тут как-то можно ещё
846. 40:21конвертировать сумма какая она может
847. 40:25быть по размеру видите Ну мои конски
848. 40:27шрифты там двадцать четвёртый уже не
849. 40:29умещаются действия Что можно делать с
850. 40:32операции Ну я думаю что в рядовых
851. 40:34операциях сумма Ну если мы возьмём там
852. 40:38даже 10
853. 40:39млн это более чем Ну 99 млн типа я не
854. 40:43думаю что какие-то операции есть сильно
855. 40:45больше ну какой-то запас там останется
856. 40:47потом
857. 40:49счёт Я думаю что на самом деле это
858. 40:51должно быть вообще где-то в самом начале
859. 40:57е создать
860. 40:58тег счёт у счёта тоже может быть
861. 41:01какое-то название Ну как правило Ну
862. 41:06давайте допустим тиков назовём Вот это я
863. 41:09сразу сложу уже спойлерю вам да что у
864. 41:11меня будет двухуровневая таблица так
865. 41:16комментарий тоже вопрос типа вот
866. 41:19зависимость от системы допустим есть
867. 41:21такие системы Ну вот я разрабатывал там
868. 41:24санкционную эту
869. 41:28и там комментарии были очень важны по
870. 41:30сути комментарии это было самое
871. 41:33основное что есть Ну то есть здесь вот
872. 41:36ну как видите у нас уже не Ну скорее
873. 41:40всего не умещается не умещается всё что
874. 41:44мы хотим
875. 41:45добавить в одну таблицу потому что
876. 41:47размер шрифта уже восемнадцатый ну то
877. 41:49есть он у меня станет шестнадцатым
878. 41:51скорее всего
879. 41:56дето должен решить если у меня всё не
880. 41:59влезает Значит есть какие-то вещи
881. 42:03которые мне нужно будет спрятать внутрь
882. 42:06либо как-то изворачиваться и работать
883. 42:09здесь ну то есть вот допустим сумму и
884. 42:12валюты вот смотрите Я тут место могу сну
885. 42:15вот ну и и таких вещей Ну таких приёмов
886. 42:17там в табличной вёрстке их там полно
887. 42:19может комментарий будет внутри может
888. 42:21комментарий будет всплывать по иконке
889. 42:25так дата время
890. 42:27тоже мы можем короче это всё написать в
891. 42:30одну строку здесь будет допустим там не
892. 42:33знаю 16 09
893. 42:362024 Обратите внимание Кстати что в
894. 42:38других странах по-разному это пишется
895. 42:41Вот так как у нас уже видите пошло в две
896. 42:43строчки из-за тегов Я могу и здесь
897. 42:45складывать эту историю Ну вроде
898. 42:50Кстати у меня умещается
899. 42:52вот и тоже чек я тоже покажу иконку
900. 42:57при наведении У меня всё это
901. 43:00за
902. 43:02заработает Так ну вот смотрите то есть
903. 43:04по сути у меня уже появилась какая-то
904. 43:08табличка что я могу сделать я могу
905. 43:11сделать Ну вот это дорогое решение я вам
906. 43:14сейчас покажу кстати дорогое дешёвое
907. 43:15решение фильтр в таблиц Вот вы возможно
908. 43:18видели в Google таблицах или в контуре
909. 43:20вот такие есть
910. 43:26яда Но и на нём я выбираю Какие теги
911. 43:31будут и потом они вот здесь вот как-то
912. 43:33ну типа тут не знаю написано там три и
913. 43:36эти штуки у меня фильтруются вот это
914. 43:38дорогие фильтры короче потому что это
915. 43:40отдельный компонент надо делать а если у
916. 43:42Вас нету такого компонента Вы можете
917. 43:45сделать дешёвые фильтры То есть просто
918. 43:47берёте и дублируется их вот здесь вот
919. 43:52сверху Ну прям все короче которые вам
920. 43:57нужны просто реально не парите типа тут
921. 44:01будет тип может быть если там их два то
922. 44:05легко
923. 44:06дата это два Ну это короче диапазон счёт
924. 44:11тоже так категория выпадающий список тег
925. 44:15тоже выпадающий список плюс там ещё
926. 44:18должна быть кнопка Ну кстати вот здесь
927. 44:21вот может быть кнопка создать Вот такая
928. 44:23оба создать
929. 44:26г
930. 44:28оба добавить комментарий
931. 44:31оба добавить
932. 44:34чек Ну вот понимаете да типа как-то
933. 44:37зашивать эти вещи надо сразу потому что
934. 44:39они же у нас есть в информационной
935. 44:40архитектуре Значит надо
936. 44:42их заделать действие То есть у вас здесь
937. 44:46может быть как кнопки может быть
938. 44:51иконки Типа вы придумаете какой-нибудь
939. 44:54там
940. 44:57обмен там конверсию что-нибудь ещё
941. 45:00короче можете кнопки Можете написать
942. 45:02слово действие
943. 45:04А с операцией какое-то слово выпадающий
944. 45:08список и там по сути действию Ну то есть
945. 45:12все вот эти вещи которые я пишу это
946. 45:15просто ну это всё у вас откроется на
947. 45:18референса То есть если вы будете
948. 45:19работать с таблицами вам нужн референс с
949. 45:21таблицами и вы вот эти вещи можете
950. 45:24какие-то идеи для себя почерпнуть так а
951. 45:27Ну вот короче фильтры Здесь должна быть
952. 45:30обязательно кнопка применить и всё Ну
953. 45:38Уля дорогая Похоже я спроектировал
954. 45:42Фрей вот Ну понятно что это должно быть
955. 45:45поком пакт нее возможно шрифт должен
956. 45:47быть здесь маленький там какой-нибудь
957. 45:49тринадцатый А здесь вот должна быть под
958. 45:52нация потому что страниц будет много Мне
959. 45:54очень нравится Мне короче нравится
960. 45:57делать это быстро потому что вот
961. 45:59смотрите когда я работаю с фреймами у
962. 46:01меня работает ну дизайн в чём сложность
963. 46:05типа надо задействовать две области
964. 46:07мозга та которая отвечает за рисование и
965. 46:14вырисовывается за придумывание и
966. 46:17проектирование - это правая половина её
967. 46:18сложнее напрягать Ну мне по крайней мере
968. 46:20мне легко рисовать Мне очень тяжело
969. 46:22короче вот сидеть выписывать эти
970. 46:25свойства вот это вот короче там чтобы
971. 46:27ничего не пропустил я здесь никакую
972. 46:29кнопку никакой фильтр Никакое окошко
973. 46:31сразу кстати окошки тоже запроектированы
974. 46:33чтобы Вы не забыли Вот
975. 46:36и когда вы вот так вот максимально
976. 46:38быстро и грязно проектирует во-первых
977. 46:40Вот это уже все понимают чем подробнее
978. 46:43будет ваш грязный прототип с окнами и
979. 46:46прочими тем лучше вам будет общаться с
980. 46:48менеджерами разработчиками и прочими вот
981. 46:49это уже достаточно такой низкий уровень
982. 46:52абстракции здесь по сути всё что надо
983. 46:53уже нарисовано
984. 46:55вот Ну даже теги Create Там вся прочая
985. 46:58фигня мы только верх забыли нарисовать
986. 47:00так ещё я забыл вот так вот сделать да
987. 47:03то что у нас этот та включен Ну вот и
988. 47:06короче я вам советую работать так что
989. 47:09если у вас сложный сервис который
990. 47:11требует вайрфрейм Ну то есть ну вот это
991. 47:14это требует фрейминга огромная
992. 47:16информационная архитектура куча всего
993. 47:19куча функций куча каких-то маленьких
994. 47:21итераций типа добавить тег создать тег
995. 47:24всё это вот вместе надо сделать онь поб
996. 47:28и следите за тем чтобы вы тут ничего не
997. 47:30забыли ходите показывайте его продукту
998. 47:32сходите к разработчикам тестировщика
999. 47:34Может они вам что-нибудь посоветуют
1000. 47:36доводите его вот до состояния чтобы вот
1001. 47:38здесь вот максимально всё было все
1002. 47:40элементы Каждый элемент который Вам
1003. 47:42нужен и только потом когда вы
1004. 47:44почувствуете что ну типа всё Фрей Окей
1005. 47:47Садитесь и отрисовывать включайте кино
1006. 47:49музыку и сидите делаете короче Рисуйте
1007. 47:52Потому что если вы пря схода вот здесь
1008. 47:55не стали делать разу стали Ува в UI вы
1009. 47:58во-первых забудете половину вот этих
1010. 48:00вещей во-вторых в два раза больше
1011. 48:02времени потратите потому что рисование
1012. 48:05оно ну как бы если вы что-то просрали
1013. 48:09при рисовании то вам потом опять всё
1014. 48:11двигать все отступы делать и так далее
1015. 48:13Поэтому лучше максимально хорошо
1016. 48:16проработать вот этот экран Так давайте
1017. 48:19вот эту штуку
1018. 48:21допрос работы задача показать состояние
1019. 48:24счёта Ну я думаю что тут Нам нужен счёт
1020. 48:28и информационная архитектура счёта что у
1021. 48:30него есть Ну публичность я не знаю типа
1022. 48:34что это такое и как это работает Ну
1023. 48:36давайте оставим что публичность должна
1024. 48:38быть Что такое публичность Наверное это
1025. 48:41какая-то иконка типа да что он публичный
1026. 48:44и который можно включить выключить у
1027. 48:47него должен быть тип у него я думаю что
1028. 48:49у него есть
1029. 48:51название у него есть валюта и я думаю
1030. 48:54что у него е есть сумма которая даже
1031. 48:57важнее чем название Ну мы тоже здесь
1032. 48:59сразу максимальную напишем это даже
1033. 49:02дофига как-то Ну пофигу допустим вот так
1034. 49:04вот так название
1035. 49:06[музыка]
1036. 49:08сумма здесь вот пускай будет
1037. 49:10какой-нибудь
1038. 49:11тип и валюта Ну понятно Да тоже просто
1039. 49:17сыто возможно у нас здесь есть
1040. 49:19какая-нибудь
1041. 49:22кнопка переключение валюты вот очень
1042. 49:24удобно кстати в финансовых сервисах
1043. 49:26можно посмотреть сколько это в доллара
1044. 49:28сколько это в евро Там и так далее по
1045. 49:29текущему
1046. 49:30курсу Вот публичность которую тоже можно
1047. 49:34там включать отключать Ну вроде Я всё
1048. 49:37зафре И у нас этих счетов может быть
1049. 49:40типа сколько-нибудь да вот мы можем
1050. 49:43состояние этих чев показывать и здесь
1051. 49:45что должно быть опять у них ну личный
1052. 49:48кабинет да типа я сам
1053. 49:55идея е один да ну и что-то ещё и всё И
1054. 49:59вот короче Вот вы завали Вот эту вот
1055. 50:01этот один экран Я просто по дрофе
1056. 50:04работаю видите и у меня следующая задача
1057. 50:06вот этот экран отрисовать потом вот этот
1058. 50:08экран отрисовать потом вот этот экран
1059. 50:10отрисовать и когда у вас просят оценить
1060. 50:12сроки Вы замеряется примерно сложность
1061. 50:15одного экрана и смотрите там Так я вот
1062. 50:18этот сложный экран рисовал 2 дня а вот
1063. 50:21этот я проектировал там полдня и у вас
1064. 50:24справа Сколько осталось до Кон работы вы
1065. 50:27вот так вот считаете 1 2 3 4
1066. 50:29представляете им сложность сложных Там
1067. 50:32шесть несложных три и вы такие Типа так
1068. 50:352612 и три на полдня типа полтора дня Ну
1069. 50:39вы говорите ну где-то там недели полторы
1070. 50:4110 дней и это будет Правда Ну плюс-минус
1071. 50:44похоже на правду потому что вы уже ну
1072. 50:47типа у вас есть список экранов Если бы
1073. 50:48вы начали вот здесь вот
1074. 50:55вырисовывается а в продуктовой
1075. 50:57разработке вот смотрите я потратил 20
1076. 51:00минут на вот сделать как бы скрин фол из
1077. 51:03белых листов понимаете он в каком-то
1078. 51:06виде у меня уже готов Если меня спросят
1079. 51:08Покажи что ты сделал я скажу я вот схему
1080. 51:10спроектируй за 20 минут если Ко мне
1081. 51:13придут типа вечером скажи что ты сделал
1082. 51:15я скажу вот я набросал вот такую
1083. 51:18детализацию лучше Ну вот пойти и вот
1084. 51:20такую детализацию по всем экранам
1085. 51:22набросать Потом сходить показать К
1086. 51:24менеджеру и потом после это уже сидеть и
1087. 51:28также по экрану отрисовывать А когда вы
1088. 51:30будете UI делать у вас опять спросят
1089. 51:32сроки Вы скажете Ну вы замерить типа
1090. 51:34простой экран я рисую там день а сложный
1091. 51:36экран я рисую там 3 дня и всё и также
1092. 51:39посчитаете Вот поэтому там в чате просто
1093. 51:42спрашивали про сроки не помню в каком
1094. 51:44Вот Но но механика вот такая