book http://default/ en Core strengths http://default/2018/core-strengths <div data-history-node-id="366" class="h-entry node node--type-piece node--view-mode-fulltext ds-1col clearfix"> <div class="clearfix text-formatted field field--name-field-sub-title field--type-text field--label-above"> <div class="field__label">Sub title</div> <div class="field__item"><p>“Plan and model digital products for today and tomorrow.”</p> </div> </div> <div class="field field--name-field-image field--type-image field--label-hidden field__item">/sites/default/files/styles/large/public/20180206-designing-connected-content_0.png?itok=wYpEKMo_</div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>The <a href="http://www.peachpit.com/store/designing-connected-content-plan-and-model-digital-9780134763385">Designing Connected Content book has arrived</a>. “Plan and model digital products for today and tomorrow.” I have yet to dive in but I see Drupal screenshots and lists of field types like entity reference, long text (formatted), boolean, number (float), etc.</p> <p>Today a content strategist collegue asked me about that list builder thing in Drupal. Show items of type x, filtered by y, sorted by x and only show fields 1, 3 and 6 of each item. And is it available for Drupal 8 as well?</p> <p>Yes, that’s 1. Field UI and 2. Views module, which are both part of the Drupal core package.</p> <p>We take Drupal core features for granted that other systems are still struggling with. They are also features people struggle with in Drupal because of hard to use user interfaces. I would love to see research and design work happen around how we can improve Field UI and Views UI.</p> </div> <div class="field field--name-taxonomy-vocabulary-1 field--type-entity-reference field--label-inline"> <div class="field__label">Tags</div> <div class="field__items"> <div class="field__item"><a href="http://default/tag/book" hreflang="en">book</a></div> <div class="field__item"><a href="http://default/taxonomy/term/145" hreflang="en">designing connected content</a></div> <div class="field__item"><a href="http://default/drupal" hreflang="en">drupalplanet</a></div> <div class="field__item"><a href="http://default/taxonomy/term/146" hreflang="en">content modeling</a></div> </div> </div> <span class="hidden"><a href="https://brid.gy/publish/twitter"></a></span> <div class="node__links"> <ul class="links inline"><li class="comment-forbidden"></li></ul> </div> </div> Mon, 05 Feb 2018 23:28:07 +0000 Roy 366 at http://default Pragmatic Imagination notes, part 3 http://default/2018/pragmatic-imagination-notes-3 <div data-history-node-id="365" class="h-entry node node--type-piece node--view-mode-fulltext ds-1col clearfix"> <div class="field field--name-field-image field--type-image field--label-hidden field__item">/sites/default/files/styles/large/public/subject-object-medium.png?itok=CeMCNcQw</div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><h2>Minding the gap / resolving the gap</h2> <p>Vygotsky: considers human perception as a triangular relation between Subject, Object and the cultural Medium the subject belongs to.</p> <ul> <li>Subject to Object = direct experience (shape, color, smell, etc.)</li> <li>Subject through Medium to Object = indirect experience, mediated by feelings, memories, cultural/social context</li> </ul> <p>Both ways of connecting with the Object occur in parallel. The object can be more or less familiar to our cultural frame. The more unfamiliar, the wider the gap. The imagination is called upon to fill in the difference. Unfamiliar objects, events become more familiar over time. <strong>Objects and places develop patinas of meaning.</strong></p> <p>The imagination is used to close the gap, figuring out how to fit the novel into the known. In reasoning this happens in different ways:</p> <ul> <li>deductive: small gap, closed easily & quickly</li> <li>inductive: not all facts are know, the gap is wider. Might need analogy and metaphor to find ways to explain the novel/unknown.</li> <li>abductive: critical pieces are missing. The gap is too wide to to close directly: we need to start to speculate. Instead of directly closing the gap, multiple options need to be generated to work on the space of the gap.</li> </ul> <p>At the far edge of abductive reasoning, into speculation, the imagination shifts from sense-making to sense-breaking. The gap is widened first with multiple ideas, scenarios, hypotheses. Then, together with reasoning, these are worked upon to close the gap, assimilating the novelty into the known.</p> <h2>Pragmatic Imagination: imagination put to purpose</h2> <p>(The book changes pace here, outlining principles 3 to 6 in quick succession).</p> <p>So, again: the imagination powers a whole range of cognitive processes. From know to novel, from sense-making to sense-breaking. Especially the poïetic part of the spectrum is needed to work on the challgens of a rapidly changing and interrelated world. (poiesis: the activity in which a person brings something into being that did not exist before).</p> <p>Making the imagination <em>pragmatic</em> means:</p> <h3>The actual must be seen in light of meaningful, purposeful possibilities and opportunities</h3> <p>Any event one experiences can be interrogated in terms of what it means and what other events, or relationships, it might lead to, what possibilities it might open up.</p> <h3>Thought and action are indivisible and reciprocal.</h3> <p>Thought and action for meaningful anticipation of the world. Thought and action for turning ideas into action.</p> <h3>The imagination must be instrumentalized to turn ideas into action</h3> <p>To move from “anticipating the world” to “turning ideas into action” requires envisioning and scaffolding of unfolding action, the imagination must be instrumentalized.</p> <h3>Because the imagiation is not under conscious control, we need to understand, find and design ways to set it in motion and scaffold it throughout meaningful activity.</h3> <p>We need new tools for setting the imagination in motion, scaffold its emergence and then instrumentalizing its products to accomplish real world things.</p> <h2>Setting the imagination in motion</h2> <p>Ways to overcome the fear of the blank canvas and trick the free play imagination into action.</p> <ul> <li>The Surrealists invented methods to spark the imagination: cadavre exquis, nonsense, automatic writing, free association, etc.</li> <li>Introducing chance as an agent for coming up with new ideas</li> <li>Drugs</li> <li>The derivé, an urban “drifting” invented by The Situationists.</li> <li>Evocative objects and precedents</li> </ul> </div> <div class="field field--name-taxonomy-vocabulary-1 field--type-entity-reference field--label-inline"> <div class="field__label">Tags</div> <div class="field__items"> <div class="field__item"><a href="http://default/taxonomy/term/143" hreflang="en">Ann Pendleton-Julian</a></div> <div class="field__item"><a href="http://default/taxonomy/term/144" hreflang="en">John Seely Brown</a></div> <div class="field__item"><a href="http://default/taxonomy/term/142" hreflang="en">Pragmatic Imagination</a></div> <div class="field__item"><a href="http://default/tag/book" hreflang="en">book</a></div> </div> </div> <span class="hidden"><a href="https://brid.gy/publish/twitter"></a></span> <div class="node__links"> <ul class="links inline"><li class="comment-forbidden"></li></ul> </div> </div> Sun, 04 Feb 2018 23:00:04 +0000 Roy 365 at http://default Pragmatic Imagination notes, part 2 http://default/2018/pragmatic-imagination-notes-2 <div data-history-node-id="361" class="h-entry node node--type-piece node--view-mode-fulltext ds-1col clearfix"> <div class="field field--name-field-image field--type-image field--label-hidden field__item">/sites/default/files/styles/large/public/20180129-imagination-spectrum.png?itok=_CactVBa</div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Part 1: <a href="http://default/2018/notes-pragmatic-imagination">The imagination plays a role in a wide spectrum of cognitive processes, from perception to reasoning</a>.</p> <h2>The spectrum</h2> <ul> <li>Perception</li> <li>Reasoning <ul> <li>Deductive – conclusion follows directly from given premises</li> <li>Inductive – some missing pieces for the conclusion</li> <li>Abductive – not enough facts available for a clear conclusion. Define “best guess” hypotheses that can be tested. See: Sherlock Holmes</li> </ul> </li> <li>Speculation</li> <li>Experimentation</li> <li>Free play</li> </ul> <blockquote><p> “At the far edge of abductive reasoning, as personfified by Holmes, we begin to sense a shift in our spectrum. Imaginations becomes an agent of more than perception and reasoning. It becomes fundamental to wellbeing and generative activities that aid the development of the individual in society and culture as well as the development of society and culture themselves.” </p></blockquote> <h2>Speculation</h2> <p>Pragmatist philosophy, originating in the 1870’s in the US, was a “movement that sought to clarify meaning in terms of action”. Action and meaning as a continuous exchange. They understood the actual in light of the possible. Everything is understood as 1, what is in the here and now, and 2, the possibilities the imagination lets us see in it (speculation): “By generating a whole host of potential versions of what is present and actual today, it drives inquiry, which drives action, which in turn druves knowledge building that leads back to action”.</p> <p>John Dewey’s concept of a ‘Moral Imagination’ extends “what could be” to “what should be”. Using empathy and creatively imagining possibilities to think through the consequences of a particular scenario as a way to find the ethical option(s).</p> <blockquote><p> “The purpose of speculation is to unsettle the present rather than to predict the future.” </p></blockquote> <p>Speculation is not fantasizing, the imagination is still grounded in present reality, then extended into possibilities. Speculative imagination is generative and can be used for:</p> <ol> <li>Emphatic projection</li> <li>Creatively exploring possibilities</li> <li>Presenting possibilities as viable by giving them texture</li> </ol> <h2>The experimental imagination</h2> <p>Beyond speculation we arrive in the experimental domain: “trying things out in an emerging context”.</p> <p>The experimental imagination is about “forming images in action”. Doing something driven by curiosity, looking for novelty. Supported by the individuals personal context, knowledge and skills, but these are held in the background so that the experiment itself can lead the way in a continous back and forth between imagining and doing. A.k.a. improvisation.</p> <blockquote><p> “A great irony of the improvisers lot is that there is an enourmous technical requirement to meet… yet there is also a need to transcend if not negate it in order to find something truly novel.” – Keith Jarrett </p></blockquote> <p>The difference with the speculative imagination is that the experimental imagination turns of self-monitoring, self-censoring.</p> <blockquote><p> “The experimental imagination builds momentum by turning off critical faculties so that improisational making/action can take over." </p></blockquote> <h2>Free play imagination</h2> <p>The experimental imagination still starts from a question and/or an individuals creative context and skills. It’s focussed play. Instead, the free play imagination is after</p> <ul> <li>Bondary crossing (or breaking) instead of boundary pushing</li> <li>Disrupting versus experimenting</li> <li>Breaking with one’s creative history</li> <li>Surprise and awe</li> </ul> <p>In the zone between abductive reasoning and speculation, the role of the imagination shifts from creating understanding through <em>synthesis</em> to <em>generative</em> creation of new possible understandings.</p> </div> <div class="field field--name-taxonomy-vocabulary-1 field--type-entity-reference field--label-inline"> <div class="field__label">Tags</div> <div class="field__items"> <div class="field__item"><a href="http://default/taxonomy/term/142" hreflang="en">Pragmatic Imagination</a></div> <div class="field__item"><a href="http://default/tag/book" hreflang="en">book</a></div> <div class="field__item"><a href="http://default/taxonomy/term/143" hreflang="en">Ann Pendleton-Julian</a></div> <div class="field__item"><a href="http://default/taxonomy/term/144" hreflang="en">John Seely Brown</a></div> </div> </div> <span class="hidden"><a href="https://brid.gy/publish/twitter"></a></span> <div class="node__links"> <ul class="links inline"><li class="comment-forbidden"></li></ul> </div> </div> Mon, 29 Jan 2018 21:34:02 +0000 Roy 361 at http://default Taking notes while reading Pragmatic imagination http://default/2018/notes-pragmatic-imagination <div data-history-node-id="354" class="h-entry node node--type-piece node--view-mode-fulltext ds-1col clearfix"> <div class="clearfix text-formatted field field--name-field-sub-title field--type-text field--label-above"> <div class="field__label">Sub title</div> <div class="field__item"><p>“Imagination is it own form of courage.”</p> </div> </div> <div class="field field--name-field-image field--type-image field--label-hidden field__item">/sites/default/files/styles/large/public/20180121-pragmatic-imagination.png?itok=puBgGDW4</div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Reading <a href="http://www.pragmaticimagination.com">Pragmatic Imagination</a> by Ann Pendleton-Julian and John Seely Brown. A short but dense book that defines imagination as the instrument that can help us navigate a connected, changing and contingent world. It defines imagination as a wide range of activity that can be used for agency and impact in today’s world.</p> <h2>Defining imagination</h2> <p>“The power of humans to form internal images of objects and situations.” The imagination relies on stored images which can be activated and then worked on to form novel combinations. These stored images come from experiences in both the outside and inside world. The imagination adapts (combines, reworks) these images to create new ideas and new behaviour.</p> <h3>How imagination differs from creativity</h3> <p>“Novelty” as the shared defining criterium for both imagination and creativity. But:</p> <p>Creativity</p> <ul> <li>Is about invention, creation, producing something new in the “real” world: external</li> <li>Happens over a longer, social, time scale</li> <li>Introduces a change in the world with the capacity to effect social and cultural change</li> <li>Has purpose and this is aware of definitions and constraints of the context it is produced in</li> </ul> <p>Imagination</p> <ul> <li>Is about creating mental images: internal</li> <li>Happens in flashes of micro seconds</li> <li>Because it is internal, it only affects the individual</li> <li>Is not held to definitions or constraints because it does not aim to produce a specific outcome</li> </ul> <p>Where creativity is purposeful and aims towards a “product” in the “real” world, imagination is emergent and the result is the newly created internal image itself.</p> <p>Precisely because it is play over purpose and not beholden to constraints or definitions, the “products” of the imagination can be put to pragmatic use in an uncertain world.</p> <h2>A spectrum of imagination</h2> <p>Historically, the imagination was perceived as an undisciplined force for artistic creativity, fantasy, radical discovery, invention. Solving “real” problems in the “real” world would be better left to logical reason.</p> <p>Plato was suspicious about the irrational imagination and found it inadequate for achieving real knowledge. Aristotle saw the imagination as the necessary but not particularly creative mediator between sensory perception and building an understanding about those perceptions.</p> <p>Which turns out to be an unproductive split without any scientific basis. To the contrary, the imagination plays an important role in a wide spectrum of cognitive activities.</p> <h3>Role of the imagination in perception and reasoning</h3> <p>Modern philosophy and cognitive research has greatly expanded the role of imagination, including “the capacity to form images that aid the various processes of reasoning, and to form images that integrate sensory data in the process of perception, itself”.</p> <p>Via Hobbes (17th century) and Kant (18th century) the imagination, as a tool for transferring experience into memory, becomes foundational to all meaningful experience.</p> <p>20th century congnitive psychology further expanded the role of imagination by showing that the imagination is necessary for first order perception, itself. Because humans are embedded in culture. This culture influences the human and thus it also impacts how sensory information gets translated into perception. The mental images we form from perception are influenced by the culturale frame or lense we use for making sense. Different people will have different perceptions about the same event or object. (See also: different or even conflicting eye witness accounts of a single event).</p> <p>So, imaginations supports a wide spectrum of activities, from perception through reasoning to novelty.</p> <p><a href="http://default/2018/pragmatic-imagination-notes-2"><em>Here's part 2</em></a></p> </div> <div class="field field--name-taxonomy-vocabulary-1 field--type-entity-reference field--label-inline"> <div class="field__label">Tags</div> <div class="field__items"> <div class="field__item"><a href="http://default/tag/book" hreflang="en">book</a></div> <div class="field__item"><a href="http://default/taxonomy/term/135" hreflang="en">imagination</a></div> <div class="field__item"><a href="http://default/taxonomy/term/136" hreflang="en">creativity</a></div> <div class="field__item"><a href="http://default/taxonomy/term/143" hreflang="en">Ann Pendleton-Julian</a></div> <div class="field__item"><a href="http://default/taxonomy/term/144" hreflang="en">John Seely Brown</a></div> </div> </div> <span class="hidden"><a href="https://brid.gy/publish/twitter"></a></span> <div class="node__links"> <ul class="links inline"><li class="comment-forbidden"></li></ul> </div> </div> Sun, 21 Jan 2018 21:39:15 +0000 Roy 354 at http://default N.K. Jemisin – The Fifth Season http://default/2018/jemisin-fifth-season <div data-history-node-id="341" class="h-entry node node--type-piece node--view-mode-fulltext ds-1col clearfix"> <div class="field field--name-field-image field--type-image field--label-hidden field__item">/sites/default/files/styles/large/public/20180107-fifth-season.jpg?itok=K-Byab88</div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Almost done reading <a href="https://www.goodreads.com/book/show/19161852-the-fifth-season">The Fifth Season</a>. It’s as good as people say it is.</p> </div> <div class="field field--name-taxonomy-vocabulary-1 field--type-entity-reference field--label-inline"> <div class="field__label">Tags</div> <div class="field__items"> <div class="field__item"><a href="http://default/tag/book" hreflang="en">book</a></div> </div> </div> <span class="hidden"><a href="https://brid.gy/publish/twitter"></a></span> <div class="node__links"> <ul class="links inline"><li class="comment-forbidden"></li></ul> </div> </div> Sun, 07 Jan 2018 19:22:00 +0000 Roy 341 at http://default 4 types of IT work in The Phoenix Project http://default/2018/4-types-of-it-work <div data-history-node-id="340" class="h-entry node node--type-piece node--view-mode-fulltext ds-1col clearfix"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Just finished reading <a href="https://www.amazon.co.uk/Phoenix-Project-DevOps-Helping-Business/dp/0988262509?SubscriptionId=AKIAILSHYYTFIVPWUY6Q&tag=duckduckgo-ffab-uk-21&linkCode=xm2&camp=2025&creative=165953&creativeASIN=0988262509">The Phoenix Project </a>for the third time. I’m fascinated. So many important concepts. One of the more enlightening ones for me are the four types of IT work:</p> <h2 id="Businessprojects">Business projects</h2> <p>Projects around delivering direct customer value.</p> <h2 id="InternalITprojects">Internal IT projects</h2> <p>Infrastructure and operations projects, internal improvements. The production line for delivering the above business projects.</p> <h2 id="Changes">Changes</h2> <p>Fixed, changes, improvements generated by the two above.</p> <h2 id="Unplannedwork">Unplanned work</h2> <p>Incidents, fixing problems in the three previous types of work. Unplanned work can significantly reduce the amount of time available for planned work.</p> <p>One simple insight: in order to deliver the product or service you need to work on and improve the tools you use to deliver.</p> </div> <div class="field field--name-taxonomy-vocabulary-1 field--type-entity-reference field--label-inline"> <div class="field__label">Tags</div> <div class="field__items"> <div class="field__item"><a href="http://default/tag/book" hreflang="en">book</a></div> <div class="field__item"><a href="http://default/taxonomy/term/129" hreflang="en">devops</a></div> </div> </div> <span class="hidden"><a href="https://brid.gy/publish/twitter"></a></span> <div class="node__links"> <ul class="links inline"><li class="comment-forbidden"></li></ul> </div> </div> Sat, 06 Jan 2018 22:56:13 +0000 Roy 340 at http://default Summary of Lean UX http://default/pieces/summary-lean-ux <div data-history-node-id="235" class="h-entry node node--type-piece node--view-mode-fulltext ds-1col clearfix"> <div class="clearfix text-formatted field field--name-field-sub-title field--type-text field--label-above"> <div class="field__label">Sub title</div> <div class="field__item"><p>A book by Jeff Gothelf, with Josh Seiden</p> </div> </div> <div class="field field--name-field-image field--type-image field--label-hidden field__item">/sites/default/files/styles/large/public/lean-ux-scrum.jpg?itok=o3d0pHZ6</div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><h2>3 Foundations</h2> <ol> <li>Design thinking (User centered design, using design approaches to innovate and solve business problems)</li> <li>Agile software development (individuals & interactions, working software, collaboration, responding to change)</li> <li>Lean startup method (build, measure, learn)</li> </ol> <h2>Principles</h2> <ul> <li>Cross functional teams</li> <li>Small, dedicated, colocated</li> <li>Progress = outcomes not output</li> <li>Problem focussed teams</li> <li>Remove waste</li> <li>Small batch sizes</li> <li>Continuous discovery</li> <li>Getting out of the building</li> <li>Shared understanding</li> <li>Antipattern: Rockstars, Gurus & Ninjas</li> <li>Externalising the work</li> <li>Making over analysis</li> <li>Learning over growth</li> <li>Permission to fail</li> <li>Getting out of the deliverables business</li> </ul> <h2>The Lean UX loop:</h2> <ol> <li>Declare assumptions</li> <li>Create an MVP</li> <li>Run an experiment</li> <li>Feedback & research</li> <li>Goto 1</li> </ol> <h2>Process</h2> <h3>Vision, framing and outcomes</h3> <p>Start with assumptions instead of requirements. Create and test hypotheses:</p> <ul> <li>Assumptions: what we believe to be true</li> <li>Hypotheses: morge granular descriptions of our assumptions that target specific areas of the product or workflow</li> <li>Outcomes: the signal we seek from the market to help (in)validate the hypothesis</li> <li>Personas: models of the people for whom we believe we are solving a problem</li> <li>Features: the changes or improvements we believe will drive the outcomes we seek</li> </ul> <h3>Collaborative design</h3> <ul> <li>Everybody gets to design</li> <li>Low fidelity artefacts increase collaboration</li> <li>Build shared understanding</li> </ul> <p>Techniques:</p> <ul> <li>Design studio</li> <li>Style guides and pattern libraries</li> <li>Collaboration for distributed teams</li> </ul> <h3>MVP’s & Experiments</h3> <ul> <li>Determine product focus: deliver value or increase learning</li> <li>MVP: Do people need it? Will it provide value? Will it be usable?</li> <li>Prototype: Who will interact? Learning what? Time available?</li> <li>Experiments without prototypes: email, google adwords., landing page, button to nowhere</li> </ul> <h3>Feedback and research</h3> <ul> <li>Collaborative research techniques</li> <li>Continuous research techniques (3 users every thursday)</li> <li>What to test, what results to expect</li> <li>Incorporate the customers voice</li> <li>A/B testing</li> <li>Reconcile contradictory feedback</li> </ul> <h2>Lean UX & SCRUM</h2> <p><img src="http://default/sites/default/files/lean-ux-scrum.jpg" alt="" /></p> <h2>Making organisational shifts</h2> <ul> <li>Shift from output to outcomes</li> <li>From limited roles to collaborative capabilities</li> <li>Embrace new skills</li> <li>Create cross functional teams</li> <li>Crate small teams</li> <li>Create open, collaborative workspaces</li> <li>Not relying on heroes</li> <li>Eliminate big design up front</li> <li>Speed over aesthetics</li> <li>Value problem solving</li> <li>Embrace UX debt</li> <li>Shift agency culture</li> <li>Work with 3rd party vendors</li> <li>Navigate documentation standards</li> <li>Being realistic about your environment</li> <li>Managing up and out</li> </ul> </div> <div class="field field--name-taxonomy-vocabulary-1 field--type-entity-reference field--label-inline"> <div class="field__label">Tags</div> <div class="field__items"> <div class="field__item"><a href="http://default/tag/lean-ux" hreflang="en">lean ux</a></div> <div class="field__item"><a href="http://default/tag/ux" hreflang="en">ux</a></div> <div class="field__item"><a href="http://default/tag/jeff-gothelf" hreflang="en">Jeff Gothelf</a></div> <div class="field__item"><a href="http://default/tag/josh-seiden" hreflang="en">Josh Seiden</a></div> <div class="field__item"><a href="http://default/tag/book" hreflang="en">book</a></div> <div class="field__item"><a href="http://default/tag/process" hreflang="en">process</a></div> </div> </div> <span class="hidden"><a href="https://brid.gy/publish/twitter"></a></span> <div class="node__links"> <ul class="links inline"><li class="comment-forbidden"></li></ul> </div> </div> Wed, 17 Feb 2016 09:23:14 +0000 drupal 235 at http://default