Podcasts about OmniGraffle

Eric Bowers is a Mortgage Lender and is also writing a novel in his spare time. In this episode we dive into how he uses the iPad Air 5th generation as his computer to manage his work. Some of the apps discussed include: iA Writer, Tot, Amazon Workspace, Shortcuts, Cardhop, Fantastical, OmniFocus 4, Focus, Linea, OmniOutliner, MindNode, Pcalc, Day One, Triode, OmniPlan, OmniGraffle, Ivory, and Mercury Weather. This episode is sponsored by Glisten. Glisten is the "Good Listen" podcast app for Language Learners. It's all you need to immerse yourself in a language, on the path to becoming fluent. Learn more at www.glisten.ist. Download Glisten now for iPad, iPhone, and Apple Watch. Coming soon to Apple Vision Pro. Early episodes with chapter markers are available by supporting the podcast at www.patreon.com/ipadpros. Early episodes are also now available in Apple Podcasts!Show notes are available at www.iPadPros.net. Feedback is welcomed at iPadProsPodcast@gmail.com.Links:https://www.bowersvoice.comhttps://techhub.social/@eabowersChapter Markers:00:00:00: Opening00:01:03: Support the Podcast00:01:51: Eric Bowers00:05:28: Current iPad Setup00:07:25: Mortgage Lending00:09:39: Air vs 11" Pro00:13:02: Apple Pencil00:14:57: How do you use the Mac?00:16:20: iA Writer00:16:58: Tot00:19:37: Amazon Workspace00:22:32: Shortcuts00:27:04: Cardhop00:29:29: Changing task managers?00:34:40: Contexts00:36:07: OmniFocus 400:37:39: Sponsor: Glisten00:39:34: Fantastical00:44:30: Focus app00:47:11: Time tracking00:47:53: Linea00:50:10: OmniOutliner and MindNode00:52:19: Cellular Data00:53:17: Mail app00:55:31: Pcalc00:56:07: Day One00:57:19: Triode00:58:28: Writing the book01:00:39: Final output on iPad?01:02:03: Book Cover Art01:02:58: Audio recordings01:04:34: Print01:06:59: Synopsis01:07:33: BowersVoice.com01:07:52: OmniPlan and OmniGraffle01:10:46: Ivory01:11:19: Mercury Weather01:12:12: Mastodon01:13:10: Closing Hosted on Acast. See acast.com/privacy for more information.

Ken Case is the CEO of the Omni Group; the creators of OmniFocus, OmniOutliner, OmniGraffle, and OmniPlan. In this episode we dive deep into OmniFocus 4 that launched on December 13th, 2023. This episode is a two-part episode opening with an interview recorded in July of 2021 when the public beta of OmniFocus 4 was released. The second part of the episode was recorded after the launch of OmniFocus 4. Bonus content and early episodes with chapter markers are available by supporting the podcast at www.patreon.com/ipadpros. Bonus content and early episodes are also now available in Apple Podcasts! Subscribe today to get instant access to iPad Possibilities, iPad Ponderings, and iPad Historia!Show notes are available at www.iPadPros.net. Feedback is welcomed at iPadProsPodcast@gmail.com.Links:https://www.omnigroup.com/blog/introducing-omnifocus-4https://www.omnigroup.com/omnifocus/https://people.omnigroup.com/kc/https://omni-automation.com/https://apps.apple.com/us/app/omnifocus-4/id1542143627Chapter Markers:00:00:00: Opening00:01:26: Support the Podcast00:01:53: Ken Case - July 202100:02:45: The iPad in 202100:04:09: Apple Pencil00:04:55: Universal Control00:05:33: OmniFocus Plugins00:07:09: OmniFocus 400:11:20: SwiftUI00:16:31: Apple Watch00:17:42: Swift Playgrounds00:19:23: Mac Only Features Now On iPad00:21:56: Focus00:26:19: Integration With Focus For iOS 15?00:28:55: Widgets00:31:06: Perspectives00:31:52: Outlining 00:34:05: Exporting and printing00:35:17: Inspector panels00:38:50: Full keyboard navigation00:42:43: Any Other iPadOS 15 Features?00:43:01: Shortcuts 00:48:00: The Little Things00:50:58: Drag and drop00:53:27: Review Mode00:54:16: Anything else?00:55:57: M1 Macs00:56:34: Ken Case - December 202300:57:37: Inspector Panels00:59:25: iPad Keyboard Menu01:01:15: Drag and Drop01:02:56: Big takeaways from the beta01:04:19: Shared Database01:08:09: How do you personally use OmniFocus?01:09:17: Changes from beta 1?01:11:51: Favorite OmniFocus 4 Features?01:14:24: OmniFocus Links01:15:09: New OS Features01:16:57: External Displays01:18:51: The Apple Watch01:25:03: OmniFocus Pro01:30:05: Getting Started with OmniFocus01:32:21: A single purchase01:35:27: visionOS01:37:18: Moving other apps to SwiftUI01:38:54: Anything else?01:40:22: Where Can People Find More Information?01:41:16: Closing Hosted on Acast. See acast.com/privacy for more information.

In this episode of The Omni Show, we chat with Carson Whitsett, a multif...

Today we chat with Erik Hedin, a seasoned sound designer and composer fr...

In this fascinating episode of The Omni Show, we invite cognitive neuros...

