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

Innovation & Prototyping

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

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
80
Sneaky Santa
Avatar for 14islands 14islands
0
55
Google Santa Tracker: Present Bounce
Avatar for 14islands 14islands
0
240
Responsive Web Design Recap
Avatar for 14islands 14islands
8
1.4k
Lessons learned using WordPress as a CMS
Avatar for 14islands 14islands
2
960
The good, the bad and the ugly with responsive web design
Avatar for 14islands 14islands
4
1.9k
Faster Responsive Websites
Avatar for 14islands 14islands
2
340
Performance as design: doing responsive responsibly
Avatar for 14islands 14islands
32
8k

Other Decks in Technology

See All in Technology
Biz職でもDifyでできる！ 「触らないAIワークフロー」を実現する方法
Avatar for kanacan igarashikana
7
3.3k
AIとともに歩んでいくデザイナーの役割の変化
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
870
[VPoE Global Summit] サービスレベル目標による信頼性への投資最適化
Avatar for sato-s satos
0
240
まだ間に合う！ 2025年のhono/ssg事情
Avatar for watany watany
3
660
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
13
82k
Kubernetes self-healing of your workload
Avatar for Hung-Wei Chiu hwchiu
0
510
可観測性は開発環境から、開発環境にもオブザーバビリティ導入のススメ
Avatar for LayerX layerx
PRO
0
150
個人でデジタル庁の デザインシステムをVue.jsで 作っている話
Avatar for にしはら nishiharatsubasa
3
5k
ソフトウェアエンジニアの生成AI活用と、これから
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
900
様々なファイルシステム
Avatar for Satoru Takeuchi sat
PRO
0
240
AI駆動で進める依存ライブラリ更新 ─ Vue プロジェクトの品質向上と開発スピード改善の実践録
Avatar for sayn0 sayn0
1
290
ソースを読む時の思考プロセスの例-MkDocs
Avatar for Satoru Takeuchi sat
PRO
1
170

Featured

See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
610
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
272
21k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.7k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k

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!