Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Innovation & Prototyping

Avatar for 14islands 14islands
May 05, 2017
Technology
200
0

Innovation & Prototyping

Our point of view on innovation and the importance of prototyping.

Avatar for 14islands

14islands

May 05, 2017

More Decks by 14islands

See All by 14islands
Construindo interfaces interativas com React
Avatar for 14islands 14islands
0
94
Sneaky Santa
Avatar for 14islands 14islands
0
88
Google Santa Tracker: Present Bounce
Avatar for 14islands 14islands
0
270
Responsive Web Design Recap
Avatar for 14islands 14islands
8
1.5k
Lessons learned using WordPress as a CMS
Avatar for 14islands 14islands
2
990
The good, the bad and the ugly with responsive web design
Avatar for 14islands 14islands
4
2k
Faster Responsive Websites
Avatar for 14islands 14islands
2
360
Performance as design: doing responsive responsibly
Avatar for 14islands 14islands
32
8.1k

Other Decks in Technology

See All in Technology
サプライチェーンセキュリティの空白地帯 - 信頼できる”依存性”の未来を考える
Avatar for Hiroki Suezawa (@rung) rung
PRO
2
670
先取りMaven4 ～16年ぶりのメジャーアップデート、その進化とは？～
Avatar for 荻原利雄 ogiwarat
0
140
Mastering Ruby Box
Avatar for Satoshi Tagomori tagomoris
3
150
さきさん文庫の書籍ができるまで
Avatar for H.Saki sakiengineer
0
340
GoとSIMDとWasmの今。
Avatar for asuka askua
3
490
DevOps Agentで始めるAWS運用 〜フロンティアエージェントが変える運用の現場〜
Avatar for nyankotaro nyankotaro
1
170
PHP と TypeScript の型システム比較：AI 時代の「型」は誰のためにあるのか？ #frontend_phpcon_do / frontend_phpcon_do_2026
Avatar for shogogg shogogg
1
240
タクシーアプリ『GO』の実践的データ活用
Avatar for GO Inc. dev mot_techtalk
2
130
ルールやカスタム機能、どう使う？理想の出力を引き出すために今知りたいIBM Bob 5つの機能
Avatar for mu (Mizuho Uehara) muehara
1
330
生成 AI × MCP で切り拓く次世代 SRE！自律型運用への挑戦と開発者体験の進化
Avatar for _awache _awache
0
140
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
50k
運用を見据えたAIエージェント設計実践
Avatar for amacbee amacbee
1
2.7k

Featured

See All Featured
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
410
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
940
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.3k
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
780
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
3.3k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.7k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2k

Transcript

  1. None

  2. SUMMARY 1. Innovation as a process 2. Bringing pixels to

    life 3. Inspiration trends

  3. Hej! Olá. Hæ. Cześć.

  4. None
  5. None

  6. We are a creative development studio that cares deeply about

    building great user experiences.
  7. None

  8. INNOVATION AS A PROCESS

  9. Creative Environment

  10. Collaboration

  11. None
  12. None

  13. Stay on the edge

  14. None
  15. None
  16. None

  17. Innovation cools down

  18. Breaking paradigms

  19. None
  20. None

  21. Keep an open mind

  22. Start hacking

  23. Schedule hack days

  24. 80% WORK 20% HACK

  25. BRINGING PIXELS TO LIFE

  26. The beauty of prototyping

  27. Prototyping is good

  28. Cheap way to test

  29. Good way to learn

  30. It gives you agility

  31. Learn Test Make

  32. Learn Test Make Don’t underestimate this

  33. ”What we consider design today is prototyping tomorrow.” - Koen

    Boy, maker of Framer

  34. alagoon

  35. CreativeDash

  36. buatoom

  37. FilippoChiumiento

  38. None
  39. None
  40. None

  41. Dennys Hess

  42. None
  43. None

  44. Andrew Haskin

  45. Good Cheap Fast

  46. None

  47. FIDELITY Concept Execution

  48. FIDELITY Concept Execution < >

  49. ”Even if your idea is worth stealing, the hard part

    is implementing the idea, not coming up with it.” - Guy Kawasaki on NDAs, 2008

  50. Get to the browser early

  51. None
  52. None
  53. None
  54. None
  55. None
  56. None
  57. None
  58. None
  59. None
  60. None

  61. BONUS

  62. Inspiration: hot trends

  63. VIRTUAL REALITY

  64. None
  65. None
  66. None

  67. What about WebVR?

  68. None

  69. ”The ideal recipe for the web is: guaranteed minimum experience

    + freedom to innovate.” - Josh Carpenter (Google), 2016

  70. W3C WebVR Workshop: HTML, CSS & VR

  71. W3C WebVR Workshop: HTML, CSS & VR

  72. W3C WebVR Workshop: HTML, CSS & VR

  73. W3C WebVR Workshop: HTML, CSS & VR

  74. W3C WebVR Workshop: HTML, CSS & VR

  75. W3C WebVR Workshop: HTML, CSS & VR

  76. PROGRESSIVE WEB APPS

  77. ”A Progressive Web App uses modern web capabilities to deliver

    an app-like user experience.” - Google Developers

  78. RWD recharged

  79. Offline first

  80. Push notifications

  81. More hardware access

  82. ”The top 1000 mobile websites receive 270% more monthly visitors

    than the top 1000 native apps.” - ComScore

  83. Helps engaging

  84. vecka.14islands.com

  85. CONVERSATIONAL UI

  86. None

  87. the-future-of-conversational-ui-belongs-to-hybrid-interfaces

  88. the-future-of-conversational-ui-belongs-to-hybrid-interfaces

  89. the-future-of-conversational-ui-belongs-to-hybrid-interfaces

  90. None
  91. None

  92. ”Maybe Apple should just let us text Siri instead.” -

    Wired

  93. Questions?

  94. Thanks!