We discuss home automation and using music listening music devices around the home. Help support The Next Track by making regular donations via Patreon (https://www.patreon.com/thenexttrack). We're ad-free and self-sustaining so your support is what keeps us going. Thanks! ‌Show notes: FreeForm (https://www.apple.com/uk/newsroom/2022/12/apple-launches-freeform-a-powerful-new-app-designed-for-creative-collaboration/) OmniGraffle (https://www.omnigroup.com/omnigraffle) Philips Hue light bulbs (https://amzn.to/3Ng2Mjz) Eve Energy (https://amzn.to/3OXts9U) Our next tracks: Succession (https://www.hbo.com/succession) Curved Air: Air Conditioning (https://amzn.to/3oPRFVc) If you like the show, please subscribe in iTunes (https://itunes.apple.com/podcast/the-next-track/id1116242606) or your favorite podcast app, and please rate the podcast.

Ryan Singer is one of the founding members of 37Signal’s Basecamp team. ...

Today, we’re honored to have Charlie Brewer with us. Charlie is the co-...

Today, we talk with Frank Denneman.  Frank works for VMWare as the Chief...

Today, we’re spending time with Sam Newman. He’s a London-based technol...

Today, we hear from the CEO of Australian-owned Jaunt Motors, Dave Budge...

Jeremy Wheeler is a Staff Consulting Architect at VMware who regularly u...

Mark Crump is a writer who is still using the original 12.9” iPad Pro from 2015 with 128GB of storage. We dive into what Mark uses the iPad Pro for and his upgrade approach; when is it finally time to upgrade a tool? If you've ever been tempted to upgrade when perhaps your old iPad can still do the job this episode is for you. Read Mark's work at www.MarkCrump.com.Bonus content and early episodes with chapter markers are available by supporting the podcast at www.patreon.com/ipadpros. Show notes are available at www.iPadPros.net. Feedback is welcomed at iPadProsPodcast@gmail.com.Chapter Markers00:00:00: Opening00:01:52: Patreon.com/iPadPros00:02:29: Mark Crump00:03:19: Enough00:06:07: PDF Magazines00:08:06: Ulysses00:08:47: Your iPad's role at work00:11:13: Apple Pencil Battery Life00:12:34: Pro vs Air00:13:16: Ulysses00:13:35: Smart Keyboard?00:14:49: Virtual Keyboard00:15:27: Not your only computer00:16:16: Sidecar00:16:55: iPad Pro Configuration00:19:18: Series 000:21:45: Cameras And Phil00:23:43: Display Tech00:30:36: iPad Pro Features For $32900:32:27: RAM00:34:48: Final Thoughts Original Pro in 202100:38:45: Zinio00:38:52: Libby00:39:18: Things00:40:44: OmniGraffle00:40:51: AutoCAD00:42:30: Where Can People Find You Online?00:42:57: Closing See acast.com/privacy for privacy and opt-out information.

In addition to sharing their tech origin stories—in quite different and nerdy ways—Jason comes up with with a weird business idea, Andrew wrangles with how to define the iPod and Martin's handwriting is put under the microscope. (Here's a hint: as you follow the episode, check the show notes below to view each origin story's corresponding image.) Pyjama/Pajama Buckets and Milo 00:00:00 Singlet (https://www.merriam-webster.com/dictionary/singlet)

We have a BIG show for you today. We’re talking about the future of the Mac. Coming off of Apple’s “One more thing.” event to launch the Apple M1 chip and M1 powered Macs, we have a two part show giving you the perspective of Apple as well as a Mac app developer on the future of the Mac. Part 1 features Tim Triemstra from Apple. Tim is the Product Marketing Manager for Developer Technologies. He’s been at Apple for 15 years and the team he manages is responsible for developer tools and technologies including Xcode, Swift Playgrounds, the Swift language, and UNIX tools. Part 2 features Ken Case from The Omni Group. Ken is the Founder and CEO of The Omni Group and they’re well known for their Omni Productivity Suite including OmniFocus, OmniPlan, OmniGraffle, and OmniOutliner – all of which are developed for iOS & Mac.

We have a BIG show for you today. We’re talking about the future of the Mac. Coming off of Apple’s “One more thing.” event to launch the Apple M1 chip and M1 powered Macs, we have a two part show giving you the perspective of Apple as well as a Mac app developer on the future of the Mac. Part 1 features Tim Triemstra from Apple. Tim is the Product Marketing Manager for Developer Technologies. He’s been at Apple for 15 years and the team he manages is responsible for developer tools and technologies including Xcode, Swift Playgrounds, the Swift language, and UNIX tools. Part 2 features Ken Case from The Omni Group. Ken is the Founder and CEO of The Omni Group and they’re well known for their Omni Productivity Suite including OmniFocus, OmniPlan, OmniGraffle, and OmniOutliner – all of which are developed for iOS & Mac.

Alyssa Goodman is the Robert Wheeler Willson Professor of Applied Astron...

Tamar Nachmany joins the iPhreaks to discuss building applications that serve specific communities in allowing them to communicate and connect. She discusses the approaches used at Tumblr and other companies and how to learn enough about your community to build the correct interface. Panelists Alex Bush Charles Max Wood Guest Tamar Nachmany Sponsors With HeadSpin, you only need one platform for testing, monitoring, and analytics across applications, devices, and networks. Check them out at headspin.io CacheFly   "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Picks Alex Bush: Omnigraffle Charles Max Wood: Podcast Sponsorships Course Creator Pro Tamar Nachmany: Are.na Babycastles

Tamar Nachmany joins the iPhreaks to discuss building applications that serve specific communities in allowing them to communicate and connect. She discusses the approaches used at Tumblr and other companies and how to learn enough about your community to build the correct interface. Panelists Alex Bush Charles Max Wood Guest Tamar Nachmany Sponsors With HeadSpin, you only need one platform for testing, monitoring, and analytics across applications, devices, and networks. Check them out at headspin.io CacheFly   "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Picks Alex Bush: Omnigraffle Charles Max Wood: Podcast Sponsorships Course Creator Pro Tamar Nachmany: Are.na Babycastles

Alex Lindsay’s company Pixel Corps does livestreaming for companies, org...

Action Items: On this week’s episode of Track Changes Paul and Rich sit down and share their top 5 tools that keep them productive. We chat about our favorite to-do apps, calorie counting apps and about apps that will make your meetings more productive. From simple tools to complex tools, we share our secrets for staying sane and productive at work.  Whimsical  OmniGraffle  Visio  Navigator  Bloomberg - What is Code? by Paul Ford  Basecamp  Emacs Org mode  FatSecret  CalorieKing  Google Fit  Todoist  Tinysheet by Postlight Python 4  

Take Control boss Joe Kissell has just updated Take Control of Automating Your Mac to edition 3, to reflect the constantly changing macOS landscape. Joe discusses some of those changes before covering how he makes you comfortable with automation concepts. Then, he gives us some examples of both built-in capabilities as well those of third-party utilities that can help you be more efficient in whatever you do with your Mac. Automation sounds a bit intimidating, but Joe makes it approachable and easy to see results of your efforts immediately. This edition of MacVoices is supported by Linode, high performance cloud hosting and virtual servers for everyone. To take $20 off your first order, visit Linode.com/macvoices and use the offer code “macvoices2019”. Show Notes: Chuck Joiner is the producer and host of MacVoices. You can catch up with what he's doing on Twitter, Facebook, and LinkedIn. Subscribe to the show: iTunes: - Audio in iTunes - Video in iTunes - HD Video in iTunes Subscribe manually via iTunes or any podcatcher:  - Audio: http://www.macvoices.com/rss/macvoicesrss  - Video: http://www.macvoices.com/rss/macvoicesvideorss Donate to MacVoices via Paypal or become a MacVoices Patron. Guests: Joe Kissell is the publisher of  Take Control ebooks, as well as the author of over 60 books on a wide variety of tech topics. Keep up with him if you can on his personal site, JoeKissell.com, and on Twitter.

Christopher Harrington, Director of Creative Strategy at Gartner, joins ...

Ken Case, CEO of the Omni Group, chats with Tim about OmniFocus, OmniOutliner, OmniGraffle, OmniPlan, and iOS 13. Learn more about the Omni Group at www.omnigroup.com.This episode of iPad Pros is sponsored by OmniFocus. Use OmniFocus to accomplish more every day. Learn more at https://www.omnifocus.com.Bonus content and early episodes are available by supporting the podcast at http://www.patreon.com/ipadpros. Now available to Patreon supporters is an interview with Ken Case from 2010.  Show notes are available at https://www.iPadPros.net. Feedback is welcomed at iPadProsPodcast@gmail.com. See acast.com/privacy for privacy and opt-out information.

Jono is on his way to Framer Loupe, and I still love Omnigraffle. Figma, Sketch, Framer and Jonathan's awesome new business cards - yes he is a product manager. What do all this mean? We huddle together in a room to discuss all this and bid each other safe journeys.

OmniGraffle 7.11 for Mac is a very important update — it includes signif...

Microsoft catches Mike’s eye with WSL 2, Google gets everyone's attention with their new push for Kotlin, and we get a full eGPU report.

In today’s episode, Craig and Robby explorer tools for mind mapping and how it can be useful for teachers in the classroom. Show Outline in MindNode MindNode iThoughts Linea Sketch Paper Concepts OmniOutliner OmniFocus OmniGraffle MarginNote 3 Subscribe Apple Podcasts Overcast Castro Pocket Casts RSS Follow The Class Nerd - Blog RSS, Micro.blog, Twitter Craig - Micro.blog, Twitter Robby - Twitter, Blog

Apple released the 3rd generation iPad Air and the 5th generation iPad mini earlier this week. Are these iPads suitable for pros and those wanting to get work done? Hear Tim's thoughts at the top of the episode. The core of this episode is part 2 of my discussion with Academy Award-nominated writer and writing coach, Roger Schulman. Roger was nominated for an Oscar for his work on the hit animated comedy Shrek. He's also written a number of sequels for Disney including The Fox and the Hound 2, Bambi 2, Mulan 2, the Jungle Book 2, as well as, Balto. He co-created, wrote, and produced the sitcom, Jonas. Roger is also a writing coach. You can find more info about that over at www.thewritercoach.com.In this part of the interview, we dive deep into some of the apps he uses including Aeon Timeline, OmniOutliner, SimpleMind, OmniGraffle, GoodNotes, Gladys, Scrawl Notes, WordBoard, Airmail, and FollowUpThen.com. As a reminder, if you want to support the podcast you can head on over to www.Patreon.com/iPadPros. Please leave a review in Apple Podcasts if you haven't already!Show notes are available at www.iPadPros.net. Feedback is welcomed at iPadProsPodcast@gmail.com. See acast.com/privacy for privacy and opt-out information.

In this week’s episode, Craig and Robby try to explain what Shortcuts are (though Apple’s naming doesn’t make it easy), share several of their favorite shortcuts as inspiration, and then get to some listener questions. Also, Craig’s kids were home during the recording of this episode…and you can definitely tell. Apologies. MacStories Workflow Review GoodNotes 5 Shortcuts App on the App Store Drafts Episode Number Talks Book Number Talks Shortcut Podcast Posting Blog Post Robby’s Seating Chart Shortcuts OmniGraffle OmniOutliner Start Concert Band Craig’s Instagram Shortcut Robby’s Wake Up Shortcut Robby’s Coffee Shortcut Robby’s Go to Work Shortcut Robby’s Good Night Shortcut Craig’s Makeup Work Shortcut Variables Tutorial Canvas Workflow Series Episode 1 MacSparky Video Field Guide Matthew Cassinelli Twitter Subscribe Apple Podcasts Overcast Castro Pocket Casts RSS Follow The Class Nerd - Blog RSS, Micro.blog, Twitter Craig - Micro.blog, Twitter Robby - Twitter, Blog

Rey Worthington — software developer, rock climber, cat enjoyer — talks ...

STOP! Before you read on, please make sure to take our Semester 1 EXIT TICKET so that we can better improve our show for Semester 2. Show Notes: This week The Class Nerd talks about apps they use to gather, process, manage, and reflect on student data. Bear Drafts Workflow Drafts/Workflow Action to Append a Bear Note Drafts Action, Workflow Action OmniGraffle Notability Dropbox Canvas forScore Airtable Craig’s Airtable Notes Script Agenda FileMaker Pro TAKE OUR SEMESTER 1 EXIT TICKET! Subscribe Apple Podcasts Overcast Castro Pocket Casts RSS Follow The Class Nerd - Blog RSS, Micro.blog, Twitter Craig - Twitter, Micro.blog Robby - Twitter, Blog

Show Notes: This week The Class Nerd talks about the apps they use to make letters, posters, worksheets, documents, and other classroom related documents. Robby says the word “artifact” in this one. Pages Microsoft Word Keynote OmniGraffle Craig’s Classroom in OmniGraffle Adobe Apps Affinity Designer Affinity Photo Pixelmator - iOS, Mac Sketchnoting Linea Sketch Paper Subscribe Apple Podcasts Overcast Castro Pocket Casts RSS Follow The Class Nerd - Blog RSS, Micro.blog, Twitter Craig - Twitter, Micro.blog Robby - Twitter, Blog

Shannon Hughes — French toast enjoyer, math understander, frequent robot...

From working in higher education to full time UX designer in 10 months. Meghan Kelly is a full time UX Specialist at Elsevier. She volunteers as Events Lead Organizer at Girl Develop It Philly, and has served as Events Lead at Code for Philly. In this episode, she is completely candid about the confusing process of trying to find a path to change careers into tech. We also get into what she actually does day to day in her new job. Amazingly, she went from never having heard of UX, to being offered full time employment in that role in less than a year. We talk about exactly what she tried, what worked and what didn't, anxiety, failures and sticking with it until she got her job offer. Meghan is hilarious so this was really fun to record. Twitter @meghanakelly Web meghanakelly.com Topics Mentioned: Newbie's Guide to why your CSS might not be updating by Meghan The Newbie's Guide to Slack by Meghan The Physical Therapy website redesign we discussed Meghan's Pinterest Design Project Corey Latislaw twitter: Philly Android dev who moved to SF for Pinterest CodePen PhillyCHI “PhillyCHI is the Philadelphia region's chapter of the ACM SIGCHI, an interdisciplinary academic and professional group interested in human-computer interaction, user experience, usability, and other related disciplines.” Mockup tools: Omnigraffle, Sketch, Balsamiq, Axure An interesting quote from Meghan: “UX is about reducing anxiety.”

Show Notes:* Link to the Learn Swift podcast on the stores: https://itunes.apple.com/us/podcast/the-learn-swift-podcast/id1272996458?mt=2* Lecture 2 from Stanford 193P course. Spring ‘17: https://itunes.apple.com/us/course/2-mvc-ios-xcode-and-swift-demonstration/id1198467120?i=1000381073277&mt=2* Omnigraffle link: https://www.omnigroup.com/omnigraffle/iosBlind Love Dub by Jeris (c) copyright 2017 Licensed under a Creative Commons Attribution (3.0) license. http://dig.ccmixter.org/files/VJ_Memes/55416 Ft: Kara Square (mindmapthat)

Liz Marley, unlike your host, is not afraid of math — and she brings tha...

Ben talks bout being super tired from his first 2 weeks on Witless 3, and some secret relationship gossip too.Ed loves flame bars.Ben doesn’t mind an easyrig (but only for eyelines http://easyrig.se/).Ben does love a Litegear Litemat (http://www.litegear.com/).Ed talks about prepping for Vera and spending long hours in a recce bus.Ed talks about moving away from movi work for this series a bit.Ed discusses his lens choice for Vera.Ed talks about his camera choice, he likes Arri cameras but has a secret love for the Sony F65.Ben really likes the Alexa sensor because it means he can be lazy with protecting this highlights.Ed is very diplomatic about all cameras (but he likes Alexa most).Ben and Ed reminisce about Canon Xl1s and XLH1’S and their funny lenses.Ed talks about his Canon 5d and how much he loved it.Ben tells a couple of possibly alternative fact about old school tv cameras and VCT14 tripod plates (https://www.sony.co.uk/pro/product/broadcast-products-camcorders-tripods-supports/vct-14/overview/).Ed and Ben realise they are becoming THOSE old dp’s talking about old cameras and things.The podcast gets interrupted by a call from Bens, previously mentioned, girlfriend.How many working DPs are there in the UK? (Ed knows!)Ben and Ed talk about the new Sony Venice camera and what they think it might be like (https://www.sony.co.uk/pro/product/broadcast-products-camcorders-digital-motion-picture-camera/venice/specifications/)Ed really really likes a mirrored shutter.Ed talks about shooting on film with DP Dale McCready (http://www.dalemccready.com/) and a few beginners film faux pars.Ben and Ed finally solve digital vs film (they don’t).Ben finally relishes that having and iPad and Shot Designer might infact be a useful tool (https://www.hollywoodcamerawork.com/shot-designer.html).Ed thinks someone should update the lighting designer app and talks about Omnigraffle (https://www.omnigroup.com/omnigraffle/ios) and Airtable (https://airtable.com/)Ben shows off about his Tesla, again.Ed and Ben gush about the sci fi books of Ian m banks (https://www.iain-banks.net/books/#sf).

Micros DPA en test Le podcast a été enregistré avec ces micros, prêtés par les danois de DPA, ainsi que leur interface d:vice (500 € HT et non 550 comme annoncé par erreur dans le podcast), qui permet de brancher deux sources simultanément sur un iPhone ou iPad (ou un Mac ou PC) et de régler indépendamment les niveaux des micros. Le micro cravate d:screet™ 4060 Le micro de conférence d:fine fio slim Le (tout) petit micro de conférence DPA discret Et le setup de l'enregistrement du podcast : deux d:vice, deux discreet et un d:fine connecté à un MacBook Pro (on ne peut brancher qu'un seul d:vice sur un iPhone ou iPad et nous avions besoin de trois pistes, ce qui explique l'utilisation du Mac et de l'app Audio Hijack pour l'enregistrement.) Steven Soderbergh tournerait à l'iPhone Un article de Tracking Board, qui a sorti l'histoire (anglais) Un autre article, en français, d'Allo Ciné Le Red Hydrogen, téléphone « holographique », annoncé à 1200 et 1600 USD Retour rapide sur le Détour, le court-métrage de Michel Gondry tourné à l'iPhone 7 l'une des videos coulisses de la réalisation de Détours Facebook lance les live en 4K Article de Social Shaker switcher studio switcher go Teradek Live:Air Solo Michael Rosenblum veut voir Nike acheter les droits des jeux olympiques Le vlog de Michael Rosenblum Et toi, t'as quoi sur ton écran ? Laurent L'écran d'accueil de Laurent Philippe L'écran d'accueil de Philippe Nuzzl, le filtre twitter préféré de Philippe Guillaume L'écran d'accueil de Guillaume Oui je sais, j'ai planqué les jeux dans un dossier Éducation :o) Radars Rapport Reuters de Panu Karhunen (il est bien finlandais) Røde VideoMic Pro+ Le Røde VideoMic Pro+ Adaptateur Røde SC4 Adaptateur Røde SC6 Le post de Laurent sur le nouveau Røde Omnigraffle 3 Nous retrouver Le site de VMP, vmp.fm Sur Twitter Philippe Couve @couve Laurent Clause @laurentclause Guillaume Kuster @_gkuster Les applications pour profiter au mieux des podcasts iOS Overcast Castro Apple podcasts Android Pocket Casts Podcast Republic  

Drew Covi: @drewcovi | about.me Show Notes: 01:04 - Honeywell User Experience (HUE) 05:00 - Deliverables 06:55 - Being a “Devsigner” 17:26 - Flash and Leading to Unique Skills 30:00 - Advice for People Straddling Roles 35:27 - Leveraging Design and Development Skills Together 39:41 - Embracing the Hardware Element 42:05 - Why the “Devsigner”? Resources: AOLpress CSS Beauty CSS Zen Garden Contribute Crave Transcript: CHARLES: Hello, everybody and welcome to The Frontside Podcast, Episode #76. My name is Charles Lowell. I'm a developer here at The Frontside and your podcast host-in-training. With me is Elrick Ryan, also a developer at The Frontside. Hello. ELRICK: Hey, what's going on? CHARLES: Not much. Are you excited about today's topic? ELRICK: Very excited. CHARLES: Yeah. You got a personal stake in it because today, we have in the room, not only you but also two developers who are also designers or designers who are also developers. Our guest today is actually the first person who fit this description that I ever worked with. It was a great experience, a great collaboration and his name is Drew Covi. Drew is a senior supervisor of product design at HUE Studios in Golden Valley, Minnesota. DREW: Howdy. How are you doing? CHARLES: Good. Thanks for joining us. Now, you're going to have to explain to us two things, one, what is a super senior product designer and let's start off talking about HUE first. What exactly is HUE because I think it's a cool organization? DREW: I'm working with four people and I'm working on all sorts of brand new ideas. I think the greatest opportunity that I've had in my career at this company, Honeywell is just working with physical product and the digital space. It's a unique opportunity. Not all companies focus on both so it's really been a learning experience for me and working with a great group of creative individuals is also been a real privilege. They say that at the end of the day, the most important thing is other people that you work with and really the entire team here has been fantastic in welcoming me and letting me explore and grow as a developer and as a designer. It's been great so far. CHARLES: Fantastic. Working with that group was absolutely wonderful. What does HUE stand for? DREW: HUE is Honeywell User Experience. Our previous CEO, Dave Cote often called it 'huey' but it's just HUE, without the Jersey accent. I'm going to probably misrepresent but we have over eight to 10 studios throughout the world. Each one focuses on different businesses for the most part. The one here in Golden Valley tends to focus on homes and buildings technologies. The studio out of Seattle, actually tends to focus on, again I'm going to get the acronym wrong here but it's essentially worker safety in industrial safety. CHARLES: What is it that you all do at HUE? DREW: What we do here at the studio here in Golden Valley is we support various businesses throughout the homes and buildings technology space. About fall of last year, Honeywell went through a bit of a shift in their business and they used to do all automation control solutions. Last fall essentially, we saw that one large business that was headquartered and based out of Golden Valley, break into two areas of more direct focus. Out of Seattle, we have folks working on, I think I mentioned before but Seattle works on sensing and productivity solutions. We focus on homes and building space so we're both providing upfront research to understand what the customer needs. We're actually creating everything from very rough user flows to final UIs and we're also working with industrial designers to create final products. Those industrial designers work very closely with engineering. Honeywell has a long reputation of very strong engineering when it comes to the hardware space. We've prided ourselves on excellent instruments and excellent performance. One thing that very few people understand is that we don't just do thermostats. We're in the business of turbos. We're creating the turbos for your car. We're creating all sorts of HVAC equipment. We're also handling various safety equipment. All of these items need designing, not just for end users and consumers but they also need designing for the workers in the field. If we make a product that is more efficient, easier to use and in some cases, more attractive, not only it does lead to more sales, it leads to more efficient work forces that can work quicker essentially. You could get up on a roof and get off in record time. We're not just designing consumer products. We're actually focused on a lot of other items as well, with oftentimes very large returns on investment. CHARLES: In the work that you do and HUE does in general, it sounds like there might be a large software component. Digital design is kind of we know in the web space but then also a lot of industrial design of just how does this thing going to look, how is it going to feel, how is it going to persist, how durable is it going to be, how is it going to withstand usage. Would you get involved in that process? DREW: Usually, the entire organization gets involved with the process very early on. One of the other shifts that happen in the fall as we get involved less in the production and more on the actual marketing side, like marketing deciding what's going to be built. We're actually really at the beginning and understanding what problems need to be solved at first. As far as my practice and my skill set, we do get involved with all that discovery phase work but when it comes to actual deliverables, we oftentimes see our deliverables around the actual creation of understanding user interactions. We will take research from our user research in OVOC, which is an acronym for Observational Voice of the Customer and we'll take those learnings and translate them into whatever solution we decide to build as a team. My output is going to look like a user flow, something you build in OmniGraffle or Visio and then it can start there, which is in the physical space and then we'll actually revolve those concepts into wireframes as well. Wireframes that will then be handed off to other team members who specialize and focus on visual design. Basically, it's kind of a very hands on process from the very beginning to the very end. It's essentially just understanding everything from the physical to the digital. CHARLES: When we were working together, at least in your case, it doesn't stop there. You're actually doing a significant amount of the implementation as well. Let's explore how did you actually end up getting to that position where you were working through interactions, wireframes and workflows and then also, getting to actually build the product in the form of a complex single-page application. DREW: Sure. Absolutely. One of the components that I kind of brought here to the team was a bit of a deeper understanding of frontend web development. I'm often pulled into conversations here and there. In the case of the project that we were working on specifically, it was essentially kind of early days on that project. We had a product that was pretty old and need a lot of work and it was basically, need to be rebuilt. We hadn't seen a lot of single-page applications at that time. In my case, I actually had worked on a couple small projects in my previous job and we can get into that in a little bit, where my career path took me. But essentially, it was me trying to kind of pave the way and eventually have that work scale. It was kind of proving that it could be done, showing how it could be done and then getting other developers on board. My role here has oftentimes involved, basically becoming a liaison between our design teams and our development teams. Ultimately in this case like you mentioned, it did wind up in turning into code that ultimately got factored into production code. It was definitely a time where we were experimenting with what role we would play. I will say in full disclosure that more or less which we're trying to move towards, basically making better informed decisions but not playing as much of a role in actual production code writing. It's something that we want to help scale. I think we'll talk about that kind of role and how well it scales hopefully in a little bit here but ultimately, it kind of changed a little bit. I don't do as much code as I used to. CHARLES: Right but nevertheless, the skill is there. Don't sell yourself short. You weren't slapping together a bunch of jQuery plugins. You were standing up, basically a full stack system with a StubDeck background, then Node.JS. This is back in early days where there was a custom-build tooling. You were using CoffeeScript. There was a lot of exploration and clearly, there is a fierce curiosity which you are actually exploring and actively kind of skinning and moving into the development space, which doesn't happen until people achieve a certain level of comfort. Whether or not you're exercising those skills, I think they have served you well in terms of the things that you've been able to build but also acting in that liaison and understanding what's possible and stuff like that. Obviously, once I met you, you were already there. I'm curious in exploring that journey of coming up the design ladder but also coming up the development ladder too. Maybe we can talk about each one separately and then see how they intertwine. Let's start with the design side. How did you get into that? DREW: I can take you way, way back. I love to talk more about this in a little bit but I think we, as a generation, are kind of very unique in that. We were raised in the birth of the internet. Some of us are old enough to remember the early dial up days and I certainly was one of those. I grew up basically obsessed with drawing and art and painting. I was a designer and artist raised by an engineer, essentially. My dad didn't really have a lot of opportunities to explore his creative side to basically make a living. I want to say that although graphic design existed to a certain extent, there wasn't really the same blend of engineering skills required so he decided to take the tack of I'm going to become an engineer so I was raised in a household where he was building everything but he was also a talented artist. As a kid, I basically did a lot of advanced art classes. I'm kind of a nerd, pretty much a huge nerd. I dropped my entire tenure as a high school student. It was also kind of dawn of video games as well so we had computers coming of age. We had video games coming of age so I was raised looking at digital art effectively, 8-bit, super accessible. It's kind of so early on that it was something that I could actually fathom getting into and creating on my own. I never got to creating any games but I will say that by my late high school years, I was using a tool called AOLpress. For anybody who has ever heard of that, congratulations. You're one of the few. CHARLES: I've never heard of that. AOLpress, we're going to have to link to that in the show notes. ELRICK: I've never heard of that either. DREW: It's awesome. It's got a Wikipedia page. It's got hieroglyphs and stuff. They really went all out on this product. It's basically the precursor to the Dreamweaver. It was a very, very WYSIWYG. I'm sure you've heard of Microsoft FrontPage, maybe. It was basically a precursor to FrontPage, I would say. Same thing, those are the days of framesets and all of that. I was a kid in scouting at the time and I wanted to build a web page for the troops so I built one and put it out there. I kind of remember that moment where I was like, "I'm going to write something and put it on the internet and anybody can see it." That whole experience was just super exciting. I know that if anybody's following Kickstarter, there's one that was started called 'What Comes Next Is the Future.' It was made by Matt Braun and Matt Griffin and it really explored the birth of the web. I would recommend it on your listeners to want to really dive deep if you didn't live through it, check it out. It's a great, great film. All the regulars are there as you'd expect. Zeldman on there, talking about it amongst others. But if it were for the web, I don't know that I would be who I am or where I am today, just because it's such a unique platform. It's so open. It's so readily available. There's no barriers. I would say that I was just an arts student in high school that picked up AOLpress and then got addicted to the web. From there, it was kind of off to the races. In fact, I didn't even know that I could make a living as a graphic designer until late high school. I decided that I wanted to go to school for graphic design, went a year at the University of Minnesota-Twin Cities and at that point in time, it was pretty much all print design and then Flash. Flash took over in my second year and at that point in time, it was Flash and framesets and tables. There was no CSS for layout. It's very early days. It sounds like you might know what I'm talking about. Have you been there? ELRICK: Yeah. You know, they say everyone in the world has like a twin and I'm like, "Drew is like my technology twin." DREW: Yeah. When we were raised in that time and we had to hack it with framesets and whatever tool -- FrontPage or AOLpress -- you basically, from very early days, realized that you had to force this stuff to happen. It was not easy. There was no documentation and where there was documentation, you were grateful to have it. I remember when I was, probably just about to graduate and if I look back at my portfolio piece, it was definitely still Flash. It was Timeline-based Flash. I also think that in many ways the way the web evolved was perfect. As a designer, I was very comfortable in the Timeline tool. Before ActionScript 3.0 and before they went on object-oriented on us, it was super accessible. You could add little bits of code here and there and create animations. It kind of got you hooked. Then suddenly, I found myself needing to create full screen Flash applications and needing to actually write code. I actually having to say, "If I want this Flash experience to scale, then I need to calculate where things go. I can't just X-Y coordinate and done," so that's where I jumped off and started getting into CSS. CSS was kind of early days as well. Again, this is before iPhone. This is like people were using CSS but people didn't really think it was that important. It was actually kind of discouraged because everybody in the world was using Internet Explorer and why would you need to know CSS. It was unreliable for different browsers and Internet Explorer was the worst. I remember sitting in a Dreamweaver conference, when it was Macromedia had a conference and they showed a webpage and then they hit the print button and they said, "Does anybody here know how this happened?" because the layout had changed, everything looked better and different. It was perfect for print. I remember my hand shot up because they was like, "Nobody was really familiar yet with that print style sheets?" Incidentally, I don't think that people still are familiar with print style sheets but it was a time when finally people were starting to understand that style sheets were more than just a layout tool. You could change them for all these different form, factors and all these different platforms. It was a fun time to be coming up in this age. CHARLES: It sounds like one, CSS and two, Flash were actually kind of gateway drugs into the development world? DREW: Absolutely. CHARLES: We still have CSS, clearly but do you feel like Flash, despite what some people might think about it, it was a full virtual machine that was running. You could code on it with ActionScript. It's kind of like the JVM but only for running inside the browser. Do you feel like designers might not have that gateway available to them anymore or maybe is the web just as big of a gateway to move into that? DREW: Yeah, for sure. I certainly think, beyond a doubt that had it not been for Flash, we would see a lot less creativity in the space. I say that only because at the time, if we had just gone from tables and tried to slowly evolve things, we'd have a much different feel, I believe. Certainly, it's a gateway drug. We'll be in a different web today without it. Is it still required? Are there any equivalents? I've seen a number of drag and drop web UI on the web tools out there and many of them claim to create production quality code. It's certainly possible to get there without Flash. I think, it's certainly its time has passed but we do see tools like Sketch for instance. These are all very much screen-based design tools that seem to leverage a lot of the same web styles and the web approaches. I think we definitely have the tools there to replace Flash. But I think from my perspective, it would be very interesting to go back and imagine, would we have immersive full screen web experiences without that Flash? CHARLES: Yeah. I remember it being very much a topic of conversation, certainly at the beginning of each project or when you were going to implement a feature is, "Are we going to do this using Flash? Are we trying to do this with native HTML? Are we going to use EGADS or Java applet?" ELRICK: Oh, man. Java applets. CHARLES: That was a conversation that was had before the web eventually went out but I think when it was, everything was very, very static. I do think that Flash definitely set the expectation higher and forced the web to evolve so that it could be the natural choice in those conversations. ELRICK: The time when Flash was around, I called it the 'golden age of user interface' because you can literally build any user experience, any user interface with Flash that you could dream up. There was no limitations creatively in the world of Flash. Nowadays, we're kind of limited without box model but it's getting better year-by-year. DREW: It's interesting to me because before Flash really died out, we had these... Let's put it this way. I feel as though, for a long time the web was a very much like a poster site kind of approach. You would have tools that were pretty rough on the eyes, pretty hard to use and then like for certain films, you have these very high budget, fully immersive Flash experiences. For a blip, that did actually translate at some point into Canvas-based and then Three.JS, like 3D WebGL-based experiences in native HTML but I don't see a whole lot of that anymore. It seems as though, it kind of settled down and in many ways, I would say killing Flash kind of evolved the web from more of a presentational platform to more of a usability first platform. It was a bit of a double-edged sword. You could build anything you want like you said but there wasn't a framework to it. It wasn't really responsive and then certainly, when Steve Jobs decided he wasn't going to Flash an iPhone, that was the end of it. Essentially now, we have -- ELRICK: Steve Job dropped the hammer. CHARLES: That was the memo that was heard around the world, right? DREW: Yeah. CHARLES: I just realized that was like 10 years ago. DREW: Yeah, they're celebrating the anniversary for the last couple of months here. It's been a huge deal. CHARLES: There's probably listeners that never heard that memo but it's definitely worth a read. The memo obviously, that you guys are referring to is when Steve Jobs basically said that Flash would not be on iPhone or iPad, not now, not ever. That was the end of it. DREW: People often forget too that when it was first launched, there was no app store. He basically said point blank, "Anything you need to do on this phone, you should be able to do using the web, using native web coding," and Safari at that point in time is really paving the way to bringing those native APIs into the web. You had geolocation through web. In many ways, that too is a huge gateway drug. Suddenly, you start looking at the web, not as just like, "I could use this as a poster site or as an informational site or a new site. I can actually use this to get things done." They're actually treating this platform as a first-class citizen. That to me was super exciting. I don't know if it gets as much attention anymore in the days of Swift and the App Store but I will say that if your listeners do get a chance to check out the show I mentioned earlier, 'What Comes Next Is the Future,' they even dive deep into just how limiting the app store experience can be. At least with the web, you can create whatever you want to create and people seemed to go that you URL and install on their home screen. This is a feature that nobody uses from what I've seen but if you bookmark a web app on your home screen, you can have an icon, you can have a loading screen, you can have all this stuff and nobody really uses it for whatever reason. CHARLES: I think it's the install, it's getting the knowledge about the fact that you can do that. It's not widely disseminated. ELRICK: Yeah, I think its capabilities starting to come up now with people making progressive web apps. They're starting to utilize that being able to put icons on people screens and loading screen and splash and etcetera. CHARLES: Flash really was kind of the gateway into the development world. I'm curious what opportunities do you feel opened up as you started taking on more web technologies, more JavaScript, more CSS and mixing that with the design that you were doing? What unique skills/superpowers do you think that gave you, that made you, that helped you at that stage in your career? DREW: Yeah, for better or worse, it really was the opportunity to get a job first of all. I know that the job market has been in all sorts of flux in the last couple of decades but I would say 12 years ago, in 2005 when I was entering the workforce, graphic design was not necessarily a hot field. I can say with relative certainty that the majority of the people I graduate with, didn't necessarily make their way into graphic design as a profession. I would say probably maybe 30% to 40% actually wound up following their degrees. For the obvious reason at that time, we were starting to see digital replace print. It meant that I was able to get a job for one. It wasn't a dream job necessarily but I was basically a one-stop-shop. I was designing and developing websites as working for a company but in many ways, shapes and forms, I was kind of freelancing as things were. I had a very direct relationship with the clients that I worked with. It was basically churning out websites. If I recall correctly at the time the company wanted to essentially create a Domino's Pizza of the web where we could use CSS to essentially build the actual HTML once and then restyle it. This is actually was a time when a site called CSS Beauty was just coming of age, I think the site still exists but back then, if you want the CSS Beauty, it's big thing was you have one website and people could upload their own CSS and completely change the layout, completely change the look. CHARLES: Are you talking about CSS Zen Garden? DREW: Maybe that was it. There's two of them. CHARLES: I remember that one. DREW: CSS Zen Garden was one of them and I think CSS beauty was a clone maybe of Zen Garden for sure. Maybe you're right, Zen Garden was the one where you actually had a website and Beauty was just showcasing certain CSS sites. I think you're right. Zen Garden was the one. When they saw that, they're like, "Wow, business opportunity. We can build a whole site." We were using something called 'Cold Fusion' and... Oh, it will escape me now. I think it was called 'Contribute.' There's a product called 'Contribute' that Macromedia come up with that worked on Cold Fusion. It was basically a WordPress. You basically set up editable regions, you basically code the site once in that regard in the backend coding and then just rework CSS to create multiple sites. Actually, the opportunity to open up for me, that job was very squarely-focused around the benefits of leveraging CSS. Eventually, that grew tiring. I kind of wanted to get into the actual marketing and advertising space. From there, I started to just jump to the next job. I worked for a very, very small marketing agency. It was called 'Vetta-Zelo' at that time and we focused on lots more Flash, a little bit of CSS websites but mostly Flash Experiences and they actually used Flash in a lot of kiosks and physical spaces. I started to jump into that, understanding PHP, understanding databases because we would do things like we would install Flash Experience on little portable tablets that would then sync up survey responses to a web URL that it would then dump it into a database. About that time, I was always trying to teach myself how to get really deep into the backend of the stack. CHARLES: That was just to make sure that these Flash sites that you're developing would be scalable and more robust? Was that the natural next layer to dig down? DREW: Absolutely. At the end of the day, we wanted to have immersive Flash experiences and we wanted to have the content easy to update. I would build these really crude backend with text areas and they would update a database and then the Flash Experience would pull that in as content. In that way, we didn't have to go in and re-publish the Flash every time, essentially. It was a much more streamlined process. I think we even gave some of our clients the keys, gave them a login and password and they could change certain things. There's an outfit around here called 'Crave.' They are a restaurant in town and we built the website for them -- one of the earlier websites. When you have to do things like update times and menus and things like that, it became pretty essential to having some sort of a CMS behind it. It was all based on necessity, in other words. What you said is absolutely true. We had to evolve what we learned and I had to push what I did to lever on different needs. Throughout my career, I've been the guy who does web and design. One of the things about that is it's kind of a lonely place to be and find yourself in creative agencies, where the majority of skill sets are not in development and trying to explain what's going on or make commitments on timelines and deliver on them. Whenever a bug shows up, it's never really fully understood. It's also a challenge to manage expectations, certainly as a young professional at that point. CHARLES: Yeah, I would say, what would be some advice you would give to somebody who is straddling these roles at that early career stage where they're maybe working for creative agency and fulfilling these two roles but most of their surroundings is towards the design end. DREW: Yeah, I would say for the most part, just be upfront. If there's anything that's unknown, be upfront about it and explain. If you are early in your development career as a designer, do your homework before you committing any commitment certainly. I think it's always better to be upfront about these things than to try to over-promise and then scramble at the end. I will say that a lot of my career has been marked with the term code 'code cowboy' as a designer and teaching myself to code. It was a disparaging term, I guess. I didn't really necessarily take it that way but I think other developers are trying to use it in that way. CHARLES: [Singing to the tune of Mammas Don't Let Your Babies Grow Up to Be Cowboys] Cowboys ain't easy to love and they're harder to hold... ELRICK: It's so true. DREW: You know, I'm not even embarrassed to say it because the truth of the matter is when you're a designer, you're used to just making a mess before you kind of landed on what you're done and what's right. The entire creative process is messy. I think it's inherent. If you're one of these designers turned devs and you basically just hack it until it comes together, that's kind of a natural flow from the creative process. Certainly, as you get more experienced, you want to reduce all that uncertainty and potential for error so you do learn to hone your craft, to use version control, to embrace a framework or embrace some model-view controller approach but none of that really existed in the early days of the web. I kind of came up in a time when you had to hack it. CHARLES: Well, there's a lot of learning that can happen when you're hacking and building things that are kind of ad hoc. As you go, you get to perceive firsthand the problems with them. Without perceiving those problems first, it's hard to really understand the solutions that the internet has come up with to deal with those complexities. DREW: I would say I was like a solo designer developer throughout the early years, because at 2010, I found my people in a local agency called 'Clockwork' and for the first time, I wasn't the only developer on staff. There was a whole team of developers. In fact, the shop was started as a development shop and they were making headway into the creative space and eventually, becoming full digital partners. But had it not been for my opportunities at Clockwork, I wouldn't have picked up my skill set as a backend coder. From the very beginning at Clockwork, they expected you to get your hands dirty and code and get your hands dirty in the terminal, honestly. Command line was required even in our design work. CHARLES: And this is all designers needed to be familiar with the terminal tools --? DREW: Correct. CHARLES: -- Basic coding? DREW: Yeah. Essentially, all of our work, whether it was creative or whether it was documents, were all managed in Subversion. As a part of onboarding, you basically learned how to use Subversion. There were some GUI tools for it but for the most part, it wasn't that steep of a learning curve. It was pretty easy to follow instructions and that was the second gateway drug, I would say. My first gateway drug, again was kind of coming up in the age of the web and getting into CSS and Flash. The second gateway drug was basically being required to learn command line and learning how to navigate a computer without a display. Had not been for that, I don't think my career would have taken the turns that it did. I basically got more into the IoT space. I had set up a home NAS server with Drobo FS, is what it was called at the time and it was just a really basic machine but by jumping into that, I could start to play around with UNIX and tools there. I started using home automation, playing with that and at some point in time, I made the jump from just web into the role that I play here at Honeywell, which is Internet of Things. We do a lot of Internet of Things. In fact, our latest tagline is 'the Power of Connected' so we've embraced it all the way down to our wood mark. It's becoming the new normal for most products so it's a good time to be at the center of all these different areas of expertise, to be in development, to be in IoT and to be in design. That's my path. That's my journey. I would kind of pick it up at a bunch of fortunate circumstances, honestly. ELRICK: Having these two skill sets: your design skills and your development skills, what do you believe that that gives you in terms of an advantage? Having these two skills set and being able to leverage these two? DREW: From my perspective, having both skill sets allows me to understand. I think the biggest challenge when working with large teams, particularly in this space or in any space is to really have a common level of understanding, stepping aside from a functional role and becoming more of a liaison between design development and to be honest with you, as we look beyond that, I took a three or four or five month course in business administration, actually. It was just a night class but I wanted to be able to speak to those needs as well. I think it really is becoming a translator. Serving as a translator between those items and then also being able to understand where the actual boundaries lie, there are a lot of very talented engineers and talented designers and sometimes opportunities are missed because, either timelines are pushing engineers to cut certain functionalities or certain features and there's a lot of pressure. Where we can lend a hand, where we can point to possible alternatives, I think that's where we really build cutting edge products. When we really know each domain, we can push those boundaries. That's where I'd enjoy bringing my skill set to the table. CHARLES: Yeah. I can second that. Having actually worked with you, I think one of the greatest things was the one just with the interactions that you were coming up with, were just really spot on. It wasn't ad hoc. It wasn't some -- ELRICK: Helter-skelter? CHARLES: Yeah, it wasn't helter-skelter. It wasn't some developer coming up with like, "Hey, this is what this looks like," Or, "This is some designer putting up pie in the sky stuff." It was, "I understand what's possible and I'm going to use that to design the best thing that can be possible." It made the designs very pleasant and some of them were just really fun, I think. Thinking especially like that, the hierarchical tree selector was one -- ELRICK: Yeah, that was fun. CHARLES: -- Which the implementation of that was just a joy. But then the second thing is being able to speak with you on the development challenges and really know that you understood that language. It really is being bilingual, I guess in the sense that I'm talking to you in French and you're talking to product owners in German or whatever. But because you're bilingual, the flow of information is as frictionless as possible. DREW: I will say that it was a real pleasure from our end working with your team as well because one of the trends in many businesses throughout the world today is embracing a lean and agile approach to product design development. One of the growth opportunities, I would say in any business is fully understanding how that process works, having the courage to be upfront about what can be accomplished in the time available. I think one of the other things is fully understanding those three pegs of the stool. There's always the budget, the time and then the features of any projects. I think that working with a team that understands that really changes the dynamic. I will say that it was equally a pleasure for us to work with your team because there was just a level of courage in being very forthright and very upfront about what do we need to get the job done? What has to happen? You made my job as a translator, essentially. CHARLES: We aim to please. ELRICK: Absolutely. DREW: Absolutely. The latest evolution of kind of where my career has taken us in the company is embracing the hardware element. We've talked a bit about the web and then how that evolved and then having to get comfortable of the command line and where that took place. I've always wanted to build. I've loved designing but I always want to build it and I want to put it out there. In the last six months actually, I finally decided that I would pull the Band-Aid off and jump into soldering hardware, writing what code I could and building actual physical hardware prototypes. I think the next step for anybody who likes to follow this maker trajectory, for a creative looking to become a maker or a developer looking to get into creative is just not stopping. There's always something there and we're also fortunate to live in a time when I can go on at Adafruit, pick up a kit of parts for under $100 and build something that's completely new. Then by the way, they have a full-on tutorial that takes you through every step of the process and gives you bits of code to get started so what's your excuse at that point? If you've got $100, then you can throw and toss into a hobby, pick up a soldering iron and go to town because there are videos, there's the documentation. Documentation is just everywhere now, where it was never there before. I think the next step for us is seeing how can we very early on show real physical world products to end users and get feedback. How we're taking design now is beyond the digital and into the physical. CHARLES: That's fascinating. I feel like there's this pendulum that swings through the tech industry of things moving from hardware to software and back again. We're in the middle of the swing towards the outside or towards the hardware again, like the distributed hardware versus the dumb terminals. It's distributed across a bunch of devices rather than concentrated on one super-powered desktop computer. The pendulum is going to swing in it but it's just always fascinated to see what the actual arc that it takes is going to be. This has been a fascinating conversation and the reason I wanted to have it and we were actually talking about this before the show started officially, why this topic of 'devsigner?' I think that it's a role that is emerging. I think it's still in the early days. I think that I went from three years ago having never really met this type of person to having met and worked with you. Now, I would say having met and worked with three people here at Frontside who fulfill that role and now knowing a couple professed devsigner or people who operate clearly in the design and the developer space on Twitter. I feel like it's this emerging career track that might not be fully understood or defined right now but clearly, there's something there so we wanted to explore that. I'm curious if we might be able to open up the discussion a little bit on what is the future of this role? What tasks will it be set to accomplish? When you're assembling your team, you say, "Get me one of those because we're going to need that." How is that going to be further refined and designed so that it scales as, perhaps an official career in one, two, five, 10 or 20 years? DREW: I can only speak to my experience in this area and I can say that for the most part, it is a very unique skill set and sometimes, it's hard to come but like you said, you're working now with three people. I think it's growing in prevalence. I believe that where coding was less common in the past, it's becoming so much more common now that it's almost like an expectation just like typing. It is an expectation now. People expect you know how to type. It's not a surprise that we're going to see more and more of these individuals. I would say that any design team out there could almost invariably benefit from having somebody with this skill set, somebody who can translate design concept into a working prototype. I've seen it manifest as a prototyping role, more or less just so that we can have a tangible deliverable for developers. I think it does depend on the team, certainly. If you have small teams with talented frontend developers, then certainly you can work in a lean and agile environment and make very quick iterative change. If you have very large design teams and very large development teams, I would say that having a frontend developer with the skill set in a creative team allows that communication to happen without routine phone calls and lots of meetings, essentially. It's a crystal clear example. I've see it manifest as a prototyping role because the expectation is this code will end up in production but some of the code may. The layout code may end up in production but the functional bits may not. That's not to say that the functionality isn't a part of the experience and that, designers don't care about how well an experience performs. But typically where many designers see the disconnect is in the presentation layer. Having somebody who can carry that over is usually something that is far smaller team can handle. Does that align with your experiences? CHARLES: Yeah, that makes a lot of sense and I would say that the compliment from having this person on your development team, if you're in mainline development mode or maybe you are a small team, even if it's a production system but you don't have full time design resources, this person can slice and dice the features and understand the hierarchy of interactions and being able to put together some wireframe, some very concrete goals and set those goals for the rest of the development team. But yet also understand what goals are achievable in the iteration. I think it works from the flipside as well. Maybe what we're seeing is the agile of the [inaudible] of everything. What we've seen over the past 15 years or 20 years, what has been the arc of my career is just seeing these feedback loops in every element of product development getting smaller and smaller and smaller. On the development side, we recognize this as being able to feedback loops and verification. Having your tests, you don't actually have to deploy your system to be able to get feedback about whether it works or have it be fully assembled to get feedback about whether it works. But then that manifests in terms of continuous integration and deployment. You're bringing down the feedback loop of getting this out in front of people versus these long deployment cycles that maybe you really have a release every year. It was hard to believe but that was the norm when I started. It was yearly, maybe even once every 18 months. It was not uncommon at all to have released cycles like that. Certainly, three months was very, very short but then those tight feedback loops can also manifest itself, internally in terms of team communication and I think having people who can make those feedback loops between the product and between the implementation, every time you shorten that feedback loop, you're unlocking an exponential amount of time. DREW: Yeah, I think you kind of hit the nail on the head when you talk about setting scope and understanding things as well. Strictly speaking from agile terminology, having a product or a role that can bridge those gaps is critical. I think that the best product owners that I've worked with have understood, have had an appreciation for design but also have had some degree of a development backend as well so they know how to make those critical decisions. In any sort of iterative or agile environment, you have to dice up these features and figure out which ones are going to ship when they're going to ship. I think, yeah you hit it right out of the park with that. Whether or not you can ever have a full-on team of just prototypers, I'm not as convinced that that's necessarily scalable. It seems like there's certainly a role for teams of developer that will break down features and then there's teams of creative as well. CHARLES: I think in terms of the person who would lead that team, this role definitely seems very well fit. DREW: Exactly. CHARLES: I think it's a great opportunity for someone who's looking for a leadership position in terms of developing and seeing products to market, which is kind of similar to what you're finding yourself in today or where you're headed towards, it sounds like. DREW: Yeah, for the most part. It seems like I do find myself in a number of calls in kind of bridging those gaps. It's certainly a different dynamic in the agile environment when work with hardware. That's something that I think we're still exploring and still understanding. Certainly, there are companies that do agile with hardware but there's a whole slew of different challenges. You're not just deploying anymore. You're actually building manufacturing understanding what needs to ship with what. I think the next evolution of our company's growth into this space is how do iteratively produce hardware. ELRICK: Interesting. CHARLES: You got to keep me posted. The next time we have you on the podcast, you're going to have it all figured out, you're going to be presenting your thesis, it's a conference talk upcoming, agile hardware. ELRICK: Yeah, that would be pretty interesting. DREW: Yeah, I'll let you know. CHARLES: In the first iteration, you just throw a bunch of boiling solder on the breadboard and see what works. "Okay, now, that didn't work." DREW: I'll be honest with you. The 3D printing is making lots of possibilities open up in that space but ultimately, you got to ship. We use 3D printing and now we are using these low-cost computers to really prototype real world experiences and near-to-final industrial design. We can do that. CHARLES: Drew, this sounds like you have the coolest job. ELRICK: I know, it sounds awesome. DREW: It become even more exciting than I had initially intended. It's fun times. I think, again we're living in a time when we can 3D print stuff and have it done within a couple of hours. What better time to embrace these technologies and this creative spirit. It's kind of all around us. Honestly, it's just being fortunate. CHARLES: Yeah. Fantastic. This has been a great conversation. Thank you so much, Drew for coming on. DREW: My pleasure. Thanks for having me, guys. CHARLES: It's an amazing place. It sounds like even more fun since we got to work with you. If anybody is out there and they're in the design space and they think that, "Oh, maybe I can't do development," or it's too hard. It's not. There's a lot of people out there who are doing it and experiencing lots of good benefits. I would say that the other thing is if you're a developer, you should think about looking into the design space, something that you might be interested in. I think it's probably less common that the vectors people move from development into design and not vice versa but there's nothing that says that it can't go that way. Mostly, it's because people just aren't doing and they think that that option is not available to them but clearly, it is and clearly, it's a valuable role. I think this role is going to only get more valuable in the future. DREW: I would second that thought and that notion. I give a quick shout out to Erin O'Neal. She's a former colleague of mine who's given a number of talks about that very topic -- backend developers caring about user experience, caring about the design. She's given some talks. You could probably find her on YouTube. Anybody who wants to talk about it, I'm all over the web as DrewCovi. I think I pretty much have that user name in every platform so if you Google me, you'll find me. CHARLES: We'll look for you. Obviously, you can find us at @TheFrontside on Twitter, TheFrontside on GitHub and feel free to drop us a line at Contact@Frontside.io. Thank you for listening everybody and we'll see you next week.

Join Tammy Coron and Tim Mitra on Episode 86, which was recorded on May 24, 2017. On this episode they talk with Cian Walsh. Cian is a Product Designer and UX Consultant. If you ever used OmniFocus or OmniGraffle, you’ve seen one of his icon designs. These days Cian is putting his design talents into his own startup: Marine User Experience, where he’s trying to make our daily devices more sea-friendly. If you like listening to Roundabout: Creative Chaos, and you want to know how you can help support the show, please visit our Patreon page at patreon.com/justwritecode. Don't forget to stick around for the after show!

Vilka verktyg använder en webbutvecklare? Kristoffer och Camilo pratar om vilka verktyg de använder inom sina respektive discipliner. Vad skall man använda för att koda, prototypa, wireframea (och så vidare) som ett proffs? På slutet halkar de dessutom in i något de bestämt sig för att inte göra, men styr snabbt upp det. Glöm inte att maila önskemål, beröm, frågor eller klagomål till oss på podden@24hr.se Vim Your brain on Vim Adobes WYSIWYG som vi inte kom på namnet på är: Fireworks Medium (Bloggen som inte vill vara blogg) Exposure (Medium för bilder) Artikeln om WebFlow Grid.io InVision (OBS visioN, inte Visio) Tmux Sublime Emacs Grunt Gulp Lint PHP Eclipse Vad är en IDE? DotNetNUKE Visual Studio Brackets från Adobe GitHubs Sublimeliknande editor ATOM IntelliJ RequireJS WebPack Dave Malouf pratar story telling OmniGraffle

This week we discuss our impressions of Google I/O 2015 in contrast to next week's WWDC 2015. We discuss Tim Cook's criticism of Google & Facebook's potential misuse of people's privacy. We discuss the importance of focus in the light of Brent Simmons withdrawal from Q Branch. Even more important the need for developers to focus on the new products and frameworks introduced at WWDC. Picks: Google Photos for iOS and Re:quest improved audio Episode 42 Show Notes: developers.google.com/ios Apple’s Tim Cook Delivers Blistering Speech On Encryption, Privacy Write a poem for free tweet Brent Simmons resigns from Q Branch Net News Wire Vesper Black Pixel OmniGraffle 6 Omnifocus 2 MarsEdit John Gruber Dave Wiskus Georgia Dow - Fear is the Killer WatchKit By Tutorials iOS Animations By Tutorials Lighthouse Labs photos.google.com Photos for OS X Dropbox Magpie Pinpoint MartianCraft Rob Rhyne Episode 42 Picks: Google Photos For iOS Re:Quest  

Welcome to Christinapedia™. You may experience feelings of shock and awe at the extensive amount of information that will be flying at your brain. ALSO: learn about the common signs of being overtired: Stress overload, waking dreams, and obsession with Sam Rockwell. Brought to you by OmniGroup: All the of their iOS apps (OmniPlan, OmniGraffle, OmniOutliner, OmniFocus) are going universal for iPhone and iPad. New to Omni? All of their apps have a 30-day guarantee, so try them out and de-stress your work life. Show Notes and Links The E Street band Sam Rockwell Confessions of a Dangerous Mind (2002) - IMDb The Way Way Back Christian Heilmann http://www.imdb.com/name/nm0005377/?ref=ttov_st#actor Internet Explorer is Dead – RIP IE I Think We're Alone Now = Tommy James & The Shondells version community Out of Sight (1998) - IMDb Dinner at Tiffani's (TV Series 2015– ) - IMDb From Dusk Till Dawn (1996) - IMDb Scrubs (TV Series 2001–2010) - IMDb

The first part of a podcast in which I talk to Bob who lives in Japan. We talk about various software. He likes to use OmniGraffle to make flash cards for the Japanese children to learn English. We also chat about art apps for the Mac and iOS. Bob mentions Manga Studio application and I talk about what is going to happen with Aperture when the new Photos app arrives early in 2015.

Mit unserem Gast, dem CEO von IdeasOnCanvas, sprechen wir ausführlich über MindNode und Mind Mapping an sich. Abschließend gibt es die jetzt schon legendäre Omelette-Challenge bei der ihr abstimmen müsst, um so ein für alle Mal Weltfrieden an Bord zu stiften und den absoluten Eiermonarch zu küren. Lieber Fluggast, wenn dir das Gehörte gefällt oder dir Sorgenfalten auf die edle Stirn fabriziert, dann haben wir etwas für dich: iTunes Bewertungen. Die heutige Episode von Der Übercast wird exklusive unterstützt von: LearnOmniFocus.com – LearnOmniFocus.com bietet ausführliche Artikel, Video-Tutorials und auch live Web-Learning Sessions für OmniFocus 2 auf Mac und iOS. Benutzt den Code “DERUBERCAST” um 20% Rabatt zu bekommen. Legende In Gedenken an die mit Ermüdungserscheinungen einhergehende Keynote werden heute all Anwesenden mit Codenamen begrüßt. Link zum Bild: Codenamen inkl. Svens entgeistertem Blick auf das zeitlerische Saftschubsen T-Shirt Sven ist der “Gehirnstürmer” (aka Brainstorming Tornado), Andreas ist “Supportknotenpunkt” und unser Gast Markus ist “BOB” oder “Bobcat”, was wohl firmenintern für ‘bunte Oberblüte’ steht. Patrick betitelt sich inoffiziell als Falkenhorst, damit er “Falkenhorst an Biberdamm” funken kann, um den Übercast zu erreichen immer wenn es mal brennt. Wie ihr aus der Mindmap oben entnehmen könnt, ist unser Gast, welcher mit vollem Namen Markus Müller-Simhofer heißt und auf Twitter als @fafner ist, der CEO von IdeasOnCanvas. Also die Firma, die MindNode für den Mac und iOS auf den Markt geworfen haben für all die Mind Mapping Puristen unter euch. Tja, und genau das ist auch das Thema heute: “Einfach mind-mappen”. Überbleibsel Bevor es losgeht, gibt’s erst einmal eine kleine Armada an Links zum durchstöbern. State of Presentations: New Tools for New Communication Needs Nancy Duarte — wir hatten zwei Bücher im Rahmen von #UC011 von ihr empfohlen — hat auf LinkedIn eine gute Übersicht von verschiedenen Präsentationstools und ihren Vor- und Nachteilen. Sehr gute Ergänzung zu unserem Präsentationsflug zum selben Thema. Präsentations-SkillShare-Kurs von Simon Sinek Ebenfalls eine Ergänzung zu #UC011 und dem Thema “Besser präsentieren”: Ein Meister des Fachs “Story Telling”, Simon Sinek, teilt seine Weisheiten in einem kostenfreien SkillShare-Kurses. Überschallneuigkeiten Unser Lieblings-Feature in iOS 8 — Teil 2 Andreas findet gut, dass man iCloud Tabs von anderen Geräten aus schliessen kann. Sven, der ja immer die Fachbegriffe raushaut benennt dieses Feature mit “Remote Browsertab Closing (RBC)”. Anknüpfend an RBC ist Patricks Feature der Wahl heute das private browsing, welches nun die momentan offenen Tabs unangetastet lässt und auch die Privaten Tabs speichert. So hat man die Möglichkeit quasi zwei parallele Sessions im mobilen Safari anzulegen (was so ein bisschen vergleichbar ist mit zwei Safarifenstern auf dem Mac). Warum Patrick jetzt ausgerechnet dieses Feature so toll findet bleibt dahingestellt. Mentaler Zeigerfinger aus dem Bildschirm raus: Fest steht, es ist nur so schmutzig wie ihr es euch denkt. Sven mag das “Letzte Kontakte und Favoriten” Feature im Fast App Switcher. Für ihn macht es einige der Launch Center Pro Funktionen überflüssig. Den Landscape Modus beim neuen iPhone findet Markus als passionierter Landscapenutzer mal so richtig gut. Er schätzt sehr, dass der Übergang zu Apps die den Modus nutzen nun endlich flüssig daherkommt. Alien Blue = die neue offizielle Reddit App Jase Morrissey entwickelt jetzt für Reddit. (Quelle: blog.reddit – what’s new on reddit: The Alien Has Landed) Wer eher im deutschsprachigen Raum bleiben möchte und den eigenen Lokalpatriotismus vorantreiben möchte, dem sei noch Biscuit ans Herz gelegt. Das gute Stück ist zusammengeschustert worden vom Österreicher Matthias Tretter (@myell0w), welcher nun bei IdeasOnCanvas an MindNode schraubt. Apple-SIM Quelle: Apple - iPad Air 2 - Wireless US/GB only iPad only Eine SIM-Karte die es ermöglicht zwischen (zurzeit drei) verschiedenen Mobilfunkanbietern zu wechseln und optional Datenflats zubuchen/abzubestellen. Scanbot 3 Eine unserer Lieblingsapps aus “Origami Für Aussteiger” kommt nun mit iCloud Drive Unterstützung daher. Leider funktioniert das Umbenennen mit den Tokens immer noch nicht richtig. Kurze Keynote Kommentare Link zum Bild: Autokorrektur Fail… der im übrigen aus dem verfügbaren Stream entfernt wurde. Markus bringt es auf den Punkt, denn Apple hat wie auch schon bei der letzten iPad-Keynote sich eher darauf beschränkt altbekannte Fakten noch einmal aufzuwärmen. So kam es, dass zwar neue Geräte vorgestellt wurden, aber ein großer Teil der Zeit halt einfach für das aufwärmen von altem Käse verwendet wurde. Da muss man durch als Apfelfreund… außer man heißt Andreas und spart sich das Anschauen der Keynote aus Prinzip. Hier die Zusammenfassung in Kurzform: Neu ist Touch ID auf dem iPad, Retina iMacs und ein Mac Mini Update. iPad 40% schnellerer A8X Chip Display-Spiegelung -50% iPad 3 mini = immer noch A7X-Prozessor + 5 MP iSight-Kamera iMac (ab 2599€) 5K-Auflösung (5120×2880 px) 7x größer als Full-HD 67% mehr Pixel als 4K Displays Mac Mini (ab 519€) iWork-Update MindNode Um 2008 fand sich Markus auf der Suche nach einer soliden Anwendung für’s Mind Mindmapping, da er gerade eine Blockade hatte bei einer anderen App an der er geschraubt hat und dringend mal neuen Fokus mittels einer Mindmap reinbringen wollte. Da es nichts gescheites gab, schrieb er sich die App selbst und genau daraus ist dann auch MindNode erwachsen. Mehr Details zum Werdegang gibt’s in der Show (Timecode 00:24:00). Simplicity is bliss Ein wichtiger Punkt für Markus in der Entwicklung war definitiv, dass die App Intuitiv zu bedienen ist und die Basics die man braucht direkt erreichbar. Quasi wie auf einem leeren Blatt Papier, soll man in MindNode direkt einsteigen können und den ersten Knotenpunkt setzten (hence: IdeasOnCanvas). Dabei wurde bewusst auf eine Horde an Features verzichten, um den Nutzer nicht zu überfordern oder ihn vor zu viel Auswahlmöglichkeiten zu stellen. Genau mit diesem Purismus hat er Patrick dann auch letztendlich abgeholt. Denn der hat als Alles-Ausprobierer fast jegliche Anwendung auf dem Mac-Markt mal ausprobiert – auch wenn sein Kopf eher mit Listen funktioniert. Patrick’s Werdegang mit den Apps beziehungsweise jene Apps welche ihm am besten gefallen haben: ConceptDraw: MINDMAP 4 war in 2007 Patrick’s Favorit. Die Ergebnisse sahen einfach schick aus. Allerdings musste er die Trial immer sehr umständlich resetten, da die App schon damals über $200 gekostet hat. Darauf hatter dann ein Jahr später keine Lust mehr. NovaMind.com war dann in 2009 ein weitaus erschwinglicherer Kandidat. Es folgten Exkurse über MindMeister, der aber dann auch zu teuer war, hin zu OmniGraffle, welches bis heute bei Patrick zu den Apps mit komplexen UI’s zählt. Ende 2012 war es dann soweit und Apple hatte endlich das Retina iPad vorgestellt. Darauf hatte Patrick schon seit den ersten Gerüchten 2010 um ein Retina iPhone gewartet. Der neue Goldstandard war also, die Mind Map muss auf dem Mac und dem iPad erstellt werden können. Patrick hat sich das Retina iPad allerdings erst kurz vor dem Release des nächsten iPad’s leisten können – soll heißen: iThoughts war die App die er sehr schätzte. Es folgte dann die Mac app. Das Ziel, MindNode, hat Patrick erst spät erreicht, aber nun ist er zufrieden aus genau dem Grund der in der Show mit am häufigsten gefallen ist. Man setzt sich ran, wird nicht abgelenkt, legt los, wird fertig und das Endergebnis sieht gut aus. Andreas ist so gut wie von Anfang mit dabei und auf den MindNode Zug sozusagen mittels eines Enterhakens aufgesprungen. Er hat die App “in irgendeinem Entwicklerforum” entdeckt und es sich seitdem zur Lebensaufgabe gemacht Markus mit Featuresrequests wie z.B. einer Kommentarfunktion zu nerven. Man könnte nun mutmaßen, dass es diesem irgendwann zu bunt wurde und er Andreas mit ins Team genommen hat, damit er als Chef wieder das sagen hat und nicht König Kunde (aka Andreas). Aber solch gewagte Thesen bleiben der Redaktion vorbehalten und deshalb wird so etwas niveauloses auch nicht in den Show Notes erwähnt. Sven lenkt die Diskussion in Richtung Mac App Store und Markus zeigt sich als ein Freund von Apples Online-Laden (Timecode 00:33:40). Danach gibt’s noch kurze Einblicke inwieweit man vom Einzelentwickler hin zum Arbeitgeber für 10 Leute kommt. Strukturieren, Synchroniseren, Kritisieren Sven nutzt MindNode als “Jump off point” für größere Projekte (Timecode 00:38:00). Sobald dann alles vor ihm auf der Ideenleinwand ist, zieht er um – z.B. nach OmniOutliner – und verfeinert weiter. Aussicht wolkig mit Chancen auf Sync Das Synchronisieren stellt Sven allerdings vor Probleme, denn als moderner Pilot hätte er am liebsten schreibt er seine Maps zwar am MacBook, hätte sie natürlich aber auch immer gerne auf dem iPad dabei und dazu noch vorzugsweise in der Dropbox. Markus nimmt dazu Stellung erzählt von den Problemen, die man als Entwickler hat, wenn man sich zwischen einer selbstgeschneiderten Synclösung, iCloud, Dropbox und Co. entscheiden muss. Apple’s iCloud funktioniert prinzipiell, aber dazu muss der Nutzer halt auch gewillt sein, sich ganz mit Körper und Geist der iCloud hinzugeben. Letzten Endes lobt er den neusten Clou von Apple. Die Documents-Provider Schnittstelle sieht er als spannende und durchaus gute Lösung an, um mittels Apps wie Transmit eine Datei zu öffnen, diese weiterzubearbeiten und danach wieder automatisch bei dem Provider seiner Wahl zu speichern. Zeitgleich ist diese Lösung aber noch nicht wirklich kugelsicher und spielt nach Markus bei Apple eher die zweite Geige, da die eigene Cloud natürlich mehr gepusht wird. Bis MindNode Documents-Provider unterstützt wird es deshalb wohl noch 2-3 App-Store-Monate dauern, dann ist dieses Feature für die User nutzbar und wird umgehend an den Mann gebracht. Zum Thema Sync gibt’s für Leute, die wie Patrick ihre Mind Maps in einem Ordner in der Dropbox lagern, jetzt noch einem Tipp von ihm: Setzt einen SymLink von /Users/UBERCAST-HÖRER/Library/Mobile Documents/EUER-MINDNODE-ORDNER/Documents nach Dropboxhausen. Es klingt zwar ein wenig wie ein Fest für Gefahrensucher, hat aber bei ihm ganz blendend funktioniert… bis er auf iCloud Drive upgedatet hat. Kollaboration erwünscht Eine spannende kleine Diskussion entsteht um MyMindNode. Dieser Service erlaubt es iOS-Nutzern eine read-only Version der Mindmap von iOS aus ins Web zu stellen. Markus würde gerne in Zukunft irgendwann mal eine editierbare Version davon mittels CloudKit anbieten, ob Apple das jedoch je unterstützen gilt es auf’s geduldigste abzuwarten. Für Sven den Bürotiger wäre so eine Kollaborationsmöglichkeit natürlich auch ein kleiner feuchtfröhlicher Traum. Sven der Pilot wäre ebenso davon angetan. Dazu gibt’s auch einen thematisch passenden Link für Entwickler. Ashton ist ein Open-Source Project von IdeasOnCanvas, welches für einen einfacheren Austausch von Entwicklerkram sorgen soll. [Asthon] Converts NSAttributedStrings between AppKit, CoreText, UIKit and HTML. Hilfestellung und Anwendungsbeispiele MindNode YouTube Videos Dashkards Keyboard Shortcuts für MindNode Pro auf dem Mac: MindNode Pro Keyboard Shortcuts User Guides samt Shortcuts gibt’s natürlich auch in der App-Hilfe oder der offiziellen IdeasOnCanvas Support Seite Ebenfalls dort zu finden sind die MindNode Shortcuts für externe Keyboards unter iOS. Sven fragt, was Patrick so Mind mappt’. Anbei deshalb ein, zwei Beispiele die nicht den vertikalen Rahmen der Show Notes sprengen: Link zum Bild: Webseite Link zum Bild: Heimnetzwerk Wozu Patrick es noch nutzt: Grundsätzlich jedes neue Launch Center Pro oder Drafts Setup wird in einer Mind Map geplant und festgehalten. Ebenso Automatisierungsabläufe oder -ziele, wie dieses Setup für’s abspeichern interessanter RSS Artikel in Listen. Signalflüsse fürs Mischpult, Ordnung machen auf Pinterest und Punkte für bzw. Gegen den Kauf eines iPhone 6 Plus Andreas hingegen sammelt wohl gerne Bugs in einer speziellen Mind Map… … … … …. Mr. MindNode himself benutzt Mind Maps für die unterschiedlichsten Dinge, zum Beispiel Listen für’s Packen, ob das nun für den Urlaub oder für’s Babyschwimmen des frischgebackenen Vaters ist, dass ist ganz egal… hauptsache MindNode. Richtig so sagen wir. Sven nimmt natürlich direkt nach der Mind Map den Weg zu OmniOutliner auf sich: [Mac] MindNode > OmniOutliner > OmniFocus Der Export von MindNode zu Markdown ist zu Svens Verwunderung bereits in der iOS vorhanden… GENAU DAS vermisst er natürlich noch bei der Mac Version. Plain text Jünger Patrick nickt da natürlich auch ganz eifrig mit dem Kopf. EXKURS: Ein paar Links für Fließ-Diagramme Scapple OmniGraffle Grafio Abschließend wünscht sich Sven noch ganz laut ein offizielles neues, schönes Icon (wie es schon die iOS Version von MindNode Touch ziert) für seinen Mac. Andreas verweist da knallhart drauf, dass er sich gefälligst eins aus dem Internet laden kann und dann im Finder bei MindNode per ⌘+I dieses einfügt. Patrick, seines Zeichens großer Fan des iOS Icons, probiert Trick 17 und kündigt freimundig an, das Übercast-Hörer wohl ein offizielles Icon in den Show Notes (also hier) finden werden. … Sven greift das begeistert auf, aber die zwei von IdeasOnCanvas hüllen sich in durchaus betroffenes Schweigen. Wir deuten das so, das die Prämisse ist auszuharren, bis alles ganz offiziell seinen Weg geht. Die traurigen Blicke seines Co-Piloten brechen Patrick jedoch das Herz und er baut Sven kurzerhand diese aus der Not geborenen Icons, welche das iPad Icon ¼-elegant nach OS X transportieren: VORSCHAU: Guckst Du. DOWNLOAD-LINK: MindNode Pro Icons Übrigens, wen die Geschichte zum Design Prozess des iOS Icons interessiert, der klickt bitte hier. ZWISCHENSPIEL: Sven liest unsere “Werbeübermittlung” vor und fast kommt es wieder zum Eklat, den “eigentlich muss das Reklame heißen” raunt er den Aufnahmeleiter der Übercasteinblendungen an. Nach dem Beitrag, welcher uns ein Mü Kohle ins Sparschwein drückt will Andreas seine MindNode Tipps vorstellen. Doch hinter den Kulissen wirft Sven angestachelt vom Reklame Faux-Pas seinem schärfsten Konkurrenten fiese Blicke zu. Daraufhin rastet Patrick aus, verlässt das professionelle Tonstudio umgehend… nur um nach 72 Stunden Sven mittels eines selbsterzeugtes Eies und einer handgegossenen Bratpfanne schon einmal für den streitschlichtenden Eierwettkampf gehörig zu demotivieren. Aber seht selbst… .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } … deshalb auch übrigens das Kampfgebrüll (Timecode 01:01:31). Zurück zum Thema. Der @zettt hat eine ganze Reihe an MindNode Tips in seinem Blog gesammelt. Sven setzt noch mal an der Productivity Front an. Er nutzt MindNode gerne für Meeting Notizen, der er sich hier automatisch kurz fasst im Gegensatz zu einem Text Editor, wo er dann quasi von alleine ganze Sätze zusammentippen würde… und diese dann auch noch schön aus ausformuliert. Hach Sven. Du und MindNode = ♥. Ebenso macht er gerne seine Präsentationsplanung mit MindNode. Tipp dazu: [Mac] Clipboard → MindNode oder auch “Wie man Plain Text in MindNode öffnet”. Für die iOS Automatisierungskünstler gibt es auch MindNode URL Schemes. Ausblick Die Zukunftspläne von IdeasOnCanvas umfassen erst einmal das große Update für die Mac Version. Parallel wird dann MindNode für iOS upgedatet. … und vielleicht gibt es dann auch noch was Neues an der App-Front aus dem Hause IdeasOnCanvas. So, nun noch einmal alles nötige an Links für die Mind Mapping Stalker unter euch, welche mehr Info zu IdeasOnCanvas samt Produkten brauchen: Webseite: mindnode.com Soziale Netzwerke: Facebook @IdeasOnCanvas @mindnode Markus himself ist auf Twitter @fafner. Eine kostenlose Trial von MindNode für den Mac gibt es hier. Wer direkt seine Scheine überreichen will, der kann das im App Store tun: Mit 8,99 € kann euer iPhone, iPad oder iPod Touch mit MindNode ausgestattet werden. Die Mac Version kostet euch 17,99 €. Und das ↑ sind übrigens keine Affiliate Links. Gewinnspiel Was gibt es abzustauben??? 3 Lizenzen von MindNode Pro für den Mac 3 Lizenzen von MindNode für iOS Wie nehme ich teil? Folgt nicht dem weißen Hasen, sondern dieser Anleitung: Hört euch den Flug UC#015 an und abonniert uns. Folgt, liked oder plust uns bei einem sozialen Netz eurer Wahl: Facebook, Twitter, Google+ oder App.net Im jeweiligen sozialen Netz findet ihr einen Gewinnspiel Post, bzw. Tweet welchen ihr bitte shared, liked, plust, retweeted oder mit 9G einmal um den Mond schickt. Mit diesen drei Schritten seid ihr im Pool und vielleicht einer der glücklichen Gewinner einer Lizenz für MindNode von IdeasOnCanvas. Das Gewinnspiel endet am Freitag, den 7. November um 00:01 Uhr. Die Bekanntgabe der Gewinner erfolgt direkt im sozialen Netzwerk wo der- oder diejenige teilgenommen haben. Die Der Übercast Omelette-Challenge “The map to the omelette” wie der Paraguayer so schön sagt, die gibt es in Form unserer offiziellen Webseite zur Challenge (samt Poll — in welchem IHR übrigens unbedingt abstimmen müsst). Anbei der Link: www.derubercast.com/omelette PS: Aus unüberbrückbaren technischen Gründen sind im Poll noch die Namen aus der Testphase gelistet. Aber… der Schöpfer steht dabei. Doch bevor ihr rüberhechtet, fleißig nackocht, eueren Gaumen völlig unbeeinflußt entscheiden lasst und losvotet, kommen hier die drei Anwärter.

Topics Design Tools Editors/IDE/Compilers (sass) Tools Source Management and Tools Project Management Tool Issue Tracking & Time tracking Tools Note Taking Tools Todo Tracking Tools Other Tools Communication Tools Module of the week Views Flipped Table https://www.drupal.org/project/views_flipped_table This module provides a views table style with rows and columns flipped. This is useful for views showing few entities with many fields, such as product comparison. Resources Trying out Sketch - http://bohemiancoding.com/sketch/ Typecast! - http://typecast.com Balsamiq (wireframing) - https://balsamiq.com/ Omnigraffle: https://www.omnigroup.com/omnigraffle Coda - http://panic.com/coda/ Codekit - https://incident57.com/codekit/ PHP Storm - http://www.jetbrains.com/phpstorm/ Github - https://github.com/ Bitbucket - bitbucket.com BeanStalk - http://beanstalkapp.com/ Tower - http://www.git-tower.com/ MAMP (Mac) - http://www.mamp.info/en/ Drush - http://drush.org Freshbooks http://freshbooks.com/ Harvest - https://www.getharvest.com/ Tempo - http://www.tempoplugin.com/ Basecamp - https://basecamp.com/ Jira - https://www.atlassian.com/software/jira Evernote - http://www.evernote.com Etherpad - etherpad.mozilla.org Workflowy - https://workflowy.com/ Nozbe - http://www.nozbe.com HipChat - https://www.hipchat.com Zoom.us - http://wwww.zoom.us Guest Dani Nordim - tzk-design.com @danigrrl Hosts Stephen Cross - www.ParallaxInfoTech.com @stephencross Jason Pamental - www.hwdesignco.com @jpamental John Picozzi - www.oomphinc.com @johnpicozzi Nic Laflin - www.nLightened.net @nicxvan  

Heute pellen wir die Wurst von zwei Seiten auf. Es geht um Präsentationen. Tipps zu den besten und bewährtesten Praktiken, Workflows und die Software die einem zu einer guten Präsentation helfen kann. Link zum Bild: Svens Saal In dem Bild oben seht ihr schon worum es in diesem Rundflug heute gehen soll. Pre-zen-taht-zion-nähn. Im Übrigen ist das der Raum, an dem Pilot Sven am 27.08.2014 auf dem Podium stand und wo er eine 3-stündige Laudatio auf den Übercast gehalten hat. PS: Heute gibt’s als Giveaway den “MacSparky Presentation Field Guide” von David Sparks. Lieber Fluggast, wenn dir das Gehörte gefällt oder dir Sorgenfalten auf die edle Stirn fabriziert, dann haben wir etwas für dich: iTunes Bewertungen. Überbleibsel Im Follow-Up gibt es einen kurzen Nachtrag von Patrick zum besten Feature von Together. Dieses hatte er auch schon direkt in den Show Notes zu Episode 9 nachgereicht und wenn ihr ‘Leser’ hier seit wisst ihr das wahrscheinlich schon. Da Andreas bei unserem heutigen Thema nicht das übliche Maß an Meckereien unterbringen kann, wird dieses Segment quasi nun vorgezogen und hier in den Überbleibseln zweckentfremdet eingebracht. Heute sind Notifications der Punkt des Anstoßes und damit offiziell auf der Abschussliste: Die mangelnden Einstellungsmöglichkeiten (z.B. global Badges deaktivieren) machen unserem Andreas schwer zu schaffen. Ein Meer an Seufzern flutet durch die Bordanlage. Nun, eigentlich kann man Andreas da nur zustimmen oder bejahend zuseufzen in diesem Falle. Besonders wenn “man” halt mal 100, 200, 300, 400 Apps auf seinem Gerät hat - hust - wird der Gang ins Benachrichtigungscenter zu einem Spaziergang durch den minoischen Palast. Noch eine Anmerkung zu F.lux von Patrick… und zwar, das es diesen brillanten Helfer auch für iOS gibt… halt nur für Leute mit Jailbreak, aber gut. Hiermit gilt auch dieser Ausnahmefall als erwähnt. Lange Zeit war das der Grund für Patrick einen Jailbreak zu vollziehen. Heutzutage bleibt er im Knast, da der ja mittlerweile offene Gittergardinen hat. Überschallneuigkeiten Der Übercast™ ist nun flattr-bar, wie ihr oben an dem formschönen Button bestimmt schon gesehen habt. Da es “so ein Hübscher” ist, gibt’s den hier auch gerade noch einmal, weil es so schön war: Bisher angebunden an Flattr sind App.net und Twitter (letzteres immer dann wenn Superfav.de auch online ist :/). Das heißt, wenn alles korrekt und ordnungsgemäß läuft, sollten wir bei einem von euch verabreichten Fav-★ zeitgleich geflattr’t werden. Bei Facebook wird das ganze leider nicht per like funktionieren, da Flattr keine Facebook Pages unterstützt. Solltet ihr Instacast nutzen und Flattr dort aktiviert haben, dürften wir automatisch von euch bespendet werden – Gesetzt dem Falle Patrick hat’s gescheit eingebunden. Die nächste Überschallneuigkeit kommt von Patrick’s Vater der sich mit seinen wöchentlichen Emails an den Sohnemann dieses mal selbst übertroffen hat. Hiermit stellen wir euch Emberlight vor – die schlaue Leuchte für Jeden, dem Philips Hue zu teuer ist. Bei Emberlight handelt es sich um einen Aufsatz, welcher zwischen Birne und Fassung geschraubt wird und der dann per Smartphone angesteuert werden kann. Kompatibel ist das gute Stück mit allen dimmbaren Leuchten. Zu den Features schaut euch am besten die Kickstarter Kampagne an. Nur soviel vorweg: Presets in der Apps gibts und Distanzsensitiv (proximity) ist das gute Stück auch noch. Kostenpunkt: 2 Stück $89 (später: $115), 3 Stück $139 (später: $165), etc. – mehr auf KückSchtartā. KFZ = Keynote, Folien, Zuhörer Bitte bleiben Sie auf ihren Sitzplätzen, schalten alle elektronischen Geräte aus und klappen die Tischablage ein. Die Piloten präsentieren Ihnen gleich frisch von der Startbahn weg die… … Starterkabel & Über-Tipps Als Alpha-Präsentator fängt natürlich Sven an. Er empfiehlt “How To Not Throw Up” von Michael Lopp (Rands in Repose). Michael weißt hier auf klassische Anfängerfehler hin, welche im Übrigen sich oft auch aus reiner Unsicherheit heraus ins Präsentieren so mir nix, dir nix einschleichen können. Zum Beispiel: Zu viele Slides Zu viel Inhalt (meist Text und Bullet Points) Das ganze frei nach dem Motto: Einfach ablesen, dann komme ich schon durch. Deshalb gibt’s im verlinkten Artikel verschiedene Lösungsansätze: (1) Endlos Üben Nur durch Repetition und mehrere Probevorträge beginnt man sich die vorbereiteten Slides, deren innewohnende Aussage und den Inhalt, sowie fließende Übergange zum nächsten Punkt, zu merken. Man kann beispielsweise eine Geschichte erzählen. Wenn man dann genug geübt hat, sollte dies auch ohne die Slides klappen. Wichtig ist auch zu lernen sich bei Probeläufen selbst zuzuhören. So kann man sich in die Rolle des späteren Publikums hineinversetzen und Fehler, Ungereimtheiten, wacklige Übergänge, Wiederholungen oder auch sinnentleerte Slides einfacher aufspüren. Das Präsentieren ist eine Performance, ein Bühnenauftritt. Bei genug Übung geht es nicht mehr darum was man erzählt, sondern wie. Andreas wirft ein, das oft durch die bösen Deadlines zu wenig Zeit bleibt genau dafür – also für’s üben. Sven setzt sofort nach, der er es kennt und liebt, wenn er noch im letzten Moment eine Extra-Slide reingedrückt bekommt. In kurz: Versuchen Zeit zu finden, um alles zu festigen und auf so auf Fehlersuche zu gehen. (2) Improvisieren Variieren, das Publikum einbinden, Energie in den Vortrag packen und auf Überraschungen (von den Zuhörern gespannt sein!). Beobachte wie die Zuhörer reagieren, mache eine kurze Pause und schau Dich um. Lese das Publikum und pass deinen Vortrag an. Langsamer reden, oder schneller, mehr Pausen oder weniger, mehr gestikulieren oder weniger, rumlaufen oder stehenbleiben. Man hat extrem viele Möglichkeiten, ganz davon abgesehen das man Inhalte so oder so im Vortrag variieren kann. Das alles soll natürlich nicht dazu führen, dass man sich zwangsweise völlig verstellt, was eine Frage von Andreas in die Runde geworfene Frage klärt. Nichtsdestotrotz sollte eine gewisse Grunddynamik nach Patrick schon vorhanden sein und gezeigt werden, denn wenn die Körpersprache und Mimik zu lethargisch anmutet ist das schlichtweg nicht optimal. Man will ja nicht uninteressiert rüberkommen bei deiner eigenen Präsentation, denn das färbt ganz schnell ab. Ein paar Tipps abseits vom “Alle im Raum sind nackt”, welche praktikabel sind: Stell Dir vor Du präsentierst nur einer Person (die zufällig hundert Augenpaare hat), such Dir jemanden und erzähl ihr oder ihm für ein paar Sekunden die Geschichte, dann zum nächsten Benutze Stille aus Stilmerkmal und Ausrufezeichen. Nichts unterstreicht eine Aussage mehr als eine Pause danach. Von 5 runter zählen. Die Leute wollen, dass Du erfolgreich bist. Wirklich. Oder gehst Du zu Meetings/Präsentation um Deine Lebenszeit mit dem Hören schlechter Vorträge zu vergeuden? Die Planungsphase Workflowtechnisch ist eine Mindmap bei allen drei Piloten schon einmal der etablierteste Ausgangspunkt. Besonders mit MindNode macht das natürlich noch einmal so viel Spaß und OPML-Dateien können dann von Keynote importiert. Das Skelett der Präsentation steht damit schon einmal. Sven haut auch noch OmniOutliner dazwischen, um so noch mehr Struktur reinzubringen. Da allerdings im letzten Test von ihm der Keynote Export nicht mehr funktioniert hat und Keynote ’14 (v6.2) sich so oder so beschwert, dass die Datei zu alt sei und man bitte erst mit Keynote ’09 das Machwerk öffnet, fordert er Andreas auf - notfalls mit Hand und Fuss - beim IdeasOnCanvas Team einen Keynote-Export-Knopf zu erkämpfen. Die OmniGroup hat uns in der Zwischenzeit per Tweet bestätigt, dass der Export noch nicht für die aktuelle Version von Keynote angepasst ist. Vorerst kann man sich aber mit diesem AppleScript behelfen. PowerPoint Das liebe PowerPoint ist bei Sven in 80% aller Fälle der “goldene Standard”, weil es eben immer noch das dominierende Präsentationsprogramm ist und somit gut für gemeinsames Arbeiten und Austauschen, auch über die Mac/Windows-Barriere hinweg, geeignet ist. Leider wird es heute nach Svens Aussage zu allem möglichen missbraucht, da Leute offensichtlich öfters vergessen, dass sie noch andere Programme installiert haben — z.B. Pages oder Word und dann am Ende weder Font noch Bilder integriert sind. Keynote nutz Sven natürlich lieber, aber eben nur für Präsentation, die entweder wirklich nur er selbst bearbeitet oder die als PDF geteilt werden müssen, bzw. für Side-Projects bestimmt sind. Was noch anzumerken bleibt: Der Keynote Export nach PowerPoint ist zwar sehr gut, aber nicht perfekt. Tipp-Exkurs mit Sven F. Auf das Publikum abstimmen und eine “Geschichte” erzählen (The Art of Storytelling) Bei jeder Präsentation geht es um das Publikum und nicht um den Presenter! Ego ablegen und sich genau überlecken was, bzw. welchen Aspekt das spezielle Publikum abgedeckt sehen möchte. Was “bewegt” es, was lässt es klar und was ist im wichtig oder scheißegal. Wie viel Vorwissen darf man annehmen? Warum mehr als 10-15 Slides selten funktionieren Aufmerksamskeitsspannen sind unglaublich gering. Wenn man die Leute nicht gleich in den ersten 5 Minuten, bzw. 3 Charts “hat” bekommt man sie meist nie. Eine (!) Aussage per Slide! Klar planen: Was ist die eine Sache, die ich möchte das die Zuhörer von diesem einen Slide mitnehmen? Machen alle Aussagen aneinander gereiht (sowie sie in der Präsentation sind) Sinn? Die “5x5x5” Regel 5 Slides in der Präsentation (ohne Titel/Ende), 5 Bullets per Slide, 5 Worte per Bullet. Bilder, Worte und so weiter Bilder sinnvoll nutzen. Copyrights beachten. Augen auf bei Diagrammen und Charts Gute Diagramme, Charts und Datenillustration sind unglaublich mächtig in Präsentationen. Schlechte hingegen führen schnell zu einem “Rathole” und unterminieren unter Umständen die gesamte Kredibilität. Kopierte Slides Am besten immer die eignen Slides verwenden. Jeder hat einen anderen Gedankengang und fokussiert eine andere Aussage, wenn er Slides erstellt. Wenn man dann einfach Slides zusammen kopiert ist meistens die Storyline und die Aussagen weg. Im schlimmsten Fall sieht man das Slides (auch rein optisch) aus anderer Hand stammen. Zum Thema verstecke Slides oder Backup-Slides In 95% der Fällen nie gebraucht. Weglassen, bzw. in separater Datei ablegen. Besser planen! Probelauf-Strategien Je nach Größe der Präsentation richtet Andreas seinen Vorbereitungsaufwand aus. Für die Barcampfreunde übt er wenn’s hochkommt ein, zwei Mal mit der Katze, für die Million-Dollar-Verträge geht’s intensiver zur Sache und die Freundin muss mehrfach den Gehörgang hinhalten. Sven übt am liebsten mit sich selbst und läuft dabei die zig Quadratmeter der Präsidentensuite im jeweiligen Grand Hotel wo er gerade die Zelte aufgeschlagen hat ab. Wie wichtig es ist, alles zu genüge geübt zu haben, zeigt Svens Beispiel als die Beamer-Birne nach 5-Minuten geplatzt ist und kein Ersatz auf die Schnelle da war: Blank und ohne Slides präsentieren. Das kann nur ein wahrer Podiumspilot. Tipp-Exkurs mit Patrick W. Keine Notizzettel - Augenkontakt und freies Reden Sobald du alles kannst, übe die Präsentation. Das ist nämlich eine andere Baustelle. Möglichst vor echtem Publikum. Lass dir Feedback geben. Mit dem Equipment vertraut machen, wenn möglich 1 Tag vorher proben ob alles geht Die Zuhörerschaft kennen und passendes Material aussuchen. Risikofreude abwägen. Pro Risiko sein, für mehr Attention. Und… Sich selber nicht zu ernst nehmen. Apropos: Das passende Material ist essentiell. Ein Bild kann mehr als Tausend Worte sagen und eine ganze Geschichte erzählen. Ein einprägsames Bild mit der passenden Erklärung bleibt dem Publikum auch leichter im Kopf hängen. Eine kohärente Geschichte erzählen. (siehe ↑) Kurz und klar, statt lang umschweifend und meist noch zu schnell alles erklären zu wollen. Meist ist es unnötig das Thema vorher ausgedehnt anzusagen. In der Uni trotzdem ganz hilfreich, vor allem bei den berühmten Kursen, wo man jede Stunde 2 Präsentationen hört und “das dann der ganze Kurs ist” (… ne Schande). Michael Lopp Exkurs Sven hat ein paar weitere Schmuckstücke aus dem Rands in Repose Fundus herausgefischt und annotiert. Diese wollen wir euch natürlich nicht vorenthalten. Out Loud Wie man eine mitnehmende Präsentation plant und übt erklärt Michael Loop Dinge laut vorsprechend üben — merkwürdig (zumindest am Anfang), macht aber einen Riesen Unterscheid Präsentation oder Rede? Vergleiche Steve Jobs’ Standford Rede mit einer Präsentation anlässlich einer Apple Keynote Komplette Planung in der Präsentationssoftware seiner Wahl stellt sicher, dass es eine Präsentation wird und kein Buch oder Artikel Für mehr Gedanken während der Planung und später die Präsentationsnotizen verwenden Einmal Disaster, bitte: Grobe Präsentations-Outline präsentieren. Man bekommt ein Gefühl für den Fluss (oder eben nicht), “hört” sich die Geschichte erzählen und entwickelt Vertrautheit mit Inhalte und Aussage Üben, durchgehen, üben: Ehefrau -oder mann, Freund oder Freundin, Kollege oder Kollegin oder notfalls ein Baum im Wald Reduzieren soweit es geht; Bilder statt Text-Slides wo es geht Stellen mit Publikumsinteraktion bewusst in den Fluss einplanen Teilnahme als Akzentuierung bestimmter Aussage der eignen Präsentation Handzeichen oder ähnliches müssen nicht immer sein, manchmal reicht auch eine provokative Frage, die jeder im Publikum für sich selbst im Kopf beantwortet (Lange Pause nach der Frage lassen) Regel: Das Publikum wird Dich immer überraschen Gib dem Publikum was zum Mitnehmen — es kann so einfach wie ein “Zusammenfassung”-Slide sein Keynote Kung-Fu I Keynote für optimale Arbeitsabläufe anpassen Raster und Hilfslineale richtig einstellen Was ist wo in den verschiedenen Paletten Slidedeck organisieren Übergänge zwischen einzelnen Slides Keynote Kung-Fu II Das richtige Theme auswählen Themes anpassen Outlinen, planen und strukturieren im Slide Navigator Design-Fallstricke im Umgang mit Master-Slides Fluss der Geschichte synchron mit Fluss der Slides Interaktive Navigationselemente auf den Slides Funktionen im Präsentationsmodus Persönlich soll es sein: “Ein Teil von Dir”, nicht ein Teil des Slides Große Teile der Artikel beziehen sich auf ältere Keynote Versionen, sind aber im wesentlichen — nach Anpassungen — auch für die aktuelle Keynote Version gültig. Sozi, Prezi, Brezel backen. Alles in den Präsentationskoffer packen. Keynote und Powerpoint sind veraltet. Nach Patrick’s Ansicht heißt es “Slideshows waren gestern”, denn mittlerweile ist die Zeit der “Zoomenden Präsentationen” angebrochen ist. Andreas führt auch sofort den Fachbegriff Kinetic Typography ein, der ihm als Videoprofi natürlich geläufig ist. Damit ist nach Patrick’s Meinung halt einfach mehr möglich… und vor allem schöner. Einwurf von nach der Sendung: Patrick hat das Internet natürlich sofort nach dem neuen Stichwort durchstreift. Was er festgestellt hat ist, dass die Animationen in der Tat eher in der Videobranche zu finden sind und für Präsentationen viel zu schnell, hektisch und reizüberflutend wirken. Kurz, keine Wunder erwarten, sondern selbst mit der sparsam editierenden Hand zu werke gehen. Falls ihr von Kinetic Typography oder Prezi noch nie etwas gehört habt, gibt’s jetzt eine kleine Einführung. Wie darf ich mir das vorstellen? Im Gegensatz zu traditionellen Slideshows, wird hier eine Art Poster angelegt. Bester Ausgangspunkt ist meiner Meinung nach eine Mindmap. Dann kann man sich überlegen wie man die einzelnen Punkte auf’s Post bringt und mit Grafiken und Typographie unterstreicht. Kurz: Es handelt sich um eine völlig freies, grenzenloses Layout. Wenn man so eine Präsentation abspielt, sorgen eine vordefinierte Serie an Transitionen, Zooms und Rotationen dafür, dass das nächste wichtige Element (also in Altdeutsch, die nächste Slide) in den Fokus rückt. Das wohl populärste unter diesen Nicht-nur-Slides Präsentationsprogrammen ist Prezi. Lasst mich das mal kurz vorstellen. Features 3D Zoom-Effekte bei der Bezahlversion von Prezi auch offline Collaborate in real-time Präsentation in Webseiten einbinden Online teilen Automatischer Sync von Präsentationen zum iPad/iPhone Nicht zuletzt: zig tausend Präsentationen online auf welche man zugreifen kann und welche man abändern kann für die eigenen Zwecke Das hört sich gut und spannend an. Ist es auch. Natürlich sollte man es mit den Drehungen nicht übertreiben, sonst wird den Zuschauer schlecht. Aber wie und warum man Effekte sparsam einsetzen sollte, dazu kommen wir noch später. Denn wenn man es übertreibt mit solchen grafik-orientierten Powertools, dann bleibt von der Präsentation nichts als seekranke Zuschauer übrig die von der Effekthascherei abgelenkt ihr zombifiziertes Dasein fristen. Das wollen wir nicht. Also, Apple Werbung noch einmal anschauen, schwarz-weiß und minimalistisch bleiben. Preis Wie bei GitHub: öffentlich = kostenlos. Da ist dann aber auch das Prezi-Logo mit drauf. Enjoy-Lizenz $4.92/Monat bzw. $59 pro Jahr Prezi-Logo entfernt kann von öffentlich auf privat gesetzt werden Für Studenten gibt es diese Variante kostenlos. Pro-Lizenz Das wichtigste Feature (ohne das ich Prezi nicht nutzen würde): Offline speichern. $13.25/Monat $159 pro Jahr Gruppenlizenzen für Unternehmen erhältlich Also bei uns am Campus geht das WLAN hin und wieder nicht. Deshalb würde ich mich nie auf eine reine Onlinelösung verlassen. Leider ist mir für die paar Präsentationen an der Uni der Preis für die Pro Version zu teuer, ABER… Die kostenlose Alternative: Sozi Vorab: Der Preis von “kostenlos” ist hier, dass es keine 1-2-3 Installation. Also… weiß Gott keine. Das ist richtig kompliziert bis alles mal läuft. Wenn es dann läuft ist es auch lange nicht so komfortabel wie Prezi. Inkscape installieren. (Freeware Version von Adobe Illustrator) Der etwas älteren Anleitung (für Mountain Lion) hier folgen und auch die verlinkten Kommentare lesen - ohne geht’s nicht. Das war zumindest mein Leidensweg. Dann habt ihr in ein Vektorprogramm in dem ihr mittels Sozi Rechtecke über eure wichtigen “Slides” bzw. Elemente ziehen könnt und einen Übergang von Element zu Element auswählt. Mittlerweile gibt es auch eine Extension für SVG-Edit. Ist vielleicht einfacher als der Inkscape weg. Keine Ahnung. Ihr seid da euch überlassen, denn ich bin froh, dass es rennt. Wenn es läuft, habe ihr den Wow-Factor auf eurer Seite. Die generierte SVG Datei läuft auch auf jedem modernen Browser (offline). Ihr seid somit kompatibel zu allem. Tipp: Es gibt viele Seiten die kostenlose Vektorgrafiken anbieten (z.B. vectezzy. Don’t overdo it. Für nicht so wichtige und kleinere Präsentationen gibt es mittlerweile ein paar sehr schöne Markdown Tools die wir euch auch noch kurz vorstellen werden. Ein Wort der Warnung Wie sich in der Show noch einmal ganz deutlich herauskristallisiert hat nach Andreas seiner Kritik, ist Prezi/Sozi/Wasauchimmer auch keine eierlegende Wollmilchsau und hat seinen Anwendungsbereich ganz klar eher im kreativeren Bereich bzw. überall dort wo man es gefahrlos auch mal optisch krachen lassen kann (… ohne es auch hier zu übertreiben). Jenseits von Keynote und PowerPoint Bei den vielen Flügen rund um die Welt hat Der Übercast natürlich mehr als nur die Standards kennengelernt. Hier eine kleine Auswahl nützlicher Helfer und Alternativen. Was tun, wenn die grafischen Mittel nicht ausreichen? Das fragt man sich ab und an. Unser Profi für’s bewegte Bild hat die Antwort haut bei den wichtigen Präsentationen auch mal voll auf die Wurst und schießt mit Motion und Final Cut auf die nichts-ahnende Zuhörerschaft die sich von seinen Screencasts (und iOS Screencasts für den App Store) verzücken lassen will. Besonders dankbar ist Andreas für Claquette, eine App die hochauflösende Bildschirmaufnahmen macht und diese sofort an Final Cut weiterreicht. Ansonsten tut’s Air Server auch. Zudem findet Andreas auch die klassische schwarze Slide ohne Alles mal ganz gut, um einen Punkt doppelt zu untermauern (

This episode was recorded 17 May 2013 live and in person at Omni's lovely offices overlooking Lake Union in Seattle. You can download the m4a file or subscribe in iTunes. (Or subscribe to the podcast feed.) Tim Wood, CTO of The Omni Group, talks about how Omni got started and what it was like being a NeXT developer before the acquisition. This episode is sponsored by Squarespace. Easily create beautiful websites via drag-and-drop. Get help any time from their 24/7 technical support. Create responsive websites — ready for phones and tablets — without any extra effort: Squarespace's designers have already handled it for you. Get 10% off by going to http://squarespace.com/therecord. And, if you want to get under the hood, check out their APIs at developers.squarespace.com. This episode is also sponsored by Microsoft Azure Mobile Services. Mobile Services is a great way to provide backend services — syncing and other things — for your iPhone, iPad, and Mac apps. If you've been to the website already, you've seen the tutorials where you input code into a browser window. And that's an easy way to get started. But don't be fooled: Mobile Services is deep. You can write in your favorite text editor and deploy via Git. Regular-old Git, not Git#++. Git. Things we mention, in order of appearance (more or less): Atari 800 BASIC Tacoma, WA Commodore Apple II 6502 Assembler Atari ST Compute! Magazine Burroughs Mainframes Radio Shack NeXT Mac University of Washington H19 Terminal Fortran Mathematica LaTeX Java Ada Boeing Department of Defense VMS IBM 360 Objective-C AppKit Interface Builder Project Builder Makefiles Read-write Optical drives Wil Shipley Ken Case Greg Titus Tom Bunch Massively multiplayer games Minecraft MOOs MUSHes CompuServe Ultima Online William Morris Agency McCaw Cellular 1992 Framemaker Adobe Lighthouse Design Diagram! OmniGraffle 1994 www.app OmniWeb Blink tag Rocky & Bullwinkle Rhapsody Hewlett Packard Sun OpenStep Solaris Windows NT Be Jean-Louis Gasée Enterprise Objects Framework Core Data Avie Tevanian Jon Rubinstein Bertrand Serlet Craig Federighi Appletalk Yellow Box HP-UX Andrew Stone Doom Id Software Wil's mail OpenGL John Carmack DirectX OmniOutliner Comic Life NCSA GCD Blocks Functional programming Mac Pro Go Rust Race conditions OmniPresence Own the Wheel iCloud Core Data Syncing Rich Siegel Yojimbo Sync Services

Diese Folge haben Daniel und Max nachmittags aufgenommen, ist das denn zu fassen? Die beiden sind deshalb topfit und huschen in doppelter Geschwindigkeit durch (durch? über?) eine Vielzahl von Themen, darunter Lernen, Mind Maps, OmniGiraffe, den neuen TEN-Multiplayer, Kochen und die besten Tipps und Tricks aus dem Hause Friedrich. OmniGraffle TEN Nachdem ihr diese »kurze« Folge gehört habt, bleibt euch sicher noch viel Zeit, uns auf Twitter zu folgen (@konferenz28) und dann zweimal die Metafolge zu genießen.

This episode was recorded 15 May 2013 live and in person at The Omni Group's lovely offices overlooking Lake Union in Seattle. You can download the m4a file or subscribe in iTunes or subscribe to the podcast feed. Luke Adamson is a founder of Toy Rockets. He's a former instructor at the University of Washington's iOS and Mac certificate program and a former developer at The Omni Group (where, among other things, he helped create OmniOutliner). This episode is sponsored by Microsoft Azure Mobile Services. Does your app need online services? Syncing? Storage? Mobile Services is the easiest way to get started. Create your own APIs. Write your code using JavaScript (Mobile Services runs Node.js). Store data in a SQL database and/or in blob storage. Develop using your favorite text editor and terminal app on your favorite computer — a Mac. And never ever worry about applying security patches to a server. A trial account is free. Things we mention, in order of appearance (roughly): Gophers Idaho Meth Maze War Boise State U Nextstation UUCP HP Usenet Commodore 64 BASIC Pascal Objective-C C++ Win16 AppKit Foundation NSString University of Idaho The Omni Group Texas A&M OmniWeb OmniPDF WebObjects Lighthouse Design Diagram! Quantrix Wainscoting EOF Standard & Poor's Mitsubishi Toyota McCaw Cellular Oracle 8 Craig Federighi Bruce Arthur Solaris Sybase G4 Ireland Quake HP-UX Doom John Carmack Java BeOS Adobe PowerPC Power Computing Webscript Lisp Swing Toolkit AWT Ken Case Tim Wood Wil Shipley Greg Titus Andrew Abernathy Tom Bunch Retrospect Steve Nygard Class-dump OmniOutliner Visio Rhapsody OmniGraffle Illustrator Mazda RX-7 FrontBase Denmark Cinema Displays TiBook Everett, Washington Blue hair Sub-prime mortgages Bear Stearns Deutsche Bank Credit Suisse Internap Xserve Ubermind Deloitte Digital Societe General India iOS Jailbroken iPhones Lucas Newman

Caitlin Potts discusses using using site maps as website design tools. You can have her Omnigraffle template for free at the following link:http://michichi.org/helping-sitemaps-get-their-groove-back/Note: Caitlin based this episode off a presentation she gave the Michigan chapter of ACM-SIGCHI in December 2012, called "Helping Site Maps Get Their Groove Back". Thanks to MichiCHI for a great holiday event and speaker. You can find Michigan Chi at www.michichi.org. Caitlin Potts is a User Experience Practitioner (Designer + Researcher) at Covenant Eyes, Inc. in Owosso, MI. Working as part of an Agile team, she spends her time collaborating with the Developers to design web, mobile, and client application interfaces. She is also leading the development of a brand standards guide for Covenant Eyes.

Mobile Responsive WordPress – Today we are joined with Suzette Franck, Elizabeth Shilling, Patrick Raul, Jon Brown, Dave Jesch, Steve Zehngut, Cody Landefeld, Wes Chyrchel, Chris Lema and Jason Tucker.Jon goes in to explain how responsive and mobile are different.Elizabeth mentions that a lot people use their sites as mobile.Jon wants the difference between a responsive site and mobile site known and that they are different.Wes gives the benefit of using responsive as mobile ready site.Steve Zehngut speaks to his clients regarding their site in terms of how the site will be viewed.Cody Landefeld asks the group what they think of the saying, “There’s no need to do a mobile site, if you’re not doing it responsive you’re not doing it right?”Steve mentions how it depends on the project.Patrick agrees, that’s about 95% of the projects.Chris shares his take regarding it being an information/architectural question, not a visual question.Jon describes how he thinks of it as a user experience issue, provides an example of an airline’s needs.Wes brings up picking an app from your phone an asking, what’s the WebApp equivalent?OmniGraffle is mentioned and discussed.Steve shares his opinion regarding OmniGraffle's web knockoffs.Wes suggests creating a distinction by asking, would this be better as an app, an web app or an website?Cody provides an overview of his take regarding what factors distinguish whether an app or web app is required.Wes mentions how we are far from being ready for using responsive completely.Flexbox was mentioned.Cody asks “How is responsive now a prerequisite for a plugin you’re using on a marketing site?”Discussion ensued about images and responsive plugins, specifically sliders.Jon mentions how he writes plugins with responsive in mind, yet brings up the point that it can’t always be like that. He asks what others are doing?Suzette Franck uses images Percentages on the width and fonts as ems.Steve brings up the issue of outside media that clients are using.Wes shares a strategy to deal with clients adding info to their site from their phone, while still maintaining responsiveness.Jon breaks down the plugins of which plugins are more likely to handle responsiveness.Steve adds more info regarding media players and responsiveness; shares the struggle that it is to make some players responsive.Jon gives his take on other plugins. Suggest that the repo have tags at to which plugins are responsive or not.Wes brings up how some clients aren’t interested in responsiveness.Strategies are shared to deal with the client using responsiveness in their site design.How much site traffic from mobile is brought up and discussed. More and more traffic is from mobile vs. desktop.Chris mentions a housing application web app program that he oversees at Emphasys and speaks about how much mobile has taken over.Steve mentions the importance of Google Analytics and how it can be used as a marketing tool.Cody mentions handling clients' expectations and questions giving the client everything they ask for versus providing guidance for the clients.First page mobile, Scott, running promotion for 50% off; design a landing page for your website that is very mobile specific. See at Chrislema.com, great to get the site visitor info they need to.Suzette makes the point that it’s important to have a link to bring up the full version of the site, when looking at mobile.Wes mentions Content from

En el Episodio de hoy hablaremos de mi nuevo iMac y de como he hecho para actualizar desde un iMac C2D. Os contaré que tengo un nuevo Podcast: Sibaris Podcast. Y sobre todo hablaremos de muchas apps para editar fotos en el iPhone y en el iPad. Espero que alguna os venga bien. Apps para Fotografía Photostat, Fotometer pro, Instagram, Photogene, filterstorm, luminance, FX photo studio HD, Silhuoetter, MobileMonet, Halftone y Kabaam, Cómic boom, Frame magic, polymagic, Nabit, derManDar, photosynth,Omnigraffle, Keynote Musica: Deep Blue, Antony Raijevko

Enregistre le 4 aout 2011 News Java 7 Le bug des compilations de loop dans HotSpot http://www.lucidimagination.com/blog/2011/07/28/dont-use-java-7-for-anything/ http://www.infoq.com/news/2011/08/java7-hotspot Kotlin Site web Kotlin http://confluence.jetbrains.net/display/Kotlin/Kotlin Stephen Colebourne http://www.jroller.com/scolebourne/entry/reversed_type_declarations et http://www.jroller.com/scolebourne/entry/kotlin_and_the_search_for Les motivations derriere Kotlin http://blog.jetbrains.com/kotlin/2011/08/why-jetbrains-needs-kotlin/ Cast-IT Cast-IT http://www.cast-it.fr Mix-IT http://www.mix-it.fr/ Devoxx Les oeufs de Paques de Devoxx http://www.devoxx.com/display/DV11/Home Google Le blog d’un ancien de Google http://rethrick.com/#waving-goodbye Le BileBlog http://www.bileblog.org Google+ http://plus.google.com Google Code et Git http://www.blog-nouvelles-technologies.fr/archives/5344/google-code-annonce-son-support-a-git/ JBoss AS 7 http://www.jboss.org/as7.html Nabaztag est mort, vive Nabaztag ! Arrêt des serveurs suite à la mise en liquidation judiciaire de Mindscape qui ne pouvait plus payer son prestataire http://blog.karotz.com/?p=5224 http://blog.karotz.com/?p=5284 Le lapin reprendra t’il vie avec la communauté ? http://nabaztag.forumactif.fr Les mains dans le cambouis Sites “statiques” Awestruct http://awestruct.org Jekyll https://github.com/mojombo/jekyll/wiki Sass http://sass-lang.com/ Markdown http://daringfireball.net/projects/markdown/ W3Schools http://www.w3schools.com/ Les protocoles de serialization Google Protocol Buffer http://code.google.com/p/protobuf/ Apache Avro http://avro.apache.org/ MessagePack http://msgpack.org/ JSON http://fr.wikipedia.org/wiki/JavaScript_Object_Notation BSON http://bsonspec.org/ Apache Thrift http://thrift.apache.org/ JBoss Marshalling http://www.jboss.org/jbossmarshalling Comparaison http://www.igvita.com/2011/08/01/protocol-buffers-avro-thrift-messagepack/ Outils de l’épisode BalsamiQ http://balsamiq.com/ Gliffy http://www.gliffy.com/ Dia http://projects.gnome.org/dia/ OmniGraffle http://www.omnigroup.com/products/omnigraffle/ Conferences JUG Summer camp le 16 septembre à la Rochelle http://sites.google.com/site/jugsummercamp/ OpenWorldForum 22 et 23 septembre à Paris http://www.openworldforum.org/ JavaOne 2011 du 2 au 6 octobre à San Francisco http://www.oracle.com/javaone/index.html Riviera Dev les 20 et 21 octobre à Sophia Antipolis http://rivieradev.fr/ Devoxx 14 au 18 novembre à Anvers http://www.devoxx.com/display/DV11/Home Nous contacter Contactez-nous via twitter http://twitter.com/lescastcodeurs sur le groupe Google http://groups.google.com/group/lescastcodeurs ou sur le site web http://lescastcodeurs.com/ Flattr-ez nous (dons) sur http://lescastcodeurs.com/

On Sunday (4/25/10) Mike Q shared his initial impressions after some hands-on time with an iPad. Mike does a great job describing the device along with some of his favorite applications for the device. Here’s some of the questions he answers: So Mike you broke down and got an iPad - which one did you get? Why only 16 gig? So how long have you had it? So give us some of your impressions. How is the battery life? What about the screen? What about the keyboard? How much is the case? Did you get any other peripherals? Can you connect it to a projector for presentations? Have you been to the app store? What are some of your favorites so far? What do iPhone apps look like on the iPad? OK, how about some apps? Let's start with the iWork suite. So what's your assessment of these apps? What about Keynote? Have you moved your Kindle content over? And, speaking of the Kindle – I know you have a first generation one – how do they compare as a reader? What about some quick hits on some apps that you've found interesting ?  Does it have a GPS radio? Have you tried out any of the location based applications? What about some quick hits on some apps that you've found interesting ? What’s up with Israel banning iPads? Mike also provided a few screen shots from the device: Here's a screen shot of a dictionary lookup created on the iPad. Here's an OmniGraffle example created on the iPad.   Here's a Penultimate example created by Mike on the iPad.   Note: After we recorded the podcast, the Israeli Government lifted the ban on the WiFi iPad.

In this episode we reveal the answer to the Ultimate Question of Life, the Universe, and Everything... as we said it's episode 42! BackBites Pink in a Positive Way Aperture 3 - The Update Aperture 3 - The Update (MacUpdate) Aperture 3 - export to Ember Cinder Cinder muCommander Fireworks CS4 Update ChatBites MacHeist NanoBundle 2 1Password for serials iArchiver RuckSack for free via MacBuzzer Office 2011 ManyTricks Aviary Goes Free Google Buys Picnik Mac's Advertising Windows Goodies Startup Sound Startup Sound (MacUpdate) Startup Chime Stopper Google Chrome Fonts Google Chrome Fonts (MacRumors) Google Chrome Fonts (MacRumors) Google Chrome Fonts (Apple discussion forum) iPhone iPhone iPhone iPhone Mod - gorgeous titanium alloy back iPhone Alternative Vanishing WiFi detectors Apple's App Purge iPad iPad iPad Battery Replacements Software Review SecondBar Menuless Hardware Review Novatel MIFI Unlocking a SIM The Space Bar MacBook Pro TrackPad Magic Mouse Feedback and Comments MacJim's fashion tips GazMaz Apple Store - Manchester Arndale - Hi to Alex and Alex Events The next MacBites live event is on 18th March 2010 (20:00 GMT) when Elaine will be doing a demonstration of OmniGraffle. To attend, go to http://macbites.co.uk/live. We'll be in the chatroom from about 7:30 and the chat continues afterwards. On 25th March 2010 (20:00 GMT) Mike will be doing a demonstration of Office 2010 (especially for all you Sliders). To attend, go to http://macbites.co.uk/live. We'll be in the chatroom from about 7:30 and the chat continues afterwards. To keep up to date with all out events you can subscribe to the MacBites calendar - http://macbites.co.uk/the-macbites-calendar/

La suite: Organigrammes, calques, actions et mode présentation.

La suite: Organigrammes, calques, actions et mode présentation.

Découvrez OmniGraffle d'Omni Group, logiciel de graphiques, schémas et présentations. La première partie: interface, création d'objets, utilisation des lignes, les outils avancés et les bibliothèques d'objets.

Découvrez OmniGraffle d'Omni Group, logiciel de graphiques, schémas et présentations. La première partie: interface, création d'objets, utilisation des lignes, les outils avancés et les bibliothèques d'objets.

War die gestrige Special-Folge geprägt von einem Thema, nämlich dem iPhone, ist die heutige Ausgabe gut durchgemischt und abwechslungsreich. Auf der CeBIT konnte Apple gleich acht Preise mit nach Hause nehmen, wobei die Argumentation für den Sieg von den Schiedsrichtern überall sehr ähnlich ausgefallen ist. Wer hätte gedacht, dass Apple ästhetische und innovative Produkte auf den Markt bringt? iWeb Buddy ist letzte Woche erschienen und ermöglicht es einige weitere Funktionen zu iWeb hinzuzufügen. Für Personen, die durch RapidWeaver nicht angesprochen werden ist das Programm vielleicht die richtige Lösung, da es teilweise sehr fortgeschrittene Funktionen mitliefert. OmniGraffle 5 ist außerdem endlich erschienen und aus der Beta-Phase herausgekommen. Die Anwendung ist nicht ganz günstig (wie das nunmal üblich ist bei der OmniGroup), glänzt aber durch einige nette Features. Außerdem hat sich noch etwas bei iSale getan und Parallels hat ihre Server-Version in einer Public Beta 2 herausgebracht. Macinme Daily #40 Download