Робота дизайнера у технологічному стартапі

111
Product Designer & Startup Вперше українською

Upload: alexander-lisovskyi

Post on 09-Jan-2017

132 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Робота дизайнера у технологічному стартапі

Product Designer& Startup

Вперше українською

Page 2: Робота дизайнера у технологічному стартапі

Alexander LisovskyProduct designer

2004 2012 2015 2016

IoT Lab

Page 3: Робота дизайнера у технологічному стартапі

Top-10 UA Startups 2014 DeutsheWelle,

Germany

Best Interective Startup

IDCEE2014

Top-150 StartupsPioneer, Austria

WinnerTechCrunch

RadioPitch, USA

Page 4: Робота дизайнера у технологічному стартапі

Smart Home Web ServiceBoston, USA

Page 5: Робота дизайнера у технологічному стартапі

HealthCare Web ServiceSan-Francisco, USA

Page 6: Робота дизайнера у технологічному стартапі

Smart Speaker appEurope, China

Page 7: Робота дизайнера у технологічному стартапі

Photo printing serviceNetherlands, Europe

Page 8: Робота дизайнера у технологічному стартапі

1. Теорія2. Дизайн процеси3. Інструменти / Сторонні сервіси4. Fails

One more thing…

Page 9: Робота дизайнера у технологічному стартапі

Трохи теорії1, 2, 3 питання

Page 10: Робота дизайнера у технологічному стартапі

«Коли я був засновником стартапа, я спав як немовля - прокидався

кожні дві години і плакав»

Бен Горовіц

//Співзасновник і генеральний партнер венчурної компанії Andreessen Horowitz, яка вклала кошти в Airbnb, Facebook, Pinterest, Twitter та інші компанії.

Page 11: Робота дизайнера у технологічному стартапі

Стартап — це не маленька версія великого бізнесу. Це експеримент в пошуку бізнес-моделі яка працює.

Page 12: Робота дизайнера у технологічному стартапі

З чого починаєтьсястартап?

Page 13: Робота дизайнера у технологічному стартапі

є Неймовірна Ідея!

Page 14: Робота дизайнера у технологічному стартапі

Друзі підтримали

Page 15: Робота дизайнера у технологічному стартапі

Інвестор дав грошей

Page 16: Робота дизайнера у технологічному стартапі

Win!

Page 17: Робота дизайнера у технологічному стартапі

...чи ні?

Page 18: Робота дизайнера у технологічному стартапі

Визначити проблему

Page 19: Робота дизайнера у технологічному стартапі

Визначити користувачів

Page 20: Робота дизайнера у технологічному стартапі

Зрозуміти контекст

Page 21: Робота дизайнера у технологічному стартапі

Запропонувати рішення

Page 22: Робота дизайнера у технологічному стартапі

Правильне рішення визначається користувачем і контекстом, а не

дизайнером.

Page 23: Робота дизайнера у технологічному стартапі

У 2008 в Україну привезли новий автомобіль.

Page 24: Робота дизайнера у технологічному стартапі

Tata, Nano [$2.500]

Page 25: Робота дизайнера у технологічному стартапі

У самій дешевій версії відсутні:1. ремені безпеки2. ущільнювачі в дверях3. зовнішні дзеркала4. «Піч» (!)5. вентиляція салону6. магнітола, дефлектори,

рукоятка вентиляції ...

Page 26: Робота дизайнера у технологічному стартапі

Середня температура в Україні взимку -8°С

Page 27: Робота дизайнера у технологічному стартапі

Дизайн - це процес створення рішення проблем користувача,

фокусуючись на його потребах і контексті використання.

Page 28: Робота дизайнера у технологічному стартапі

Product Designer

Для дизайнера не настільки важливим є pixel perfect та вміння працювати в Sketch, скільки брати відповідальність за прийняті рішення і продукт в цілому.

http://www.slideshare.net/jvetrau/design-weekend-2014

Page 29: Робота дизайнера у технологічному стартапі

“Якщо тобі не соромно за якість випущеного продукту, то ти

випустив його занадто пізно”. Рід Гофман

Pixel Perfect / Fancy Visual Design / etc.

Page 30: Робота дизайнера у технологічному стартапі

Product Designer

Хочете отримати повноваження приймати рішення? Потрібно бути відповідальним, гнучким в плані знань і не закисати в одній області.

http://www.slideshare.net/jvetrau/design-weekend-2014

Page 31: Робота дизайнера у технологічному стартапі

