https://gilesperry.info Giles Perry User Experience Thu, 07 Mar 2019 18:58:15 +0000 https://gilesperry.info en https://gilesperry.info/Home-Page Thu, 21 Feb 2019 12:15:46 +0000 Giles Perry User Experience https://gilesperry.info/Home-Page Hi, I’m Giles Perry. I’m a Product Design Director based in London, and currently working at Skyscanner. <img width="606" height="1560" width_o="606" height_o="1560" data-src="https://freight.cargo.site/t/original/i/b35adf7006b17c6af250c6377396c72f307729d6e2751068664c9e389379e35e/Irista.png" data-mid="35954090" border="0" data-scale="50" src="https://freight.cargo.site/w/606/i/b35adf7006b17c6af250c6377396c72f307729d6e2751068664c9e389379e35e/Irista.png" />Canon IristaCanon’s cloud-photography platform keeps all your photos and videos together – in one safe place. <img width="606" height="1558" width_o="606" height_o="1558" data-src="https://freight.cargo.site/t/original/i/5f1de009cce4ca2580386d03c189b66bd7205a2155f06b8400ccc4d7d6640382/BleepBleeps.png" data-mid="35954089" border="0" data-scale="50" src="https://freight.cargo.site/w/606/i/5f1de009cce4ca2580386d03c189b66bd7205a2155f06b8400ccc4d7d6640382/BleepBleeps.png" /> BleepBleepsBleepBleeps are creating a range of cute, connected gadgets to make life easier for families. <img width="1744" height="1030" width_o="1744" height_o="1030" data-src="https://freight.cargo.site/t/original/i/e50e90009ad5a9f196951309082539786a4ff6f31b8c286ed192838ecd06ccc2/TSM.png" data-mid="35954091" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/e50e90009ad5a9f196951309082539786a4ff6f31b8c286ed192838ecd06ccc2/TSM.png" /> TravelSupermarketTravelSupermarket is one of the UK’s leading travel search and comparison sites. <img width="1104" height="828" width_o="1104" height_o="828" data-src="https://freight.cargo.site/t/original/i/abec3dd591266c06a294b1632bd043b9ddcd1d970408fae8d7183583245c967b/plugins.png" data-mid="36504265" border="0" src="https://freight.cargo.site/w/1000/i/abec3dd591266c06a294b1632bd043b9ddcd1d970408fae8d7183583245c967b/plugins.png" /> Sketch Plugins I’ve developed a set of handy plugins for Sketch.<img width="1104" height="828" width_o="1104" height_o="828" data-src="https://freight.cargo.site/t/original/i/c5f7333d0ed612a845f5229144225f55dfc05995b4cc44e76dfd059d62721f15/physics.png" data-mid="36504264" border="0" src="https://freight.cargo.site/w/1000/i/c5f7333d0ed612a845f5229144225f55dfc05995b4cc44e76dfd059d62721f15/physics.png" /> Design + CodeAdvanced interactive prototypes made using Framer. https://gilesperry.info/About-Intro Thu, 07 Mar 2019 18:56:53 +0000 Giles Perry User Experience https://gilesperry.info/About-Intro More than a decade creating interactive experiences that people love, with experience from agency to hardware startup to global technology giant. With a background in both engineering and fine art, I offer clients a unique perspective. I bring creativity, a solid understanding of technology, and experience of facilitating collaboration across disciplines. “Giles is genuinely one of the smartest, nicest and most collaborative people I’ve worked with. He also brings together the holy trinity of skills for a user experience strategist: engineering, fine art and digital understanding. I would wholeheartedly recommend him.”— Tom Adams, Experience Centre Leader, PwC UK https://gilesperry.info/Events-Banner Thu, 07 Mar 2019 18:46:42 +0000 Giles Perry User Experience https://gilesperry.info/Events-Banner I present at London design events https://gilesperry.info/About-Story Thu, 07 Mar 2019 18:58:15 +0000 Giles Perry User Experience https://gilesperry.info/About-Story Experience I have held Head of UX roles in some of the UK's most innovative digital and integrated agencies. Ten years of agency experience has given me an innate understanding of what motivates consumers – what makes someone connect with a brand. I have delivered iconic digital experiences for some of the world’s biggest brands, including Porsche, The Beatles and Foot Locker's award-winning Sneakerpedia. Key Skills Leading the design of world-class multichannel experiences.Managing, guiding and developing talented UX teams.Developing UX strategy that delivers on business objectives.Developing insight through user research, analytics and testing.Championing design integrity, creativity and innovation.Lean UX and agile. Speaker Events Framer LondonDeliveroo, 25 Apr 2019 Framer LondonThe App Business, 27 Feb 2018 Product Design MeetupFarfetch, 17 Aug 2017 Sketch &amp; Framer MeetupFarfetch, 27 Apr 2017 Framer LondonElsewhen, 12 Jan 2017 Framer Londonustwo, 14 Sep 2016 Articles Mastering Scrolling in Framer X Framer.com Blog,&nbsp;May 23, 2019 It’s Particle Time! How To Use A Physics Engine With Framer Framer.com Blog,&nbsp;Apr 6, 2017 Honours &amp; Awards ‘Suzy Snooze’, Winner – Consumer Product, Core77 Design Awards 2017 ‘Sneakerpedia’, Cyber Lions (Gold), Cannes Lions 2011 Bloomberg New Contemporaries, 2005 I am a great believer in the power of design thinking to make technology human – what can be achieved through a resolute focus on users’ needs. Get in Touch&nbsp;︎ https://gilesperry.info/Design-Code Thu, 28 Feb 2019 14:39:53 +0000 Giles Perry User Experience https://gilesperry.info/Design-Code Design + Code Framer Physics A module for adding 2D physics simulations to your Framer prototypes. <img width="800" height="600" width_o="800" height_o="600" data-src="https://freight.cargo.site/t/original/i/f9fac48f3024d2ceff3ac5597fe1eefb58000b5d52beb519ad6e11a145184dc3/physics.gif" data-mid="39810141" border="0" src="https://freight.cargo.site/w/800/i/f9fac48f3024d2ceff3ac5597fe1eefb58000b5d52beb519ad6e11a145184dc3/physics.gif" /> View on GitHub&nbsp;︎ Sticky Headers ‘Sticky Headers’ is a package for Framer X that lets you add sticky section headers to scrolling content in your prototype. <img width="950" height="950" width_o="950" height_o="950" data-src="https://freight.cargo.site/t/original/i/0a3126134ccf960792a99c2c53e255fd110eea9051534175fa100cb4d3ee00db/Sticky.gif" data-mid="36522532" border="0" src="https://freight.cargo.site/w/950/i/0a3126134ccf960792a99c2c53e255fd110eea9051534175fa100cb4d3ee00db/Sticky.gif" /> Download now from the Framer X Store&nbsp;︎ https://gilesperry.info/Sketch-Plugins Thu, 28 Feb 2019 12:27:14 +0000 Giles Perry User Experience https://gilesperry.info/Sketch-Plugins I’ve built a set of handy plugins for Sketch <img width="168" height="168" width_o="168" height_o="168" data-src="https://freight.cargo.site/t/original/i/0ede7cfc6e19d69626ec88d8a3fdad96b2fc6d2878d0e77e8b46300aeb6b2811/Potrace.svg" data-mid="61104357" border="0" src="https://freight.cargo.site/w/168/i/0ede7cfc6e19d69626ec88d8a3fdad96b2fc6d2878d0e77e8b46300aeb6b2811/Potrace.svg" /> PotraceConvert bitmap images into monochrome vector graphics. <img width="168" height="168" width_o="168" height_o="168" data-src="https://freight.cargo.site/t/original/i/16287e3dc6f0c326711aa9fbd352d5d5bccbb0c2801f791b178dad3c6e73ee18/Reset-Aspect-Ratio.svg" data-mid="36505568" border="0" src="https://freight.cargo.site/w/168/i/16287e3dc6f0c326711aa9fbd352d5d5bccbb0c2801f791b178dad3c6e73ee18/Reset-Aspect-Ratio.svg" /> Reset Image Aspect RatioReset the aspect ratio of selected images. <img width="168" height="168" width_o="168" height_o="168" data-src="https://freight.cargo.site/t/original/i/b6b56e53b834b95ab0f24f0a9b9f86eb695e490c1d1381cee8549e56fa0c597c/Format-Names.svg" data-mid="36505562" border="0" src="https://freight.cargo.site/w/168/i/b6b56e53b834b95ab0f24f0a9b9f86eb695e490c1d1381cee8549e56fa0c597c/Format-Names.svg" /> Format Symbol NamesNicely format the names of all artboards or symbol masters on the current page. <img width="168" height="168" width_o="168" height_o="168" data-src="https://freight.cargo.site/t/original/i/aa943e4e949a655e306527a7b2c3ca934db973d6378fd473b91d144fb537e374/Photo-Grid.svg" data-mid="36505565" border="0" src="https://freight.cargo.site/w/168/i/aa943e4e949a655e306527a7b2c3ca934db973d6378fd473b91d144fb537e374/Photo-Grid.svg" /> Photo GridSize layers to common photo dimensions and scale them to fit in rows or columns. <img width="168" height="168" width_o="168" height_o="168" data-src="https://freight.cargo.site/t/original/i/7aabb7e543d063d3effc3e33cb1e270d59d61ffe2f4b81790d146f9ace2f2194/Symbol-Namer.svg" data-mid="36505571" border="0" src="https://freight.cargo.site/w/168/i/7aabb7e543d063d3effc3e33cb1e270d59d61ffe2f4b81790d146f9ace2f2194/Symbol-Namer.svg" /> Symbol NamerA plugin to help you rename symbols. Save default values, use override text, and do powerful, pattern-based renaming. <img width="168" height="168" width_o="168" height_o="168" data-src="https://freight.cargo.site/t/original/i/a660ce3f1c48237d8e3473731711c3bd61515251f858d04a3ba89bc1114be1da/Unlinker.svg" data-mid="36505576" border="0" src="https://freight.cargo.site/w/168/i/a660ce3f1c48237d8e3473731711c3bd61515251f858d04a3ba89bc1114be1da/Unlinker.svg" /> Library UnlinkerUnlink symbols linked to a specific library, or that have been deleted in their libraries. <img width="168" height="168" width_o="168" height_o="168" data-src="https://freight.cargo.site/t/original/i/df6a7adf9bbac071b8b72f12450be365fa016a5fd4db6d44c38497adce131634/copy-framer-code.svg" data-mid="72745442" border="0" src="https://freight.cargo.site/w/168/i/df6a7adf9bbac071b8b72f12450be365fa016a5fd4db6d44c38497adce131634/copy-framer-code.svg" /> Copy Framer CodeCopy layers from Sketch as code that can be pasted straight into a Framer prototype. https://gilesperry.info/Canon-Intro Tue, 12 Feb 2019 09:44:13 +0000 Giles Perry User Experience https://gilesperry.info/Canon-Intro Canon IristaCloud-photography Platform on Web, iOS &amp; Android Irista is Canon’s cloud-photography platform. It keeps all your photos and videos together – in one safe place – and makes them accessible from any device to view, print and share. Irista is available on the Web and through native apps for iOS, Android and Apple TV. The platform includes dedicated uploader apps for Mac and Windows and a Lightroom plugin, and WiFi-enabled Canon cameras can upload images directly. Irista has over 1.2M registered users. https://gilesperry.info/Canon-Hero-Image Tue, 12 Feb 2019 09:44:33 +0000 Giles Perry User Experience https://gilesperry.info/Canon-Hero-Image <img width="3040" height="2120" width_o="3040" height_o="2120" data-src="https://freight.cargo.site/t/original/i/a9c0653289d3ae692ee18f4315d5b7ee0a5919b09cf70c350fb27b4ea97093b6/Hero.png" data-mid="35358305" border="0" src="https://freight.cargo.site/w/1000/i/a9c0653289d3ae692ee18f4315d5b7ee0a5919b09cf70c350fb27b4ea97093b6/Hero.png" /> https://gilesperry.info/Canon-My-Role Tue, 12 Feb 2019 09:44:43 +0000 Giles Perry User Experience https://gilesperry.info/Canon-My-Role My Role My role at Canon Digital Services covers two years: first as lead product designer for the computer vision team, and then nine months as Head of Design, covering maternity leave. In the Head of Design role, I managed as many as six designers across four products: Canon Irista, Canon Photo Companion, Canon Photo Print Shop, My Canon Printer Team challenges I inherited a situation facing structural challenges. Product development was shared across autonomous agile teams, each responsible for a separate feature area and with one designer in each team. The highest-risk consequence of this set-up was development effort spread too thin and not targeted according to strategic priority. But there were product design downsides too: designers working in silosuser experience lacking cohesionnew features not aligned strategically lack of design oversightI addressed these issues by forming a more centralised design team, and encouraging collaborative activity such as workshoping, design demos and group critique. In the new team structure designers more commonly work in pairs, taking responsibility for a set of user stories rather than at a feature level. Product coherence has also been improved by investing in the development of a design system and a set of Sketch Libraries. https://gilesperry.info/Canon-Insight-Strategy Mon, 11 Feb 2019 15:31:33 +0000 Giles Perry User Experience https://gilesperry.info/Canon-Insight-Strategy Insight &amp; Strategy Irista’s target audience is set in alignment with the strategic focus of Canon’s camera business. Irista is for enthusiast photographers with DSLR cameras and Canon customers at the higher end of the consumer market. Building insight Audience insight derives from five sources of data: Customer Feedback Analytics Audience Interviews and Personas User Surveys User Testing Irista has a very dedicated customer support team who work in close proximity to the design team. A dedicated feedback channel on Slack ensures high visibility of feature requests and feedback from customers. I sometimes respond to support tickets myself. It’s a great opportunity for developing a nuanced understanding of the customer’s needs.Analytics data confirms the appeal of the service to Canon customers with 45% of new content from Canon cameras in a given month and over 50% of those shot on DSLRs.Much of our audience insight results from a series of in-depth interviews with over 40 photographers, led by design team member Barbara Chicca. The panel was recruited from Irista’s user base, an agency panel and a photography meet-up group. Participants ranged in age from 20 to over 60. By profiling participants according to a wide range of traits, the research highlighted six key audience behavioural groups. <img width="1024" height="768" width_o="1024" height_o="768" data-src="https://freight.cargo.site/t/original/i/2c85d2834f78853f7c43de6119a66d7d3194b35e831b552cd54d2c3fca1eabeb/User-groups-Personas.001.jpeg" data-mid="35144608" border="0" src="https://freight.cargo.site/w/1000/i/2c85d2834f78853f7c43de6119a66d7d3194b35e831b552cd54d2c3fca1eabeb/User-groups-Personas.001.jpeg" /> <img width="1024" height="768" width_o="1024" height_o="768" data-src="https://freight.cargo.site/t/original/i/39907381f8b8357b8a749565983aa6af6d5a91b9a7b2f7d151dd5647b0f57d62/User-groups-Personas.002.jpeg" data-mid="35144609" border="0" src="https://freight.cargo.site/w/1000/i/39907381f8b8357b8a749565983aa6af6d5a91b9a7b2f7d151dd5647b0f57d62/User-groups-Personas.002.jpeg" /> Most notably we see a correlation between photography skill and sharing behaviour. The more highly skilled photographers seek recognition and want features for sharing their photos publicly. For lower skilled photographers, photography is personal. They want features for sharing photos privately with friends and family. Design thinking The motivation to capture an image takes the photographer on a journey that extends well beyond the initial act of taking a photo. The camera itself only serves the first of five need states: Capture ︎ Store ︎ Organise ︎ Improve ︎ ShareIrista sits at the centre of a range of digital services being developed to enhance the experience of owning a Canon camera by addressing this wider range of needs. It’s value to the business comes from its capacity to generate:Brand loyaltyBarriers to switchingCustomer insightCRMService related revenue Designing growthA successful product not only focuses on features that deliver value both to users and the business. It also leverages network effects and feedback mechanisms to drive engagement and accelerate platform growth.How does the end of one flow lead to the beginning of another?What role is played by people who don’t yet have an account?Our most important users are higher skilled photographers because their photographs do more to bring new users to the platform. <img width="3614" height="2059" width_o="3614" height_o="2059" data-src="https://freight.cargo.site/t/original/i/3f10a418695fdb778efc5012591f5c4db474d4eb77e91a26264c6ae0ef3717b9/engagement.jpg" data-mid="35144716" border="0" src="https://freight.cargo.site/w/1000/i/3f10a418695fdb778efc5012591f5c4db474d4eb77e91a26264c6ae0ef3717b9/engagement.jpg" /> Network opportunity and engagement loops &nbsp;