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

Innovation & Prototyping

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for 14islands 14islands
May 05, 2017
Technology
190
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
90
Sneaky Santa
Avatar for 14islands 14islands
0
71
Google Santa Tracker: Present Bounce
Avatar for 14islands 14islands
0
260
Responsive Web Design Recap
Avatar for 14islands 14islands
8
1.4k
Lessons learned using WordPress as a CMS
Avatar for 14islands 14islands
2
980
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
あるアーキテクチャ決定と その結果/architecture-decision-and-its-result
Avatar for Ryo Tomidokoro hanhan1978
2
570
試されDATA SAPPORO [LT]Claude Codeで「ゆっくりデータ分析」
Avatar for Satoru Ishikawa ishikawa_satoru
0
340
ADOTで始めるサーバレスアーキテクチャのオブザーバビリティ
Avatar for Ryotaro Harada alchemy1115
2
270
20260410 - CNTUG meetup #72 - DiskImage Builder 介紹：以 Kubespray CI 打造 RockyLinux 10 Cloud Image 為例
Avatar for ChengHao Yang tico88612
0
110
さくらのクラウドでつくるCloudNative Daysのオブザーバビリティ基盤
Avatar for Taisuke Okamoto a.k.a BigBaBy b1gb4by
0
150
機能・非機能の学びを一つに!Agent Skillsで月間レポート作成始めてみた / Unifying Bug & Infra Insights — Building Monthly Quality Reports with Agent Skills
Avatar for bun bun913
5
3.9k
解剖"React Native"
Avatar for hacusk hacusk
0
120
Kubernetes基盤における開発者体験 とセキュリティの両⽴ / Balancing developer experience and security in a Kubernetes-based environment
Avatar for mekka chmikata
0
220
CC Workflow Studio
Avatar for breaking-brake seiyakobayashi
0
260
2026年度新卒技術研修 サイバーエージェントのデータベース 活用事例とパフォーマンス調査入門
Avatar for CyberAgent cyberagentdevelopers
PRO
6
7.2k
バックオフィスPJのPjMをコーポレートITが担うとうまくいく3つの理由
Avatar for chama yueda256
1
300
数案件を同時に進行するためのコンテキスト整理術
Avatar for sutetotanuki sutetotanuki
1
140

Featured

See All Featured
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
290
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
64
54k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
210
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
160
It's Worth the Effort
Avatar for 3n 3n
188
29k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
150
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
3.3k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
290
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
210

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!