rsync -rav ./* -e "ssh" alexander.lisovsky@...

Page 32: Робота дизайнера у технологічному стартапі

Product Designer

Не "девелоперський код", а наш продукт.

Всі є однією командою. В одній шлюпці, а не на галері аутсорсу.Розуміємо біль і завдання. Поєднуємо декілька джерел вимог (маркетинг, девелопмент, тощо).http://www.slideshare.net/jvetrau/design-weekend-2014

Page 33: Робота дизайнера у технологічному стартапі

Не боїмося відстоювати ідеї. Вчимося бути "поганими" заради загального результату - продукту, який вирішує проблеми користувачів, а не бажання фаундера.

http://www.slideshare.net/jvetrau/design-weekend-2014

Product Designer

Page 34: Робота дизайнера у технологічному стартапі

Дизайн процес

Page 35: Робота дизайнера у технологічному стартапі

Cogniance Munich officeGermany

Page 36: Робота дизайнера у технологічному стартапі

Дизайн процес

- Business model canvas - Users- Research- Customer Journey- High Level Feature Breakdown- Information Architecture- Content Matrix

- Use cases- Wireframes- Roadmap- Visual Design (Look&Feel, UI Kit,

etc.)- Support - Testing

Page 37: Робота дизайнера у технологічному стартапі

Як написати бізнес план?

Page 38: Робота дизайнера у технологічному стартапі

Ви впевнені, що це робота дизайнера?

Page 39: Робота дизайнера у технологічному стартапі

Ти береш на себе відповідальність за продукт та вирішуєш дизайном проблеми бізнесу, чи залишаєшся малювальником пікселів в Photoshop/Sketch, чи сірих прямокутників у Axure.

Не чекай поки тебе попросять — пропонуй зміни сам, ініціюй нові процеси, створюй нові рішення.

(с) Ю. Вєтров

Page 40: Робота дизайнера у технологічному стартапі

http://diytoolkit.org/tools/business-model-canvas/

Page 41: Робота дизайнера у технологічному стартапі

Персони

Молода мама

Бабуся Студент

Page 42: Робота дизайнера у технологічному стартапі

Не кожного користувача можна інтуїтивно зрозуміти, або знайти аналог в Україні

Page 43: Робота дизайнера у технологічному стартапі

Бабуся & iPhonePhoto printing service, Netherlands, Europe

Page 44: Робота дизайнера у технологічному стартапі

Чи важлива локація користувача?Доставка в NL за 1 добу

Page 45: Робота дизайнера у технологічному стартапі

Freestanding Emergency Room doctorsHealth Care service, USA

Page 46: Робота дизайнера у технологічному стартапі

Owners of expensive housesSmart Home service, USA

Page 47: Робота дизайнера у технологічному стартапі

Owners of expensive housesSmart Home service, USA

Page 48: Робота дизайнера у технологічному стартапі

Сultural featuresBoston, USA

Page 49: Робота дизайнера у технологічному стартапі

ResearchMunich office, Germany

Page 50: Робота дизайнера у технологічному стартапі

Customer Journey

Page 51: Робота дизайнера у технологічному стартапі

High level feature breakdown

Page 52: Робота дизайнера у технологічному стартапі

Information Architecture

Page 53: Робота дизайнера у технологічному стартапі

Content Matrix

Page 54: Робота дизайнера у технологічному стартапі

Use Cases

Page 55: Робота дизайнера у технологічному стартапі

WireframesMunich office

Page 56: Робота дизайнера у технологічному стартапі

WireframesMunich office

Page 57: Робота дизайнера у технологічному стартапі

Roadmap

Page 58: Робота дизайнера у технологічному стартапі

Visual Design

Page 59: Робота дизайнера у технологічному стартапі

Look & FeelInVision Board

Page 60: Робота дизайнера у технологічному стартапі

UI Kit

Page 61: Робота дизайнера у технологічному стартапі

Atomic Designhttp://atomicdesign.bradfrost.com/

Page 62: Робота дизайнера у технологічному стартапі

AssetsAndroid app

Page 63: Робота дизайнера у технологічному стартапі

Тестування

Page 64: Робота дизайнера у технологічному стартапі

Навіщо стільки кроків?

— Програмісту не подобається колір? Дуже “для дівчат”?— На Product Manager-a зійшла Ідея, давайте додамо фічу?

— Кому й вікно терміналу - дружній інтерфейс.— ...

Page 65: Робота дизайнера у технологічному стартапі

Інструменти

Page 66: Робота дизайнера у технологічному стартапі

TimbleeStructure

Page 67: Робота дизайнера у технологічному стартапі
Page 68: Робота дизайнера у технологічному стартапі

XMindPlanning & structure

Page 69: Робота дизайнера у технологічному стартапі
Page 70: Робота дизайнера у технологічному стартапі

USA, Boston

Page 71: Робота дизайнера у технологічному стартапі

SketchProfessional Digital Design for Mac

Page 72: Робота дизайнера у технологічному стартапі
Page 73: Робота дизайнера у технологічному стартапі

InVisionThe world's leading prototyping, collaboration

& workflow platform

Page 74: Робота дизайнера у технологічному стартапі

Web

Page 75: Робота дизайнера у технологічному стартапі

Mobile

Page 76: Робота дизайнера у технологічному стартапі

Canban board

Page 77: Робота дизайнера у технологічному стартапі

Liveshare

Page 78: Робота дизайнера у технологічному стартапі

appear.inOne click video conversations

Page 79: Робота дизайнера у технологічному стартапі

Kyiv, UA Deventer, NL

Page 80: Робота дизайнера у технологічному стартапі

SlackSlack brings all your communication together

in one place. It's real-time messaging, archiving and search for modern teams.

Page 81: Робота дизайнера у технологічному стартапі

— Jira— InVision— Trello— Google Calendar— Appear… etc.

Page 82: Робота дизайнера у технологічному стартапі

TrelloProcess

Page 83: Робота дизайнера у технологічному стартапі
Page 84: Робота дизайнера у технологічному стартапі

JiraJIRA Software is built for every member of your software team to plan, track, and release great

software.

Page 85: Робота дизайнера у технологічному стартапі
Page 86: Робота дизайнера у технологічному стартапі

GoogleAnalytics

Page 87: Робота дизайнера у технологічному стартапі

Піратські метрики

Page 88: Робота дизайнера у технологічному стартапі

Залучення (Acquisition) - частка клієнтів (потенційних), залучених через маркетингові канали, і які виявили зацікавленість в продукті (не відразу покинули сайт).

Активація (Activation) - частка клієнтів, які отримали позитивний досвід використання продукту.

Утримання (Retention) - частка клієнтів, які повторно використовують продукт.

Прибуток (Revenue) - частка клієнтів, які платять за продукт.

Рекомендація (Referral) - частка клієнтів, які рекомендують продукт (діляться посиланням, висилають запрошення).

Page 89: Робота дизайнера у технологічному стартапі

75%Конверсія від кроку

“Додати у корзину” до “Успішна оплата”

Бачити глобальну картину

Page 90: Робота дизайнера у технологічному стартапі

75%Конверсія від кроку

“Додати у корзину” до “Успішна оплата”

40%Конверсія користувачів, які пройшли реєстрацію

Бачити глобальну картину

Page 91: Робота дизайнера у технологічному стартапі

Сторонні сервіси

Page 92: Робота дизайнера у технологічному стартапі

Image UnderstandingZZ Photo

Page 93: Робота дизайнера у технологічному стартапі

MailChimp

Page 94: Робота дизайнера у технологічному стартапі

ReadyMag

Page 95: Робота дизайнера у технологічному стартапі

Hosting GoDaddy

Page 96: Робота дизайнера у технологічному стартапі

Fails

Page 97: Робота дизайнера у технологічному стартапі

TeckCrunch vs. KyivEnergo

Page 98: Робота дизайнера у технологічному стартапі

Від дизайну до його втілення може минути від місяця до пів року

Page 99: Робота дизайнера у технологічному стартапі

Вибір Платформи / Гроші на розробку

Page 100: Робота дизайнера у технологічному стартапі

Чи можливо розробляти дизайн одночасно з девелопментом?

Page 101: Робота дизайнера у технологічному стартапі

Так, спробуйте!

Page 102: Робота дизайнера у технологічному стартапі

Фокус на головному продукті

Page 103: Робота дизайнера у технологічному стартапі

Півот

Page 104: Робота дизайнера у технологічному стартапі

Обговорюйте плани з колегами. Маркетинг та 1000 коробок

Page 105: Робота дизайнера у технологічному стартапі

One more thing…

Page 106: Робота дизайнера у технологічному стартапі

Антоніо Гауді. “Парк Гуеля”, Барселона, Іспания

Page 107: Робота дизайнера у технологічному стартапі

Гауді залишив 23 архітектурні споруди, багато з яких є об’єктами “Всесвітнього

спадку Юнеско” та створюють унікальний образ міста Барселона.

Page 108: Робота дизайнера у технологічному стартапі

Приблизно 1 рік потрібно, щоб зробити з ідеї щось реальне, 2 роки, щоб почати продавати свій продукт, 5-8 років, щоб компанія маштабувалась та ви змогли зробити особистий екзіт.

Page 109: Робота дизайнера у технологічному стартапі

Найбільш продуктивний період життя людини з 20 до 45 років = 25 років. Це приблизно 5 стартапів в яких ви зможете прийняти активну участь.Знайдіть варті уваги. Часу не так багато.

Page 110: Робота дизайнера у технологічному стартапі
Page 111: Робота дизайнера у технологічному стартапі

Дякую!https://www.facebook.com/alexlisovsky