Денис Кортунов (Acronis), Отличия работы в продуктовой компании и агентстве, CodeFest 2017

https://2017.codefest.ru/lecture/1187

Случилось так, что я 12 лет рисовал сайты, логотипы, иконки, интерфейсы и прочее в своей собственной студии дизайна Turbomilk. А потом стал работать в продуктовых компаниях, последние 3,5 года работаю директором по дизайну в компании Acronis. Я выяснил, что работа in-house дизайнера в компании, которая делает собственный продукт, сильно отличается от работы дизайнера в студии или в агентстве. Я попробовал описать основные различия и проиллюстрировать собственным опытом. Доклад пригодится дизайнерам "с обеих сторон баррикад" для расширения кругозора и поможет в преодолении внутренних барьеров.

● Нет заказчика
● Невозможно сдать проект
● Можно совершать ошибки
● Больше денег
● Не нужно делать разный дизайн
● Нужно "выбрасывать" большую часть дизайна

Transcript

1. ДИЗАЙНЕР 
 В ПРОДУКТОВОЙ КОМПАНИИ ДЕНИС КОРТУНОВ СТАРШИЙ ДИРЕКТОР ПО ДИЗАЙНУ ЧЕМ ОТЛИЧАЕТСЯ ОТ ДИЗАЙНЕРА В СТУДИИ?
2. Успешный самарский веб-дизайнер $15 баннер $50 логотип $150 веб-сайт
3. Студия основана в 2002 году 16 дизайнеров 437 проектов 316 компаний
4. 5 млн Индивидуальных пользователей 500 тыс Корпоративных клиентов 145 Стран, где продаются продукты, 15 языковых локализаций 1000 Человек работает
 в компании 23 Офиса в 18 странах >100 Патентов Acronis
