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

Innovation & Prototyping

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for 14islands 14islands
May 05, 2017
Technology
0
190

Innovation & Prototyping

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

Avatar for 14islands

14islands

May 05, 2017
Tweet

More Decks by 14islands

See All by 14islands
Construindo interfaces interativas com React
Avatar for 14islands 14islands
0
85
Sneaky Santa
Avatar for 14islands 14islands
0
63
Google Santa Tracker: Present Bounce
Avatar for 14islands 14islands
0
250
Responsive Web Design Recap
Avatar for 14islands 14islands
8
1.4k
Lessons learned using WordPress as a CMS
Avatar for 14islands 14islands
2
970
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
350
Performance as design: doing responsive responsibly
Avatar for 14islands 14islands
32
8.1k

Other Decks in Technology

See All in Technology
広告の効果検証を題材にした因果推論の精度検証について
Avatar for ZOZO Developers zozotech
PRO
0
210
登壇駆動学習のすすめ — CfPのネタの見つけ方と書くときに意識していること
Avatar for おおいし bicstone
3
130
Claude Code for NOT Programming
Avatar for Yasunobu Kawaguchi kawaguti
PRO
1
110
OpenShiftでllm-dを動かそう！
Avatar for jpishikawa jpishikawa
0
140
モダンUIでフルサーバーレスなAIエージェントをAmplifyとCDKでサクッとデプロイしよう
Avatar for みのるん minorun365
4
230
Ruby版 JSXのRuxが気になる
Avatar for SansanTech sansantech
PRO
0
170
20260208_第66回 コンピュータビジョン勉強会
Avatar for KeiichiIto1978 keiichiito1978
0
200
Webhook best practices for rock solid and resilient deployments
Avatar for Guillaume Laforge glaforge
2
310
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
Avatar for AEON aeonpeople
1
260
SREチームをどう作り、どう育てるか ― Findy横断SREのマネジメント
Avatar for adachi.ryo rvirus0817
0
350
Why Organizations Fail: ノーベル経済学賞「国家はなぜ衰退するのか」から考えるアジャイル組織論
Avatar for Yasunobu Kawaguchi kawaguti
PRO
1
210
22nd ACRi Webinar - NTT Kawahara-san's slide
Avatar for Nao Sumikawa nao_sumikawa
0
110

Featured

See All Featured
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
450
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
200
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
0
90
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
120
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
120
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
32k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
182
10k

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!