POPULARITY
In dieser Episode sprechen wir mit Dr. Jan Seifert (Lead User Experience @ UID GmbH) über KPIs, Metriken und die Auswirkungen auf die User Experience. Tauche mit uns in die Welt der Messbarkeit ein und erfahre, wie Unternehmen Daten nutzen können, um Entscheidungen zu treffen und die User Experience zu optimieren. Hauptthemen der Episode: • Vom Verständnis zur Anwendung: Unterschiede zwischen Metriken und KPIs • Nicht alle Metriken sind KPIs • Warum KPIs für Geschäftsziele relevant sind • Kundenspezifische KPIs und wie unterschiedliche Geschäftsmodelle KPIs beeinflussen Wie KPIs entwickelt werden • Fragen, die man sich bei der Auswahl einer Metrik als KPI stellen sollte • Beispiele für Online-Shops und die Bedeutung wiederkehrender Besucher Ein KPI im Detail • Was macht einen KPI wertvoll und wie wird er definiert? • Der Zusammenhang zwischen KPIs und ROI und wie man ihn misst Einführung und Umsetzung von KPIs im Unternehmen • Schritte zur Implementierung und Überlegungen zur Messhäufigkeit • Wie man KPIs effektiv im Unternehmen kommuniziert und nutzt Ein tieferer Blick auf UX-Probleme • Ursachen von UX-Problemen und wie Unternehmen diese identifizieren • Qualitative vs. quantitative Daten in der UX und ihre Anwendung Praxisbeispiele und Fallstricke bei KPIs • Wie Daten oft missbraucht werden und wie KPIs künstlich manipuliert werden können • Die Bedeutung offener Kommunikation und die Rolle von KPIs bei der Zielsetzung Integration von UX Forschung und Design • Wer sollte in UX-Diskussionen einbezogen werden und warum? • Der Nutzen von Pattern Libraries und wie Testergebnisse integriert werden können Mehr über Jan und sein Thema: LinkedIn: https://www.linkedin.com/in/jan-seifert-changitor/ Webinar: https://germanupa.de/berufsverband-german-upa/aktuelles/webinar-ux-kpis-metriken-erfolg-kontinuierlich-tracken-mit-dr-jan IN EIGENER SACHE - FEEDBACK GEBEN UND GEWINNEN Gib uns bitte Feedback zum Podcast: https://forms.gle/PJLKxrADXVNL5ek26 Unter allen Einsendungen verlosen wir jeden Monat einen Gutschein über 30€ im www.germanupa.shop
00:00 Start 00:21 Intro 01:10 SAFe Framework Vs UnFix Model 05:10 Pattern Library of the UnFix Model - Lego Analogy 13:08 Is SAFe the new waterfall? 16:55 Network vs Matrix Organizations 19:40 Startups Using UnFix 23:56 Wasteful Organizational Transformations 28:20 Sources of Innovation 30:05 From Product to Experience 35:07 Fast Delivery is NOT a Better Experience - Spotify is Destroying the Music Experience 38:51 The Value of Scarcity 46:37 Customer Learning with Scarcity 52:50 Getting started with the UnFix Model 58:42 Outro Jurgen Appelo Links Unfix Model - https://unfix.com/ Management 3.0 - https://www.amazon.com/Management-3-0-Developers-Developing-Addison-Wesley/dp/0321712471/ref=sr_1_1?crid=JP9NGBZ43RCK&keywords=Jurgen+Appelo&qid=1681149231&s=audible&sprefix=jurgen+appelo%2Caudible%2C131&sr=1-1-catcorr Connect with us at the following places: Wisconsin Agility Training: https://wisconsinagility.com/training Advising: https://wisconsinagility.com/advising Merch: https://wisconsinagility.com/merch Jeff Bubolz Jeff Bubolz LinkedIn: https://www.linkedin.com/in/jeffbubolz/ Jeff Bubolz Twitter: https://twitter.com/JeffBubolz Chad Beier Chad Beier LinkedIn: https://www.linkedin.com/in/chadbeier/ Agile Songs YouTube: https://www.youtube.com/@agilesongs Agile Songs Clips: https://www.youtube.com/@agilesongs/shorts Agile Songs Twitter: https://twitter.com/AgileSongs The Agile Wire Web: https://theagilewire.com Spotify: https://open.spotify.com/show/0YKEHJtcJXZ55ohsUOvklI Apple Podcasts: https://podcasts.apple.com/us/podcast/the-agile-wire/id1455057621 Agile Wire Clips: https://www.youtube.com/playlist?list=PLLl0ryedF7y7HWTsbur4ysdpUcY7tniSG Agile Wire Twitter: https://twitter.com/AgileWire Make sure you subscribe to the channel! #Scrum #Agile #ProfessionalScrum #Kanban #BusinessAgility
Join Murray Robinson and Shane Gibson as they talk with Al Shalloway about Amplio and the movement back to pattern libraries to improve knowledge work. As lean and agile have become commercialised they've become rigid, bureaucratic frameworks that disempower teams and prevent us from improving. Pattern libraries set us free. When we learn patterns like the concept of bottlenecks we are able to see things in our world that we couldn't see before Listen to the podcast on your favourite podcast app: | Spotify | Apple Podcasts | Google Podcasts | iHeart Radio | PlayerFM | Amazon Music | Listen Notes | TuneIn | Audible | Podchaser | Connect with Al on LinkedIn or at https://successengineering.works/ Contact Murray via email or Shane on LinkedIn shagility. The No Nonsense Agile Podcast is sponsored by: Simply Magical Data
Erin Malone is the Chair of the Interaction Design BFA Program at the California College of the Arts. In this conversation, we focus on Erin's long trajectory with design pattern libraries, including her recent work with the Anti-Defamation League developing tools and best practices to fight online hate.Show notesErin Malone (LinkedIn)@emalone (Twitter)Interaction Design Program at the California College of the ArtsAnti-Defamation League (ADL)ADL's Social Pattern LibraryDesigning Social Interfaces: Principles, Patterns, and Practices for Improving the User Experience, Second Edition by Christian Crumlish and Erin MaloneIA ConferenceYahoo! Design Pattern Library (archive.org)Irene AuChristina WodtkeDesigning Interfaces: Patterns for Effective Interaction Design, Third Edition by Jennifer TidwellA Pattern Language: Towns, Buildings, Construction by Christopher AlexanderAn Event ApartNathan CurtisEightShapesBrad FrostAtomic Design by Brad FrostMaterial DesignDave SifryCreative CommonsShow notes include Amazon affiliate links. I get a small commission for purchases made through these links.
Volevamo fare una cosa tutta bella ordinata sullo stato del front-end development, ma poi è arrivato Zuckerberg coi suoi annunci e quindi il clickbait ci costringe a parlare di Meta. Ma, gentili frontendisti all'ascolto, non disperate: l'ospite illustrissimo di oggi ci tiene a parlare di styleguide e pattern library (ma anche di COP26?), e chi siamo noi per impedirglielo. Vabbè, tutto sommato ci si diverte.Con Edoardo Dusi, Claudio Serena e Andrea De Carolis/* News */Photoshop's journey to the webhttps://web.dev/ps-on-the-web/La beta della nuova documentazione di Reacthttps://beta.reactjs.org/Visual Studio Code for the Webhttps://code.visualstudio.com/blogs/2021/10/20/vscode-devVercel Delivers Next.js 12: ‘The SDK for the Web'https://nextjs.org/blog/next-12Facebook Metahttps://www.theverge.com/22751328/facebook-meta-rebrand-metaverse-vr-ar-oculus-gta-horizionCOP26 | How is your website impacting the planet?https://www.websitecarbon.com/State of CSS 2020https://2020.stateofcss.com/en-US/Post del 2005 by Benji Smith (rispuntato su HN)https://www.fredrikholmqvist.com/pages/why-i-hate-frameworks.html/* Newsletter & Telegram */https://landing.sparkfabrik.com/continuous-delivery-newsletterhttps://t.me/continuous_delivery/* Link e Social */https://www.sparkfabrik.com/ - @sparkfabrik
Stephen and Chris talk about cplibrary the Pattern Library that the CodePen Monorepo can use to share components. What goes in there and what doesn’t? What are common and not-so-common components? Can components be combinations of other components? Time Jumps Sponsor: Lemon Productions Chris Enns of Lemon Productions edits this podcast. Got a podcast you […]
Each episode of Digital Insights is based on the articles of Paul Boag. To read the post related to this post go to: https://boagworld.com/design/pattern-library/
The principles of Atomic Design have transformed (probably forever) the way we look at UI components and code modularization. Pattern Libraries and Design Systems – predominantly built in React – have become widespread across many companies.No doubts, these are cool tools and approaches, and we have all fallen in love with them. But...In this talk, I'll share not only the learnings but also all the "buts" that we have found in our exciting journey developing (in React, of course) a Design System for Badoo.SPEAKERCristiano RastelliPassionate web designer & developer, currently Design System Lead at MagicLab. In love with Atomic Design, Style Guides and CSS architecture.Likes to work at the intersection of business, design and development.Attendee/speaker/organiser of technical conferences and meetups.Twitter:https://twitter.com/areaweb
Michael Geers treibt seit mehreren Jahren das Thema Micro Frontends mit an. Wir unterhalten uns mit Michael darüber, wie Design Systeme und Pattern Libraries auch bei den nicht-technischen Herausforderungen in diesem Bereich helfen können. Das Interview wurde am 03.03.2020 aufgenommen. Shownotes & Links Michael Geers auf Twitter Micro Frontends Webseite Michael’s Vortrag auf der MicroCPH Konferenz: Micro Frontends the nitty gritty details Duet Design System (auf Web-Component Basis) Das Buch: Micro Frontends in Action
Diese Revision fragt Schepp das dynamische Duo aus Hans und Peter über ihr SAAS-Projekt Warhol aus. Schaunotizen [00:00:30] Warhol Hans und Peter plaudern und über Sinn, Zweck und Umsetzung ihres Tools, das aus Pattern Libraries Test für Webdesign generiert (Demo-Video). Wir sprechen über Sinn und Zweck von Pattern Libraries, vergleichen Warhol mit SiteEffect sowie Screenshot-Tools […]
Hans und Peter bauen Warhol: Eine App mit der man seine Pattern Library für Tests der Design-Konsistenz des eigentlichen Produkts nutzen kann. Die beiden stellen Design Testing generell vor und erklären, warum Warhol eine gute Lösung dafür ist. Das Interview wurde am 21.02.2020 aufgenommen. Shownotes & Links Warhol auf Twitter Hans-Christian Reinl Peter Kröner
Wir sind zurück! Kaum zu glauben, aber es gibt uns immer noch. Die letzten zwei Jahre über ist viel passiert. Wir resümieren etwas und stellen die UIengine vor, welche in unseren Projekten als Werkbank für UIengineering dient. Das Interview wurde am 14.02.2020 aufgenommen. Shownotes & Links UIengine auf Github UIengine Dokumentation Thonet Brand Manual UIengineering Pattern Library Beispiel Klingel: Designsystem hoch 15 Dennis Reimann Jan Persiel
Learn more about Design Systems with Nathan Curtis.Continue readingDesign Systems with Nathan Curtis
Was ist eigentlich eine Pattern Library und worin liegen die Vorteile für die Zusammenarbeit zwischen Design und Entwicklung? Diese Woche hatten wir Jens Grochtdreis bei unserem Meetup zu Gast. Im Podcast haben wir uns über sein Vortragsthema "Pattern Libraries für Entwicklung und Design" unterhalten. Mehr über Jens erfahrt ihr auf seiner Webseite und dem Entwicklerzusammenschluss Webkrauts für mehr Qualität im Web. Picks of the Day Jens: Manuel Matuzovic (2019): Building the most inaccessible site possible with a perfect Lighthouse score. Fabi: Swift UI Sebi: Mac Pro Schreibt uns! Schickt uns eure Themenwünsche und euer Feedback. podcast@programmier.bar Folgt uns! Bleibt auf dem Laufenden über zukünftige Folgen und Meetups und beteiligt euch an Community-Diskussionen. Twitter Instagram Facebook Meetup YouTube Erfahrt hier, wann das nächste Meetup in unserem Office in Bad Nauheim stattfindet. Meetup Musik: Hanimo
Front-end architect and speaker Mina Markham is Jeffrey Zeldman’s guest. Mina discusses her career path, her work at as a senior engineer at Slack, how she came to create the Hillary Clinton UI pattern library “Pantsuit,” her time at IBM, helping others and inviting women of color into STEM fields, becoming a public speaker in spite of deep introversion, a recent South African safari, air travel, conferences, the joys of visiting Italy, and more. Enjoy a relaxed and illuminating glimpse into the life of a private and highly creative person.
Pattern Lab (http://pattern-lab.info/) and Fractal (https://fractal.build/) are both popular tools for creating pattern libraries and style guides. How can we leverage them in our WordPress themes to avoid duplication and breaking the link between the style guides and the website? In this episode of Press This, we’re chatting with Ryan Ogden, Directory of Technology at ExpandTheRoom, about using pattern library tools successfully within our WordPress themes. If you are contemplating using these tools or are looking for ways to parellize front-end and back-end theme development listen to this episode to gain valuable insights. Listen now!
Pattern Lab (http://pattern-lab.info/) and Fractal (https://fractal.build/) are both popular tools for creating pattern libraries and style guides. How can we leverage them in our WordPress themes to avoid duplication and breaking the link between the style guides and the website? In this episode of Press This, we’re chatting with Ryan Ogden, Directory of Technology at ExpandTheRoom, about using pattern library tools successfully within our WordPress themes. If you are contemplating using these tools or are looking for ways to parellize front-end and back-end theme development listen to this episode to gain valuable insights. Listen now!
This week includes a run by Jen Simmons’ YouTube channel Layout Land, a review of content security policy problems in a research paper at Google AI, a look at a tool that lets you create...
In this highly requested episode, Scott and Wes talk about design systems, what they are, why you may want or need one, how to use them, efficiency, best practices, and much more… VueSchool.io's Vue.js Masterclass — Sponsor Check out VueSchool.io’s new Vue.js Masterclass taught by Alex Kyriakidis. Learn Vue.js along with best practices, modern Javascript, and other exciting technologies, by building a real-world application - a forum. The first 50 people to visit VueSchool.io/syntax to get 25% off. Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section. Show Notes 2:40 Design Systems 101 Wes’ Tweet about Design Systems 9:40 Organizational elements of design systems It’s all about consistency 23:07 Best tools for building design systems and style guides Figma Relay for Figma InVision Design Systems Manager Airbnb Lona Brad Frost’s Pattern Library uiengine 41:52 Where to learn more Links Guide to Design Systems by InVision Shopify’s Design System Mailchimp’s Voice and Tone Zendesk Garden Material Design Awesome Design Systems Design Systems Repo Design Systems Docz Facebook Yoga StorybookJS Stuart Clarke-Frisby Tweet Figma’s Platform Figma Styles and Prototyping Design Systems Newsletter ××× SIIIIICK ××× PIIIICKS ××× Scott: CalDigit TS3 Plus Wes: Picasso Tiles Shameless Plugs Scott’s Level 1 Electron Course Wes’ Advanced React Course (Coming Soon) Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets
In this episode, you’ll hear a conversation with Dan Cederholm and Ethan Marcotte. It was recorded at the Hang Time Boston after-party at Coppersmith. You may hear a bit of bar noise, but you’ll also hear some great insights on responsive web design, GIFs, and more. Ethan shares the story of how responsive web design came to be, the complexity of the design process, the best way to get started with responsive web design, advice for teams building pattern libraries and style guides, why he started a GIF repository, and more. Links Mentioned in Overtime Ethan Marcotte Ethan Marcotte on Dribbble Ethan Marcotte on Twitter A List Apart: Responsive Web Design Responsive Web Design Podcast RWD Twitter The Dao of Web Design Bukkit Design Systems by Alla Kholmatova From Pages to Patterns: An Exercise for Everyone by Charlotte Jackson
In this episode, you’ll hear a conversation with Dan Cederholm and Ethan Marcotte. It was recorded at the Hang Time Boston after-party at Coppersmith. You may hear a bit of bar noise, but you’ll also hear some great insights on responsive web design, GIFs, and more. Ethan shares the story of how responsive web design came to be, the complexity of the design process, the best way to get started with responsive web design, advice for teams building pattern libraries and style guides, why he started a GIF repository, and more. Links Mentioned in Overtime Ethan Marcotte Ethan Marcotte on Dribbble Ethan Marcotte on Twitter A List Apart: Responsive Web Design Responsive Web Design Podcast RWD Twitter The Dao of Web Design Bukkit Design Systems by Alla Kholmatova From Pages to Patterns: An Exercise for Everyone by Charlotte Jackson
Ich habe heute mein erstes Podcast Interview für dich! Ich habe mich mit Robert zusammengesetzt und ihn zum Thema Pattern Libraries befragt, da ich selbst noch gar nicht so viel zu diesem Thema wusste. Wir haben darüber gesprochen, was eine Pattern Library grundlegend eigentlich ist, ab welcher Größenordnung man diese anlegt, warum man überhaupt damit arbeiten sollte oder ob eine Pattern Library die Kreativität eines Designers einschränkt. Zudem geht es auch um folgende Themen: - Wie kann eine Pattern Library dir helfen, Design Prozesse zu beschleunigen? - Wie kannst du effizienter, sowohl allein als auch im Team, gestalten und so auf lange Sicht viel Zeit sparen? - Wie hilft dir eine Pattern Library Stabilität in ein Projekt zu bringen, indem man immer wieder gleiche Styles, Vorlagen oder vorgefertigte Module verwendet? Danke an Robert von Rooosh Creative Studio: https://rooosh.com Du findest ihn auch auf Facebook: https://www.facebook.com/robooosh oder Behance: https://www.behance.net/roooshstudio Patter Library Beispiele: Marvel: https://marvelapp.com/styleguide/overview/introduction Salesforce: https://www.lightningdesignsystem.com Mailchimp: https://ux.mailchimp.com/patterns Noch mehr weiterführende Links und Ressourcen findest du im zugehörigen Blogartikel: http://jonasarleth.com/blog ► Wenn dir diese Folge etwas gebracht hat, bewerte bitte kurz meinen Podcast auf iTunes: www.jonasarleth.com/itunes — Mein wöchentlicher Newsletter: www.jonasarleth.com/newsletter Podcast auf iTunes: www.jonasarleth.com/itunes Podcast auf Pocket Casts: www.jonasarleth.com/pocketcasts ► Instagram: www.instagram.com/jonasarleth ► Dribbble: www.dribbble.com/jonasarleth ► YouTube: www.jonasarleth.com/youtube Musik Credits: www.freemusicarchive.org/music/Lee_Rosevere
Benjamin Rabe ist User Experience Designer bei mindmatters. Er berichtet in diesem Interview von der Zusammenarbeit mit Kunden und den größeren Aufgaben, denen man mit Design begegnen kann und unsere Verantwortung als Produktentwickler. Ich glaube die größere Aufgabe ist tatsächlich, dieses Toolset das man als Designer hat soweit zu öffnen, dass sie zum einen verfügbar sind für alle und zum anderen auch das Mindset so zu schärfen, das jeder weiß, wann man sie anwenden kann. —Benjamin Rabe Es geht darum, wie wir im Zusammenspiel mit Kunden auch grundsätzlich auf das Projekt einwirken und größere Fragen klären können: Das was Design grade im frühen Prozess leisten kann, ist diesen Ideationsprozess gut zu begleiten, Möglichkeiten sichtbar zu machen und Wege auszuleuchten. —Benjamin Rabe Außerdem sprechen wir auch über die Verantwortung, die in der Produktentwicklung liegt und welche kulturstiftenden Aspekte unsere Arbeit haben kann: Ich finde das ist in gleichem Maße der schwere wie auch spannendste Auftrag den wir haben: Empathie möglichst früh aufzubauen, sie über ein Projekt aufrechtzuerhalten, immer anzupassen und sie aber auch wiederum im Projekt zu verteilen. —Benjamin Rabe Das Interview wurde am 11.08.2017 per Skype aufgenommen. Shownotes & Links Jobs To Be Done Salesforce Lightning Design System
Unser Interviewgast Rico Pfaus ist Frontend-Architekt bei Galeria Kaufhof. Vor drei Jahren haben wir gemeinsam mit Rico am Relaunch der Galeria Kaufhof Platform gearbeitet und sprechen mit ihm über die Entwicklungen seit dieser Zeit. Das Interview wurde am 04.08.2017 per Skype aufgenommen. Die Episode wurde am 14.08.2017 offline gestellt.
Unser Interviewgast Mario Nebl arbeitet als Freies Radikal bei der SinnerSchrader Deutschland GmbH. Wir unterhalten uns mit Mario über den von ihm entwickelten Pattern Library Generator patternplate und Design Systeme. Allein dadurch dass alle über die selbe Sache sprechen, spart man viel Zeit und erreicht eine andere Durchdringungstiefe in allen Gewerken. —Mario Nebl Ebenso sprechen wir über Teamkonstellationen bei SinnerSchrader: Wir strukturieren unsere Teams anders: Es gibt kein Team in dem nur Technik oder nur Designer sitzen. Es wird immer gemeinsam in relativ kleinen Teams an einem Feature gearbeitet. Das führt dazu, dass man gemeinsam Verantwortung für das Ergebnis übernimmt. —Mario Nebl Das Interview wurde am 17.07.2017 in Hamburg aufgenommen. Shownotes & Links patternplate Space in Design Systems – Nathan Curtis React Sketch.app
Heute sprechen wir quick & dirty über die UIengine, welche wir als Pattern Library Generator in aktuellen Projekten einsetzen. Shownotes & Links UIengine Die UIengineering.de Pattern Library
Ein kleines Update aus dem Off: Im quick & dirty Style melden wir uns zwischen den Staffel zurück und sprechen über das was uns aktuell bewegt. Shownotes & Links UIengine Die UIengineering.de Pattern Library
CSS ist eine Schnittmenge der Gewerke Design und Entwicklung. In der achten Folge des UIengineering Podcasts sprechen wir heute darüber wie wir CSS schreiben, welche Tools wir nutzen und welche Architekturen es gibt. CSS ist nicht CSS ist CSS … heute schreibt kaum noch ein Frontend-Entwickler direkt CSS. Wer sich viel Arbeit und Zeit sparen will, der nutzt einen Preprozessor. Welchen aber nutzt man am besten? Was steckt hinter diesen Tools? Und ist das schon wieder etwas, was ein Designer lernen muss, der womöglich gerade seine ersten Schritte in CSS gemacht hat? Wir berichten über unsere Erfahrungen mit BEM, auch ausserhalb der Design-und-Entwickler-Schnittmenge, warum das Konzept gut zu Atomic Design passt und was man sonst noch so beachten kann und sollte. Keine reine Entwicklerfolge, im Gegenteil. Termine mit #UIengineering 16.3.–18.3.2017 E-Commerce Camp Jena 29.5.–2.6.2017 webinale Berlin Shownotes & Links Preprozessoren / Architekturen BEM SASS Stylus LESS Atomic CSS SMACSS Tools zum Kompilieren Koala (Win, Mac, Linux) CodeKit (Mac) Prepros (Win, Mac, Linux)
Layouten in Sandboxen: Was? Nicht in Photoshop oder Sketch? Und was sind überhaupt Sandboxen? Sandkisten? Wir sprechen in dieser Episode über den Prozess des Layoutens, und wie und wann welche Tools für die Designarbeit sinnvoll sind. UIengineering ist nicht nur wenn ein Designer mit dem Entwickler spricht bevor er sein Layout “über den Zaun wirft”. In dieser Episode sprechen wir über die Methode in einer Sandbox, einem Bereich innerhalb einer Pattern Library, zu gestalten. Layouten mit Code (Markup/HTML und CSS, vielleicht sogar JavaScript). Manchmal kann das eine extrem effektive Art und Weise der Arbeit sein. Manchmal kann es auch langsamer sein und die Ergebnisse viel schlechter. Wann also sollte man wie vorgehen? Neben der Herausforderung mit Tools, die man nicht so gut beherrscht wie andere, zum perfekten Ergebnis zu kommen, kann man aber auch viel Zeit sparen. Mitunter auch den einzigen wirtschaftlichen Weg beschreiten, um ans Ziel zu gelangen. Wir beleuchten diese Aspekte heute aus der Perspektive des Designgewerks. Termine mit #UIengineering 16.3.–18.3.2017 E-Commerce Camp Jena 29.5.–2.6.2017 webinale Berlin Shownotes & Links Alt aber wahr - Warum Designer coden sollten (EN) Termine mit #uiengineering
Pattern libraries can help you streamline the design process and build a flexible system (instead of static pages). Today we're exploring this concept with Laura Elizabeth — a fantastic designer, writer & speaker. You'll learn how to plan and build a pattern library, how to document it, and how to make your clients fall in love with the result. Podcast feed: subscribe to http://simplecast.fm/podcasts/1441/rss in your favorite podcast app, and follow us on iTunes or Stitcher. Show Notes Double Your Freelancing — the website Laura is now redesigning with pattern libraries Design Academy — Laura's design course for developers Style Tiles — another concept for web design process Styleguides.io — great collection of website style guides Episode 26: Bridging the Gap Between Designers and Developers with Roger Dudler — our episode with the founder of Frontify Laura's official website Client Portal — Laura's product that helps keep all client deliverables in one place (use your special promocode uibreakfast to get $100 off) Follow Laura on Twitter: @laurium Leave a Review Reviews are hugely important because they help new people discover this podcast. If you enjoyed listening to this episode, please leave a review on iTunes.
Mina Markham built "Pantsuit," Hillary for America’s internal design system. The core CSS architecture of Pantsuit is based around a combination of SMACSS and Harry Roberts’ ITCSS, along with his brilliant namespacing patterns. How complex are systems like this? How does a well-documented styleguide and system improve your developer's workflow?
Folge Sechs unseres Podcasts ist ein Interview mit Falk Hoppe (@nothing_box), Senior Berater bei innoQ aus Monheim am Rhein. Falk arbeitet bereits seit vielen Jahren im Umfeld von Frontend und Pattern Libraries und teilt seine Eindrücke und Ideen mit uns. Die Arbeitsweise mit einer Pattern Library ist für Falk die Grundlage für funktionierendes UIengineering. Hier kommen Designer und Entwickler, aber auch Vertreter verschiedener Fachbereiche zusammen. Dabei sollte Kommunikation als Basis für eine gute Zusammenarbeit dienen und natürlich ist ein konstanter Austausch zu den Themen, die alle Gewerke beschäftigen essentiell. Aber wie deutlich wird, geht es auch für Falk nicht nur darum die Gewerke in einen Austausch zu bringen, sondern die Rollen per se zu betrachten und die Bindung einer Rolle an eine Person zu hinterfragen. Hier sieht er auch Herausforderungen, die bis zum Management einer Agentur oder eines Unternehmens hinauf gehen. Aber gleichzeitig ist ein Einverständnis nicht zwingend notwendig. Auch sprechen wir über Tools und wer diese verwenden kann. Eine Reihe von Links sind in den Shownotes zu finden. Je nach Konzeption und Anforderungen sind hier eventuell schon erste Tipps dabei, die einen Einstieg in die Welt von Styleguides und Pattern Libraries ermöglichen. Termine mit #UIengineering 16.3.–18.3.2017 E-Commerce Camp Jena 29.5.–2.6.2017 webinale Berlin Shownotes & Links Falk Hoppe auf twitter: nothing_box innoQ Stiletiles Stylegen von GALERIA Kaufhof Frontify Fabricator Fractal.Build Living Pattern Libraries: Wie man Styleguide Zombies killt Termine mit #uiengineering
In Folge Fünf des UI engineering Podcast unterhalten wir uns über die Kosten und Nutzen von Pattern Libraries. Wann macht es Sinn eine Pattern Library zu verwenden und wann nicht. Wer zahlt was? Wie ist mit Budgets pro Gewerk zu rechnen? Pattern Libraries sind der große Hype, aber was kostet denn eigentlich eine solche Pattern Library Entwicklung? Was sind die Dinge, die man sinnvollerweise einbaut? Wir sprechen über Beispiele, die wir in einigen Tools gesehen haben, die wir selber entwickelt haben und die wir uns noch gut vorstellen können für ein gutes Tool. Auch das Thema Dokumentation und das Einbeziehen von verschiedenen Gewerken ist ein Aspekt, der für uns in der Pattern Library Entwicklung eine wichtige Komponente ist. Hier diskutieren wir ebenfalls Beispiele und Anforderungen. Termine mit #UIengineering 16.3.–18.3.2017 E-Commerce Camp Jena 29.5.–2.6.2017 webinale Berlin Shownotes Enterprise UI Design Patterns How and why to create a pattern library? How we use pattern libraries to deliver value
Alexis Findiesen Senior Developer, and Zaid White Senior Art Director at CHIEF join Gary Rozanc to discuss the ins and outs of how designers and developer work together. The discussion goes into the details of when they work side by side, what kind of files they hand off to each other, and how micro interactions are designed and developed. Alexis and Zaid also share how their academic backgrounds, different from what their daily work, lead them to where they are today.
Folge Vier des UI engineering Podcast stellt die praktische Arbeit mit Pattern Libraries vor. Es geht um Arbeitsabläufe, wo fängt man an und wie setzt man Dinge um. Wir sprechen über die Workflows, die es für den Einsatz von Pattern Libraries gibt. Wir greifen dabei auch Themen der vorherigen Episoden – Atomic Design und Styletiles – wieder auf und sehen uns ihren praktischen Einsatz an. Außerdem sprechen wir über die Zusammenarbeit von Design und Entwicklung an der Pattern Library: Was dadurch ermöglicht wird und welche Herausforderungen dabei auf das Team zukommen. In der kommenden Episode weichen wir vom bisherigen Format ab und haben uns einen Interviewgast besorgt. Wir werden tiefer in das Thema Pattern Library einsteigen und ein Open Source Projekt dazu vorstellen. Seid gespannt! Shownotes Designing Imaginative Style Guides Are Pattern Libraries Good for Design?
In der dritten Folge des UI engineering Podcast geht es um Pattern Libraries. Wir besprechen die Grundlagen und die Aspekte für die Anforderer. Atomic Design ist eine Grundlage, die wir für eine solide Basis zum Entwickeln von Webprojekten erachten. Pattern Libraries sind ein Tool diesem Design System Leben einzuhauchen und die Idee von Atomic Design in das Projekt zu bringen. Hierbei ist unserer Auffassung nach eine lebende und von allen genutzte Pattern Library notwendig. Diese und weitere Aspekte besprechen wir in dieser Folge. Das Thema Pattern Libraries wird in der nächsten Folge fortgesetzt. Shownotes Pattern Libraries: What They Are and Why You Need One Pattern Libraries in Sketch + Zeplin Boards ⇒ Creative Team and Developers happy ever after Automated Pattern Libraries for Complex Web Design Projects
Russ and new Lighthouse member Josh chat about Pattern Libraries - what are they? When and why should you use them?
I chat to my good friend Anthony Cole. Anthony is a product developer with a background in wordpress and frontend development. Originally hailing from Silicon Valley and via NZ, Anthony works in Melbourne for startup Lexer.io. He shares insights on why you should use a pattern library. It is a set of components that you can reuse for common design problems. It also defines the interactions of components. By using a pattern library, it allows teams to focus on the bigger customer problems. Ultimately, it helps you ship products faster. We also discuss how you can implement it and best practices out there. Sources http://lexer.io http://styleguides.io/examples.html http://airbnb.design/building-a-visual-language http://airbnb.design/the-way-we-build https://ux.mailchimp.com/patterns https://www.dropbox.com/branding https://developer.yahoo.com/ypatterns http://getbootstrap.com For more goodness, check out my blog: http://inspiredworlds.com If you like the podcast, please like it, share it and rate it 5 stars on the app store :) I'm out like naming things, Matt Ho
[00:00:39] News Please update Picturefill Ein kleines Public Service Annoucement der Responsive Images Group: Holt euch den neuen Picturefill. Der ist den Standards nahe und rüstet dort auf wo’s nötig ist.. Schaunotizen [00:01:33] PatternLab Stefan hat’s schon bei einigen Projekten im Einsatz, Schepp hat gerade den Intensivkurs vom Großmeister Brad Frost selbst absolviert: PatternLab, das […]