6. Задачи для дизайнеров PROD UCTS MARK ETING OTHER BRAN D PR GRAP H ICS OFFICE LOGOS GUIDES & KITS ? EVE N TS HANDOUTS DOCUMENTATION WEBSITE PRO M O S PRINT UI
7. DENIS KORTUNOV YEGOR GILYOV DMITRY BORISENKOV ALEXANDER MACHUGOVSKY GEORGY PASHKOV ALEXANDER OVSYANKIN SERGEY NIKISHKIN IVAN PROKHOROV VIKTOR MOTUZ YURI SVISTUNOV ANNA GLUSHKOVA VYACHESLAV MARKIN ALIK VAYNER SERGEY LEBEDYANSKY Business products ALEXANDER KUDYMOV Consumer products Online Marketing ATI Mac ATI PC Brand / Print Отдел дизайна Acronis
8. заказчики сдать дизайн экспертиза ошибки ресурсы оригинальность
9. Заказчик — Центр Вселенной
10. Заказчик должен быть счастлив
11. В продуктовых компаниях нет заказчиков
12. Сложно сделать выбор
13. Баланс требований Чего хочет бизнес Чего хочет пользователь Решения в продукте
14. Большая зеленая кнопка Правильное формулирование задачи
15. Перейти из области Решения в область Задачи Решение Задача
16. заказчики сдать дизайн экспертиза ошибки ресурсы оригинальность
17. Бог дизайна Утро Логотип День Сайт Вечер Деньги
18. Когда сдал заказчику проект и закрыл договор
19. Personas User profiles Sketches Flow diagrams Clickable wireframes User tests Expert reviews Hi-fidelity mockups Clickable animated prototypes User tests Expert reviews Resources Detailed specifications Design reviews User tests Expert reviews Gathering and analysing feedback IMPLEMENTATION DELIVERING TO CUSTOMERS DETAILED DESIGN CONCEPTUAL DESIGN UNDERSTANDING CUSTOMER NEEDS UX процесс
20. IMPLEMENTATION DELIVERING TO CUSTOMERS DETAILED DESIGN CONCEPTUAL DESIGN UNDERSTANDING CUSTOMER NEEDS User tests Expert reviews Design reviews User tests Expert reviews Customer feedback Бесконечный цикл
21. заказчики сдать дизайн экспертиза ошибки ресурсы оригинальность
22. Дизайнеры в студии разбираются во всём Медицина Вчера Финансы Сегодня Строительство Завтра
23. Экспертиза Широкие знания Глубокие знания
24. Не нужно всё переделывать без веских причин
25. заказчики сдать дизайн экспертиза ошибки ресурсы оригинальность
26. Умение «продавать» идеи
27. Бекап в один клик Задача от маркетинга
28. Acronis True Image for Windows
31. Пользовательское тестирование
32. заказчики сдать дизайн экспертиза ошибки ресурсы оригинальность
33. Формула студии дизайна Клиенты Дизайнеры Офис Компьютеры
34. Формула продуктовой компании
35. Доход компании на одного сотрудника в год
36. заказчики сдать дизайн экспертиза ошибки ресурсы оригинальность
37. Студии делают уникальный дизайн
38. Единый UX
39. Selection colour: Dark blue selected Hover colour: Dark blue selected 50% Background colour: Dark blue 1px line colour: Medium blue 50% 1px line colour: Medium blue 50% 1px line colour: Medium blue 50% Dark blue rgb: 0,32,77 #00204d Light blue rgb: 232,237,245 #e8edf5 Sidebar Dark blue selected rgb: 10,65,135 #0a4187 Black rgb: 45,49,56 #2d3138 Medium blue rgb: 179,196,222 #b3c4de Title. Font: Segoi UI Semibold 22pt. Colour: Black Background colour: Light blue Selection colour: Medium blue 40% Hover colour: Medium blue 20% 1px line colour: Medium blue 50% Middle column Normal Empty Dark blue rgb: 0,32,77 #00204d White rgb: 255,255,255 #ffffff Disabled Active Hover & pressed Main blue rgb: 72,117,179 #4875b3 Black rgb: 45,49,56 #2d3138 Gray rgb: 147,152,162 #9398a2 Medium blue rgb: 179,196,222 #b3c4de White hover rgb: 214,231,255 #d6e7ff Border 1px: Medium blue Fill: White. Text: Black Border 1px: Medium blue Fill: White. Text: Gray Border: Dark blue Text: Black Item short Border 1px: Mail blue Text: Black. Icon: Main blue Border 1px: Gray 60% Text: Gray. Icon: Gray 60% Border: Medium blue Fill: White. Text: Black Border: Dark blue Text: Black. Icon: Main blue Border: Mail blue Text: Black. Icon: Main blue Border: Gray 60% Text: Gray. Icon: Gray 60% Border: Medium blue Border: Main blue Fill: White hover 50% Border: 1px Border: Gray 60% Icon: Gray 60% Item long h... Item short Item short Item long hovered Item disabled Item 1 Input Placeholder Input Input Input Collapsed menu: minimum width is 128px Expanded menu: adjust width to fit all items Maximum height: 320px (show scroll bar if needed) Text align: left Left margin: 12px. Right margin: icon’s width 3 4 4 5 Width: 128px Height: 32px Border: 1px Text align: center 3 digits maximum Quit edit mode if + or - was pressed link link link Main blue Blue saturated Finger cursor Grey Normal Pressed Hover Green rgb: 146,189,17 #92bd11 Green border rgb: 96,148, 37 #609425 Green hover rgb: 131,173,0 #83ad00 Green border hover rgb: 76,127,17 #4c7f11 Orange rgb: 255,137,0 #ff8900 Red rgb: 217,44,51 #d92c33 Dark blue selected rgb: 10,65,135 #0a4187 Blue saturated rgb: 72,140,211 #488cd3 In 1 hour In 2 hours In 4 hours In 6 hours Later Back up now Normal Dark blue rgb: 0,32,77 #00204d White rgb: 255,255,255 #ffffff Disabled Active Hover & pressed Green rgb: 146,189,17 #92bd11 Green border rgb: 96,148, 37 #609425 Black rgb: 45,49,56 #2d3138 Green hover rgb: 131,173,0 #83ad00 Green border hover rgb: 76,127,17 #4c7f11 White hover rgb: 214,231,255 #d6e7ff Border 2px: Green border Fill: Green. Text: White Border 2px: Green border hover Fill: Green hover Text: White 50% alpha Menu border 2px: Dark blue Menu hover: White hover Back up now Back up now Back up now Border 2px: Green border Fill: Green. Text: White Border 2px: Green border hover Fill: Green hover. Text: White 50% alpha Back up now Back up now Back up now Cancel Cancel Cancel Border 2px: Mail blue Fill: White. Text: Mail blue Border 2px: Mail blue Fill: White hover 50% 50% alpha Minimum button width: 96px Text align: center Left and right margin: 24px Gray rgb: 147,152,162 #9398a2 Main blue rgb: 72,117,179 #4875b3 UI Kit
40. Acronis True Image
41. Логотипы продуктов � True Image � Backup � Access � Storage
42. заказчики сдать дизайн экспертиза ошибки ресурсы оригинальность
43. Сколько вариантов делать для клиента?
44. МАКЕТ ≠ ДЕНЬГИ
46. Коробки Acronis True Image (1/3)
47. Коробки Acronis True Image (2/3)
48. Коробки Acronis True Image (3/3)
49. Acronis True Image 2015 UNPROTECTED PERSONAL DOCUMENTS INCLUDING PERSONAL PHOTOS WHOLE COMPUTER INCLUDING MEDIA CONTENT Choose your protection level C:\Users\Yegor\Documents C:\Users\Yegor\Desktop C:\Users\Yegor\Favorites WHAT TO BACK UP DESTINATION LAST BACKUP 576 MB Acronis Cloud Yesterday BACKUP NOW C:\Users\Yegor\Pictures C:\Users\Yegor\Videos WHAT TO BACK UP DESTINATION LAST BACKUP 55 GB External HDD Never RECOVER BACKUP NOW RECOVER Acronis True Image 2015 BACKUP SYNC TOOLS Create new backup Add existing backup Create bootable media Search by file name My first backup SUSPEND Versions 15 Total size 37,31 GB Disk backup in D:\My backups\ Cloud backup for documents BACKUP NOW RECOVER File backup in Acronis Cloud Sort by: date created More Schedule Monthly, last day of the month, at 1:00 AM Last 30 Nov, at 9:55 AM Trial mode. 9 days remaining. Get full version Enter serial number Backing up C:\My Documents\My Pictures\dog.jpg Time left 2 hours 24 minutes Speed 4.434 MB/s Shut down the computer after completion Disk Backup BACKUP NOW CANCEL DISK BACKUP OPTIONS Source Destination Settings Schedule Weekly, on Wednesday Backup scheme Incremental System reserved Local Disk (C:) WDC WD5000AAKS-00UU3AO Local storage Make this media bootable 456.8 GB Estimated backup size 23.2 GB 0.2 of 0.3 GB NTFS NTFS 37.7 of 148.7 GB 148.7 of 250 GB Work disk (G:) Images (F:) Hitachi H3D40003254SE 456.8 GB 0.2 of 0.3 GB FAT32 NTFS 37.7 of 148.7 GB Adult content (X:) NTFS 37.7 of 148.7 GB Acronis Cloud D:\My backups\Secure Folder Buy more cloud space Backup name My first backup Acronis True Image 2015 Backup to WD Passport USB Backup to Acronis Cloud BACKUP NOW RECOVER SKIP BACKUP BROWSE FILES RECOVER Backing up: 1 GB of 2 GB Latest backup: 1 hour ago You need create bootable media to recover in case of disaster. It could be flash drive or USB hard drive. CREATE BOOTABLE MEDIA CREATE NEW BACKUP find files in your backups System and Apps Photos Documents Mail Video Save your time! Acronis True Image 2015 Select backup disk Panasonic DVD-R Insert disk Acronis Cloud 5 GB Free Notebook HDD 160 GB Free WD Passport USB 540 GB Free SKIP NEXT STEP NOT RECOMMENDED NOT RECOMMENDED Good choice! Will be enought for backing up all most data for several months. Cleanup will run automatically as we reach out of space. ADD DESTINATION RECOMMENDED RECOMMENDED Acronis True Image 2015 SKIP BACK START BACKUP Select data to backup ADD OTHER THINGS System and Apps 45 GB Complete PC (All Data, Windows and Applications) 245 GB Photos 60 GB Documents 3 GB Mail 5 GB Video 76 GB Music 32 GB WD Passport USB Available 750 GB Backup size 320 GB Отвергнутые варианты REJECTED REJECTED REJECTED REJECTED REJECTED REJECTED
50. КЕМ БЫТЬ?
51. спасибо!