Atomic design
Download as pptx, pdf1 like278 views
The document discusses atomic design, which involves breaking down interfaces into fundamental building blocks called atoms that combine to form molecules and organisms. Atoms have no intrinsic meaning on their own. Molecules combine atoms into single interactions that are often functional but lack context. Organisms combine interactions to provide choice and meaning. Templates are digital ecosystems where organisms coexist, and pages are specific instances of templates with content filling abstraction. The document advocates designing interfaces from the inside out by establishing constraints and reading the blocks from atoms to pages.
1 of 16
Download to read offline
Ad
Recommended
ETRI_LTE
ETRI_LTESvetislav Maric
?
This document contains an article that has been accepted for publication in a future issue of the ETRI journal. The article discusses a proposed algorithm and compares its performance to existing G.712 and G.711 standards. As the document notes, the content of the article may still change prior to final publication in the journal.Data on svmc meetings from 1996 - 2016
Data on svmc meetings from 1996 - 2016hrf chennai
?
The document provides data on State Vigilance Monitoring Committee (SVMC) meetings in Tamil Nadu from 1996 to 2016. It includes the names of Chief Ministers during this period, their terms in office, the total number of SVMC meetings conducted during their tenure, the number of mandatory meetings required, and the percentage of mandatory meetings held. Over this 20 year period, a total of 42 SVMC meetings were conducted, of which only 3 or 1.26% of meetings were mandatory.Handout 4
Handout 4Elorrio
?
This document discusses key components of weather including temperature, precipitation, clouds, and wind. It addresses what each component is, its types, and how it is measured with instruments. The document is a handout for a primary school unit on weather and climate.Fotoprotokoll 1
Fotoprotokoll 1Werner Drizhal
?
The document appears to be notes from a case discussion that took place on February 26, 2010. It describes a client's personal and family history, including their childhood experiences, education, relationships, and work history. The discussion examines the client's current life situation and options for providing assistance.Handout 3 c
Handout 3 cElorrio
?
This document appears to be a weather forecast record sheet containing columns for the date, temperature predictions for high and low, precipitation, wind direction, and comments. The sheet seems to be from the Basque Government Education Department for the 2005-2006 school year to record daily weather forecasts and observations.Epic Research Singapore : - Daily IForex Report of 08 June 2015
Epic Research Singapore : - Daily IForex Report of 08 June 2015Epic Research Singapore
?
This document provides a market insight report from Epic Research Singapore that includes:
- An analysis of the GBP/USD and EUR/USD currency pairs, noting recent price movements and levels of support and resistance.
- A rundown of major economic data and events scheduled for release that day, including non-farm payroll numbers from the US.
- Hourly charts of GBP/USD and EUR/USD with suggested buy and sell levels and targets.Geo Volume of Prisms 5-9-08
Geo Volume of Prisms 5-9-08Jonathan Fjelstrom
?
The 12-page document discusses the monthly board meeting held on May 9, 2008. The board reviewed the previous month's financial reports, discussed upcoming strategic initiatives, and approved plans to launch a new marketing campaign. Key leadership provided updates on various departmental activities and goals. The meeting concluded with setting the agenda for the next scheduled board meeting in June.Data Analytics Slick
Data Analytics SlickRex Wilcox
?
The document discusses how Total Insight, a data analytics company, helps clients simplify data chaos and gain insights through analysis. They identify realistic changes based on a client's business needs, develop strategic health plan approaches, and execute organizational plans together with clients. Total Insight's experts compile and convert client data into a usable analytical report to provide insights on areas like risk management, finance, population health, funding analysis, and benchmarking.Story and Writing
Story and Writingllkendal
?
The document discusses the film Closer and differences between its stage play and film adaptations. It summarizes that Clive Owen originally played a role that Jude Law played in the film. It also mentions the original ending of the stage play was changed for the film. Owen and Natalie Portman won Golden Globes for their roles in the film.Caso 1 (autoguardado)konejodzul
?
Carlos es un ni?o de 8 a?os que tiene dificultades en el aprendizaje y no se desarrolla adecuadamente en comparaci¨®n con sus compa?eros. Esto puede deberse a factores hereditarios de su padre y a que en su casa no recibe la atenci¨®n adecuada ni se fomenta su responsabilidad, por lo que no puede alcanzar el mismo nivel de aprendizaje que los dem¨¢s ni?os.Proceso administrativojuarezjaneth
?
El proceso administrativo consta de cuatro componentes principales: planeaci¨®n, organizaci¨®n, direcci¨®n y control. La planeaci¨®n implica investigar el entorno interno y externo para establecer estrategias, pol¨ªticas y objetivos a corto, mediano y largo plazo. La organizaci¨®n define las reglas y estructuras para coordinar los recursos humanos, materiales y financieros. La direcci¨®n se encarga de ejecutar los planes mediante la motivaci¨®n, comunicaci¨®n y supervisi¨®n para alcanzar las metas. El control eval¨²a el desarrollo general de la empresa.´úÂëдÃØÃܵľ«ÉñÊÀ½çÓëÎÒÃÇÉñÊ¥µÄ´æÔÚÎÒÃÇÄÚÔÚ×ÔÎÒ»òÊôÉñµÄ½Ó´¥-½øÐоÀÕý
´úÂëдÃØÃܵľ«ÉñÊÀ½çÓëÎÒÃÇÉñÊ¥µÄ´æÔÚÎÒÃÇÄÚÔÚ×ÔÎÒ»òÊôÉñµÄ½Ó´¥-½øÐоÀÕýcdoecrt
?
ÎĵµÌ½ÌÖÁË×ÔÎÒ¡¢Áé»êºÍÉñÐÔÖ®¼äµÄ¹Øϵ£¬Ç¿µ÷ÁËÄÚÔÚÒâʶÓëÍâÔÚÊÀ½çµÄ»¥¶¯¡£ÈËÃdz£³£±»¸÷ÖÖ¸ºÃæÇéÐ÷ºÍÁé»êÓ°Ï죬¶øÕæÕýµÄÖÇ»ÛÀ´×ÔÓÚÄÚÐĵľõÐÑ¡£×îÖÕ£¬ÈËÈ˶¼ÄÜͨ¹ýѧϰºÍ×ÔÎÒ·´Ë¼£¬ÕÒµ½ÓëÉñµÄÁ¬½ÓÓë´æÔÚ¡£Whats app doc
Whats app docDante Murphy
?
The document discusses key differences between designing apps versus web experiences. It notes that apps have easier access to device sensors but do not scale as well across platforms. It also discusses how apps require more of a commitment than websites since they must be updated and maintained, unlike websites which are always accessible. The document summarizes the main topics of technology, behavior, and governance differences between the two formats.Figurative Language (www.ereadingworksheets.com)
Figurative Language (www.ereadingworksheets.com)jjwubby
?
The document defines and provides examples of different types of figurative language including simile, metaphor, personification, hyperbole, and understatement. It explains that a simile directly compares two things using like or as, while a metaphor makes a comparison without using those words. Personification gives human traits to non-human objects or ideas. Hyperbole exaggerates to emphasize strong feelings, while understatement does the opposite. The document concludes with a quiz where the reader must identify examples as one of the five types of figurative language.Cloud Translation
Cloud TranslationLuigi Muzii
?
The document discusses various themes, including the nature of technology, its impact on communication and collaboration, and philosophical musings on existence. It highlights the transformative effect of inventions like the washing machine over the internet and critiques aspects of cloud services like SaaS, PaaS, and IaaS. Additionally, it emphasizes the importance of making technological advancements accessible to all for true progress.REAKSI KIMIA
REAKSI KIMIAAndi Himyatul Hidayah
?
Dokumen tersebut membahas tentang reaksi kimia dalam air dan penggolongan zat terlarut dalam larutan berair menjadi elektrolit kuat, elektrolit lemah, dan nonelektrolit."Strategies
Strategieswishi
?
The document discusses various strategic management concepts including Porter's generic strategies of cost leadership, differentiation, and focused strategies. It also discusses conducting SWOT and TOWS matrix analyses to match internal and external factors. Additionally, it introduces the BCG matrix for analyzing business portfolios based on market share and growth rate of product lines or SBUs. Finally, it notes the process of identifying strategic alternatives, choosing an alternative, and implementing strategies.Data! Action! Data journalism issues to watch in the next 10 years
Data! Action! Data journalism issues to watch in the next 10 yearsPaul Bradshaw
?
The document discusses the evolution of journalism in the context of data, highlighting the shift from traditional knowledge/power dynamics to a data/action nexus that prioritizes outcomes. It raises questions about the role of data in amplifying voices, the integrity of data journalism, and the ethical considerations surrounding data usage. Additionally, it highlights the challenges faced by journalists in maintaining legitimacy amid changing news values and public expectations.Post-Editing of Machine Translation: Developing Requirements and Compensation...
Post-Editing of Machine Translation: Developing Requirements and Compensation...Luigi Muzii
?
The document provides an overview of post-editing of machine translation (PEMT), including its requirements, compensation schemes, and methodologies. It discusses different types of machine translation methods, quality estimation metrics, and the skills needed for successful PEMT. Additionally, the document outlines specifications for PEMT practices, emphasizing the importance of productivity and quality in the post-editing process.Future of Healthcare - Crown Point - Interprofessional Teams
Future of Healthcare - Crown Point - Interprofessional Teamsusffw
?
This document provides an introduction to interprofessional education and practice. It describes recommendations from organizations like the IOM to improve collaboration between healthcare professionals through interprofessional education and teams. The goals of interprofessional collaboration include providing better, higher quality care at a lower cost. It also identifies the need to prepare students with the skills to work effectively on interprofessional teams after graduation.Glosario psicolog¨ªa del desarrollo infantilIleana Pech Gongora
?
El documento presenta definiciones breves de varios t¨¦rminos clave relacionados con la psicolog¨ªa del desarrollo infantil, incluyendo patolog¨ªa, genotipo, fenotipo, infancia, adolescencia, maduraci¨®n, herencia y ambiente. Estos t¨¦rminos se refieren a conceptos como las enfermedades, los genes, la manifestaci¨®n de los genes, las etapas del desarrollo infantil y la influencia de la herencia y el ambiente.DRE REPORT- 2014 (1)
DRE REPORT- 2014 (1)Gladys Sanchez
?
This document provides information about the Religious Education program for 2015 at a Unitarian Universalist congregation. It summarizes the monthly themes and activities for children and youth programs from July to December, including World of Wonder curriculum, disability awareness, multicultural music, letting go, ancestry and thanksgiving. It highlights special events like visits from Oaken Acres animals and participation in community gardening. The document encourages volunteer involvement and provides details on different volunteer roles to support the RE program.Teaching requirements analysis REET 2014 at RE2014
Teaching requirements analysis REET 2014 at RE2014Luisa Mich
?
This document discusses a proposed framework for teaching requirements analysis (RA) in computer science and business courses, highlighting challenges such as student perceptions and limited course hours. It presents a structured approach to student projects aimed at enhancing skills in identifying and modeling business requirements, emphasizing collaboration with companies and a practical problem-solving focus. The framework integrates business analysis with established academic models and aims to motivate students through real-world applications while addressing educational constraints.Vyhled¨¢v¨¢n¨ª literatury k diplomov¨¦ pr¨¢ci a spr¨¢va citac¨ª
Vyhled¨¢v¨¢n¨ª literatury k diplomov¨¦ pr¨¢ci a spr¨¢va citac¨ª?st?edn¨ª knihovna FF MU
?
V t¨¦to lekci se budeme zab?vat samotn?m vyhled¨¢v¨¢n¨ªm literatury na konkr¨¦tn¨ª t¨¦ma v r?zn?ch zdroj¨ªch a efektivn¨ªm sb¨§rem citac¨ª ¨C budeme tedy vytv¨¢?et takzvanou re?er?i. Jak na to a jak¨¦ n¨¢stroje pou?¨ªt v¨¢m uk¨¢?e lektorka Mgr. Eva Jandov¨¢.¼À¤ê¤«¤é°ëÄꤿ¤Ã¤¿¥×¥í¥¸¥§¥¯¥È¤Ë¥¸¥ç¥¤¥ó¤·¤Æ¤ß¤¿
¼À¤ê¤«¤é°ëÄꤿ¤Ã¤¿¥×¥í¥¸¥§¥¯¥È¤Ë¥¸¥ç¥¤¥ó¤·¤Æ¤ß¤¿Asuka Oizumi
?
2016Äê12ÔÂ5ÈÕ¤Ëé_´ß¤µ¤ì¤¿ Frontrend#8 ¤Ç°k±í¤·¤¿LTÙYÁϤǤ¹¡£DWX 2016 - Atomic Design ¨C Frontend und Design im RWD-Zeitalter - Pluswerkdie.agilen GmbH
?
Das Dokument von Patrick Lobacher behandelt die Grundlagen und Methoden des 'Atomic Design' im Kontext von Responsive Web Design (RWD). Es beleuchtet die Verschiebung von klassischen Designprozessen hin zu systematischeren Ans?tzen, die Komponenten als zentrale Elemente betrachten, um Flexibilit?t und Skalierbarkeit in digitalen Projekten zu gew?hrleisten. Zudem werden verschiedene Beispielquellen und die Anwendung der Atomic Design-Prinzipien in der Praxis vorgestellt.Atomic design¤Æ?Öú¤«¤Ã¤¿Èˤ¿¤Á
Atomic design¤Æ?Öú¤«¤Ã¤¿Èˤ¿¤ÁIida Yukako
?
This document discusses atomic design and introduces the presenter, Yukako Iida. Atomic design is a methodology for building user interfaces that consists of 5 levels - atoms, molecules, organisms, templates, and pages. Atoms are the smallest UI elements, molecules are groups of atoms that form common building blocks, organisms are complex UI components, templates are page layouts, and pages are the screen levels. The presenter works as a front-end engineer at AbemaTV and will discuss implementing atomic design in their work.Seven deadly essentialisms of the technology industry
Seven deadly essentialisms of the technology industryViewyonder
?
The document discusses the concept of essentialism in the technology industry, highlighting its advantages and disadvantages. It outlines seven types of essentialism, including DevOps and cloud-native, and critiques the risk of oversimplification and premature optimization. Additionally, it suggests ways to escape essentialism, advocating for continuous learning and community engagement.Atomic Design: Effective Way of Designing UI
Atomic Design: Effective Way of Designing UIFibonalabs
?
Atomic design is a methodology created by Brad Frost to organize UI design into a hierarchical structure, helping both designers and developers create intentional interface systems. It comprises five stages: atoms, molecules, organisms, templates, and pages, each building on the previous one. This approach not only streamlines design processes but also enhances reusability and consistency across digital products.More Related Content
Viewers also liked (20)
Story and Writing
Story and Writingllkendal
?
The document discusses the film Closer and differences between its stage play and film adaptations. It summarizes that Clive Owen originally played a role that Jude Law played in the film. It also mentions the original ending of the stage play was changed for the film. Owen and Natalie Portman won Golden Globes for their roles in the film.Caso 1 (autoguardado)konejodzul
?
Carlos es un ni?o de 8 a?os que tiene dificultades en el aprendizaje y no se desarrolla adecuadamente en comparaci¨®n con sus compa?eros. Esto puede deberse a factores hereditarios de su padre y a que en su casa no recibe la atenci¨®n adecuada ni se fomenta su responsabilidad, por lo que no puede alcanzar el mismo nivel de aprendizaje que los dem¨¢s ni?os.Proceso administrativojuarezjaneth
?
El proceso administrativo consta de cuatro componentes principales: planeaci¨®n, organizaci¨®n, direcci¨®n y control. La planeaci¨®n implica investigar el entorno interno y externo para establecer estrategias, pol¨ªticas y objetivos a corto, mediano y largo plazo. La organizaci¨®n define las reglas y estructuras para coordinar los recursos humanos, materiales y financieros. La direcci¨®n se encarga de ejecutar los planes mediante la motivaci¨®n, comunicaci¨®n y supervisi¨®n para alcanzar las metas. El control eval¨²a el desarrollo general de la empresa.´úÂëдÃØÃܵľ«ÉñÊÀ½çÓëÎÒÃÇÉñÊ¥µÄ´æÔÚÎÒÃÇÄÚÔÚ×ÔÎÒ»òÊôÉñµÄ½Ó´¥-½øÐоÀÕý
´úÂëдÃØÃܵľ«ÉñÊÀ½çÓëÎÒÃÇÉñÊ¥µÄ´æÔÚÎÒÃÇÄÚÔÚ×ÔÎÒ»òÊôÉñµÄ½Ó´¥-½øÐоÀÕýcdoecrt
?
ÎĵµÌ½ÌÖÁË×ÔÎÒ¡¢Áé»êºÍÉñÐÔÖ®¼äµÄ¹Øϵ£¬Ç¿µ÷ÁËÄÚÔÚÒâʶÓëÍâÔÚÊÀ½çµÄ»¥¶¯¡£ÈËÃdz£³£±»¸÷ÖÖ¸ºÃæÇéÐ÷ºÍÁé»êÓ°Ï죬¶øÕæÕýµÄÖÇ»ÛÀ´×ÔÓÚÄÚÐĵľõÐÑ¡£×îÖÕ£¬ÈËÈ˶¼ÄÜͨ¹ýѧϰºÍ×ÔÎÒ·´Ë¼£¬ÕÒµ½ÓëÉñµÄÁ¬½ÓÓë´æÔÚ¡£Whats app doc
Whats app docDante Murphy
?
The document discusses key differences between designing apps versus web experiences. It notes that apps have easier access to device sensors but do not scale as well across platforms. It also discusses how apps require more of a commitment than websites since they must be updated and maintained, unlike websites which are always accessible. The document summarizes the main topics of technology, behavior, and governance differences between the two formats.Figurative Language (www.ereadingworksheets.com)
Figurative Language (www.ereadingworksheets.com)jjwubby
?
The document defines and provides examples of different types of figurative language including simile, metaphor, personification, hyperbole, and understatement. It explains that a simile directly compares two things using like or as, while a metaphor makes a comparison without using those words. Personification gives human traits to non-human objects or ideas. Hyperbole exaggerates to emphasize strong feelings, while understatement does the opposite. The document concludes with a quiz where the reader must identify examples as one of the five types of figurative language.Cloud Translation
Cloud TranslationLuigi Muzii
?
The document discusses various themes, including the nature of technology, its impact on communication and collaboration, and philosophical musings on existence. It highlights the transformative effect of inventions like the washing machine over the internet and critiques aspects of cloud services like SaaS, PaaS, and IaaS. Additionally, it emphasizes the importance of making technological advancements accessible to all for true progress.REAKSI KIMIA
REAKSI KIMIAAndi Himyatul Hidayah
?
Dokumen tersebut membahas tentang reaksi kimia dalam air dan penggolongan zat terlarut dalam larutan berair menjadi elektrolit kuat, elektrolit lemah, dan nonelektrolit."Strategies
Strategieswishi
?
The document discusses various strategic management concepts including Porter's generic strategies of cost leadership, differentiation, and focused strategies. It also discusses conducting SWOT and TOWS matrix analyses to match internal and external factors. Additionally, it introduces the BCG matrix for analyzing business portfolios based on market share and growth rate of product lines or SBUs. Finally, it notes the process of identifying strategic alternatives, choosing an alternative, and implementing strategies.Data! Action! Data journalism issues to watch in the next 10 years
Data! Action! Data journalism issues to watch in the next 10 yearsPaul Bradshaw
?
The document discusses the evolution of journalism in the context of data, highlighting the shift from traditional knowledge/power dynamics to a data/action nexus that prioritizes outcomes. It raises questions about the role of data in amplifying voices, the integrity of data journalism, and the ethical considerations surrounding data usage. Additionally, it highlights the challenges faced by journalists in maintaining legitimacy amid changing news values and public expectations.Post-Editing of Machine Translation: Developing Requirements and Compensation...
Post-Editing of Machine Translation: Developing Requirements and Compensation...Luigi Muzii
?
The document provides an overview of post-editing of machine translation (PEMT), including its requirements, compensation schemes, and methodologies. It discusses different types of machine translation methods, quality estimation metrics, and the skills needed for successful PEMT. Additionally, the document outlines specifications for PEMT practices, emphasizing the importance of productivity and quality in the post-editing process.Future of Healthcare - Crown Point - Interprofessional Teams
Future of Healthcare - Crown Point - Interprofessional Teamsusffw
?
This document provides an introduction to interprofessional education and practice. It describes recommendations from organizations like the IOM to improve collaboration between healthcare professionals through interprofessional education and teams. The goals of interprofessional collaboration include providing better, higher quality care at a lower cost. It also identifies the need to prepare students with the skills to work effectively on interprofessional teams after graduation.Glosario psicolog¨ªa del desarrollo infantilIleana Pech Gongora
?
El documento presenta definiciones breves de varios t¨¦rminos clave relacionados con la psicolog¨ªa del desarrollo infantil, incluyendo patolog¨ªa, genotipo, fenotipo, infancia, adolescencia, maduraci¨®n, herencia y ambiente. Estos t¨¦rminos se refieren a conceptos como las enfermedades, los genes, la manifestaci¨®n de los genes, las etapas del desarrollo infantil y la influencia de la herencia y el ambiente.DRE REPORT- 2014 (1)
DRE REPORT- 2014 (1)Gladys Sanchez
?
This document provides information about the Religious Education program for 2015 at a Unitarian Universalist congregation. It summarizes the monthly themes and activities for children and youth programs from July to December, including World of Wonder curriculum, disability awareness, multicultural music, letting go, ancestry and thanksgiving. It highlights special events like visits from Oaken Acres animals and participation in community gardening. The document encourages volunteer involvement and provides details on different volunteer roles to support the RE program.Teaching requirements analysis REET 2014 at RE2014
Teaching requirements analysis REET 2014 at RE2014Luisa Mich
?
This document discusses a proposed framework for teaching requirements analysis (RA) in computer science and business courses, highlighting challenges such as student perceptions and limited course hours. It presents a structured approach to student projects aimed at enhancing skills in identifying and modeling business requirements, emphasizing collaboration with companies and a practical problem-solving focus. The framework integrates business analysis with established academic models and aims to motivate students through real-world applications while addressing educational constraints.Vyhled¨¢v¨¢n¨ª literatury k diplomov¨¦ pr¨¢ci a spr¨¢va citac¨ª
Vyhled¨¢v¨¢n¨ª literatury k diplomov¨¦ pr¨¢ci a spr¨¢va citac¨ª?st?edn¨ª knihovna FF MU
?
V t¨¦to lekci se budeme zab?vat samotn?m vyhled¨¢v¨¢n¨ªm literatury na konkr¨¦tn¨ª t¨¦ma v r?zn?ch zdroj¨ªch a efektivn¨ªm sb¨§rem citac¨ª ¨C budeme tedy vytv¨¢?et takzvanou re?er?i. Jak na to a jak¨¦ n¨¢stroje pou?¨ªt v¨¢m uk¨¢?e lektorka Mgr. Eva Jandov¨¢.¼À¤ê¤«¤é°ëÄꤿ¤Ã¤¿¥×¥í¥¸¥§¥¯¥È¤Ë¥¸¥ç¥¤¥ó¤·¤Æ¤ß¤¿
¼À¤ê¤«¤é°ëÄꤿ¤Ã¤¿¥×¥í¥¸¥§¥¯¥È¤Ë¥¸¥ç¥¤¥ó¤·¤Æ¤ß¤¿Asuka Oizumi
?
2016Äê12ÔÂ5ÈÕ¤Ëé_´ß¤µ¤ì¤¿ Frontrend#8 ¤Ç°k±í¤·¤¿LTÙYÁϤǤ¹¡£DWX 2016 - Atomic Design ¨C Frontend und Design im RWD-Zeitalter - Pluswerkdie.agilen GmbH
?
Das Dokument von Patrick Lobacher behandelt die Grundlagen und Methoden des 'Atomic Design' im Kontext von Responsive Web Design (RWD). Es beleuchtet die Verschiebung von klassischen Designprozessen hin zu systematischeren Ans?tzen, die Komponenten als zentrale Elemente betrachten, um Flexibilit?t und Skalierbarkeit in digitalen Projekten zu gew?hrleisten. Zudem werden verschiedene Beispielquellen und die Anwendung der Atomic Design-Prinzipien in der Praxis vorgestellt.Atomic design¤Æ?Öú¤«¤Ã¤¿Èˤ¿¤Á
Atomic design¤Æ?Öú¤«¤Ã¤¿Èˤ¿¤ÁIida Yukako
?
This document discusses atomic design and introduces the presenter, Yukako Iida. Atomic design is a methodology for building user interfaces that consists of 5 levels - atoms, molecules, organisms, templates, and pages. Atoms are the smallest UI elements, molecules are groups of atoms that form common building blocks, organisms are complex UI components, templates are page layouts, and pages are the screen levels. The presenter works as a front-end engineer at AbemaTV and will discuss implementing atomic design in their work.Similar to Atomic design (7)
Seven deadly essentialisms of the technology industry
Seven deadly essentialisms of the technology industryViewyonder
?
The document discusses the concept of essentialism in the technology industry, highlighting its advantages and disadvantages. It outlines seven types of essentialism, including DevOps and cloud-native, and critiques the risk of oversimplification and premature optimization. Additionally, it suggests ways to escape essentialism, advocating for continuous learning and community engagement.Atomic Design: Effective Way of Designing UI
Atomic Design: Effective Way of Designing UIFibonalabs
?
Atomic design is a methodology created by Brad Frost to organize UI design into a hierarchical structure, helping both designers and developers create intentional interface systems. It comprises five stages: atoms, molecules, organisms, templates, and pages, each building on the previous one. This approach not only streamlines design processes but also enhances reusability and consistency across digital products.How to Write a Good Scientific Paper.pdf
How to Write a Good Scientific Paper.pdfRedhwan Qasem Shaddad
?
This document provides guidance on how to write a good scientific paper. It discusses the standard structure of scientific papers, including sections like the introduction, methods, results and discussion, and conclusions. It also covers important aspects of scientific writing like language and style, using figures and tables, citations, abstracts and titles, what editors look for in submissions, choosing the right journal, cover letters, the peer review process, and writing review articles. The overall aim is to help researchers effectively communicate their work to others in their field through high-quality scientific publications.AIT Newsletter May 2017
AIT Newsletter May 2017Asian Institute of Technology
?
AIT is one of the founding members of the Eastern Economic Corridor of Innovation (EECi), a project initiated under Thailand's Eastern Economic Development Plan to create a science hub in ASEAN. Fifty organizations from various sectors signed agreements to participate in EECi. EECi will have two campuses, one focusing on automation, robotics, biotechnology, and another on aerospace industries. AIT also signed several partnership agreements this month with universities and organizations from Hong Kong, Japan, Austria and India to collaborate on educational programs and projects related to urban development, remote sensing, and rail engineering. An AIT alumnus from Malaysia donated 1 million Thai Baht towards an engineering scholarship at AIT.AIT Newsletter May 2017
AIT Newsletter May 2017Asian Institute of Technology
?
AIT is one of the founding members of the Eastern Economic Corridor of Innovation (EECi), a project initiated under Thailand's Eastern Economic Development Plan to create a science hub in ASEAN. Fifty organizations from various sectors signed agreements to participate in EECi. EECi will have two campuses, one focusing on automation, robotics, biotechnology, and another on aerospace industries. AIT also signed several partnership agreements this month with universities and organizations from Hong Kong, Japan, Austria and India to collaborate on educational programs and projects related to urban development, remote sensing, and rail engineering. An AIT alumnus from Malaysia donated 1 million Thai Baht towards an engineering scholarship at AIT.AIT Newsletter May 2017
AIT Newsletter May 2017Asian Institute of Technology (AIT)
?
AIT is one of the founding members of the Eastern Economic Corridor of Innovation (EECi), a project initiated under Thailand's Eastern Economic Development Plan to create a science hub in ASEAN. Fifty organizations from various sectors signed agreements to participate in EECi. EECi will have two campuses, one focusing on automation, robotics, biotechnology, and another on aerospace industries. AIT also signed several partnership agreements this month with universities and organizations from Hong Kong, Japan, Austria and India to collaborate on educational programs and projects related to urban development, remote sensing, and rail engineering. An AIT alumnus from Malaysia donated 1 million Thai Baht towards an engineering scholarship at AIT.Early Christianity Essay Topics
Early Christianity Essay TopicsCarolyn Smith
?
This document discusses applying a gender-based violence approach to explore the realities faced by women seeking assistance at a center in Morocco. Primary research will involve observation and interviews with female victims of gender-based violence and center staff. The research aims to understand what leads women to seek help, the types of assistance available, challenges they face, and opportunities to improve support. Preliminary results indicate a lack of social and economic support for the women and the center. The research seeks to gain insights into how to better help women dealing with gender-based violence in Morocco.Ad
More from Dante Murphy (10)
Great Answer! Now What Was the Question?
Great Answer! Now What Was the Question?Dante Murphy
?
This document contains various quotes and information about mental models and frameworks. It discusses developing mental models to organize goals and identify tactics by grouping tasks into towers and towers into mental spaces. It also mentions using influence mapping to identify goals and relationships, and applying the funnel of relevance to add depth and context to mental models. Finally, it recommends testing tactics against a behavior model, considering flow, classifying domains using Cynefin, and focusing on idealized design when developing mental models and solutions.Neuro scientific design
Neuro scientific designDante Murphy
?
The document discusses key insights from a workshop on how neuro-scientific principles can inform digital experience design. It covers various cognitive aspects such as perception, memory, motivation, and decision-making processes. Emphasizing the importance of emotional responses over logical reasoning, it highlights how understanding these factors can enhance user engagement.Designing for usability
Designing for usabilityDante Murphy
?
This document outlines an April 22, 2015 workshop on designing for usability held in New York City. The workshop covers topics such as the usability lifecycle, elements of usability like colors, fonts, text, layout and interaction, guidelines for usable design including whether a design can be seen, understood, controlled and enjoyed, and concludes with a thank you.Behavior and experience
Behavior and experienceDante Murphy
?
The document discusses strategies for designing digital experiences to influence user behavior. It covers models for understanding what motivates behavior, including the hierarchy of needs and the Fogg behavior model. The document also addresses designing for a user's ability by supporting different experience levels. Additionally, it discusses using triggers like alerts and notifications to encourage specific behaviors through carefully crafted messages. The overall aim is to help practitioners design digital experiences that change behaviors by speaking to users' motivations, abilities and triggers.Conversant Design
Conversant DesignDante Murphy
?
The document discusses strategies for effective conversations. It defines a conversation as an exchange of facts, opinions, or stories between two or more participants where each has a specific goal. It recommends preparing to educate, influence, or engage the audience. Key strategies include asking questions to understand the other perspectives, listening for cues from the audience, finding shared objectives, and acting in good faith to achieve agreement or compromise. The document suggests applying these conversational strategies to design processes like creating personas and role playing scenarios.How Ideas Move (IUE 2014, Phoenix AZ)
How Ideas Move (IUE 2014, Phoenix AZ)Dante Murphy
?
The document discusses the movement of ideas among individuals and groups, highlighting that people are responsible for the transmission of these ideas. It emphasizes the importance of networks in facilitating idea exchange and suggests that balanced networks enhance innovation, communication, and adoption. The author encourages active participation in various channels to optimize the flow of ideas.Creating an Experience-Driven Strategy: full 2011 UPA presentation
Creating an Experience-Driven Strategy: full 2011 UPA presentationDante Murphy
?
The document discusses creating an experience-driven strategy through a synthesis framework that consolidates information, facilitates collaboration, and delivers executable innovation. It describes taking structured notes to get more value from observations, using a knowledge market and other techniques to refine observations into insights, applying storytelling to insights to illustrate tactical opportunities, and creating a capstone statement to unify project teams around a strategy.MINDSTORMING: UPA 2011 full presentation
MINDSTORMING: UPA 2011 full presentationDante Murphy
?
This document provides an overview of a workshop on collaborative design for social change. The workshop aims to teach participants about different types of design collaboration through participatory activities. Participants will learn about collaboration, participation, and workshop methodologies. They will practice taking structured notes and prototyping solutions to validate hypotheses. The goal is for participants to understand how to assess when design collaboration could benefit a social initiative and which methodology is most appropriate. The workshop emphasizes a collaborative process of research, ideation, and design to effectively drive social change.State Mapping Redux
State Mapping ReduxDante Murphy
?
The document discusses the evolution of interactive design from simple 'site' metaphors to the necessity of understanding complex, multi-modal interactions through the use of state maps. It outlines how state maps can effectively define concepts, specify designs, and evaluate solutions by illustrating user journeys and relationships among various personas. Additionally, it acknowledges the limitations of traditional tools like wireframes, flowcharts, and prototypes, advocating for state maps as a dynamic and valuable tool in interaction design.Ad
Recently uploaded (20)
The power of storytelling in design.pdf
The power of storytelling in design.pdfZohaib421
?
This is the detail presentation on the topic of why storytelling is important in product designIdeo on friction - resource to aid you in that process
Ideo on friction - resource to aid you in that processvikram sood
?
It¡¯s natural for business leaders to avoid friction at all costs. When left
unchecked, friction can be costly, both in terms of money and morale.
For large organizations seeking to diversify their offer by building a new venture, there¡¯s often tension between the parent company and the fledgling. The new venture holds potential rewards, but also potential risk, as it introduces new models, metrics, and norms.
But what if you could harness the kinetic energy that friction causes, and use it to catapult your venture toward success? In the right conditions, friction can show you the difference between how you¡¯ve been operating, and how you need to be.
This resource was created to aid you in that process. The cards in this deck introduce nine common frictions that arise when building new ventures, how each could derail you, and how someone else has used them to fuel success.Development of a Reinforcement Learning-Based Optimization Model for Customer...
Development of a Reinforcement Learning-Based Optimization Model for Customer...ljo758
?
Development of a Reinforcement Learning-Based Optimization Model for Customer Order Scheduling with Missing OperationsSubstitution Presentation in Dark Navy and Orange Geometric Style.pptx
Substitution Presentation in Dark Navy and Orange Geometric Style.pptxhazlienasyiqeen
?
Used for slidesoverview visual graphic design for SHS.pptx
overview visual graphic design for SHS.pptxKarlVincentNonog
?
visual graphic design requirements, competency and house rules of vcd nc iiiThe Gardens Between - A moment breakdown
The Gardens Between - A moment breakdownScorpGrd
?
Breakdown of one of my heartfelt moments in ¡°The Gardens Between¡± - a game by The Voxel Agents - This is the assignment for a course introducing player centric method in games review and critics, by Hung Vu.Bethany Michels Architecture Portfolio.pdf
Bethany Michels Architecture Portfolio.pdfBethany Michels
?
Bethany Michels' portfolio showcases her academic work from the University of Virginia and University of Kentucky. The selected projects represent her work from 2021-2025. Business of Handmade report 1 by 200 Million Artisan
Business of Handmade report 1 by 200 Million Artisanderpinafluttr
?
Business of Handmade report 1 by 200 Million ArtisanPowerISO Crack 9.0 + Serial Key Free Download 2025
PowerISO Crack 9.0 + Serial Key Free Download 2025Ayesha khan
?
COPY & PASTE LINK ???
https://pcsoftsfull.org/dl/
PowerISO is a powerful and versatile software that allows you to create, edit, extract, convert, compress, encrypt, split and mount CD/DVD image files.Atomic design
- 1. Copyright?Epsilon2015EpsilonDataManagement,LLC.Allrightsreserved. Atomic Design Digital Experience Design & Strategy Workshop #6 February 4, 2016
- 2. 2 2 Copyright?Epsilon2015EpsilonDataManagement,LLC.Allrightsreserved.Copyright?Epsilon2015EpsilonDataManagement,LLC.Allrightsreserved. 2 Atomic Design ¡all matter (whether solid, liquid, gas, simple, complex, etc) is comprised of atoms. Those atomic units bond together to form molecules, which in turn combine into more complex organisms to ultimately create all matter in our universe. Similarly, interfaces are made up of smaller components. This means we can break entire interfaces down into fundamental building blocks and work up from there. That¡¯s the basic gist of atomic design.
- 4. 4 4 Copyright?Epsilon2015EpsilonDataManagement,LLC.Allrightsreserved.Copyright?Epsilon2015EpsilonDataManagement,LLC.Allrightsreserved. 4 The Elements of Atomic Design
- 5. 5 5 Copyright?Epsilon2015EpsilonDataManagement,LLC.Allrightsreserved.Copyright?Epsilon2015EpsilonDataManagement,LLC.Allrightsreserved. 5 The Atom Typically, an ¡°atom¡± has no intrinsic meaning or value by itself; it requires other atoms to become an interaction
- 6. 6 6 Copyright?Epsilon2015EpsilonDataManagement,LLC.Allrightsreserved.Copyright?Epsilon2015EpsilonDataManagement,LLC.Allrightsreserved. 6 The Molecule DealersA molecule combines atoms into a single interaction; often functional, but generally devoid of context
- 7. 7 7 Copyright?Epsilon2015EpsilonDataManagement,LLC.Allrightsreserved.Copyright?Epsilon2015EpsilonDataManagement,LLC.Allrightsreserved. 7 The Organism An organism combines interactions in such a way as to provide choice, and thereby meaning
- 8. 8 8 Copyright?Epsilon2015EpsilonDataManagement,LLC.Allrightsreserved.Copyright?Epsilon2015EpsilonDataManagement,LLC.Allrightsreserved. 8 The Template A template is a digital ecosystem in which organisms co-exist; sometimes supporting each other, sometimes competing for resources Header Hero Spot Featured Items Find a Dealer Models Design Your Own Heritage Sign Up for Emails Footer
- 9. 9 9 Copyright?Epsilon2015EpsilonDataManagement,LLC.Allrightsreserved.Copyright?Epsilon2015EpsilonDataManagement,LLC.Allrightsreserved. 9 The Page A page is simply a specific instance of a template, with all abstraction replaced by specific content
- 14. 14 14 Copyright?Epsilon2015EpsilonDataManagement,LLC.Allrightsreserved.Copyright?Epsilon2015EpsilonDataManagement,LLC.Allrightsreserved. 14 Establish the constraints that define your ¡°design opportunity¡±
Editor's Notes
- #16: Just as atoms are the building blocks of the universe, interactions are the building blocks of experience.