Relating Systems Thinking and Design (RSD)
Shared by Curt McNamara with the Trimtab Book Club.
Relating Systems Thinking and Design (RSD)
Shared by Curt McNamara with the Trimtab Book Club.
A conference connecting planning, landscapes, architecture and people
Yesterday, I found some books in the stacks at the University of the Fraser Valley Library to research the evolution of design from physical artifacts to living systems.
My father was sharing a book by Brené Brown, Dare to Lead. I shared this website I had created while I was an instructor at the University of the Fraser Valley.
I pointed him to the TED talk by Brené Brown on The Power of Vulnerability.
A mental model is what the user believes about the system at hand.
“Mental models are one of the most important concepts in human–computer interaction (HCI).”
— Nielsen Norman Group
A design brief for a project to reimagine our social architecture. The Design Science Studio is the new Bauhaus, the community, the builders collective who are building a world that works for 100% of life. The Stop Reset Go is the project that is exploring how we imagine, design, and build the kind of world that we want to live in. How do we empower humanity to be the designers who can engage in a process of bottom-up whole system change?
How do we engage in bottom-up whole system change? Perhaps we need a model for understanding who we are serving that transcends the bias and limitations of personas as they are used in user experience design (UX).
What is a more holistic model for understanding human perceptions, motivations, and behaviours?
The book, This is Service Design Doing, includes journey maps as a method for participatory design and co-creation workshops.
I suggested to the Stop Reset Go team that we should map out the interactions and touch points to engage people with the process of bottom-up whole system change.
We are exploring how we imagine, design, and build the future together.
So, they put together a team of individuals who could collectively imagine the possibilities of building the kind of world where they could all live together in peace. They made a simple declaration:
We are exploring how we imagine, design, and build the future together.
Design Science Studio artists and (r)Evolutionaries.
We don't need the threat of repo men to keep you paying your car note – miss a Tesla payment and your car will phone home and lock its doors. When the tow arrives, it will flash its lights, honk its horn and back out of its parking space for repossession.
The technology in advanced cars like the Tesla can be used for repossessing them. Is this an intended or unintended consequence?
Example of how expending a little extra energy creates two more useful outputs (compostable solids, and "cleaner" greywater) as well as lowering sewage system maintenance needs. Possibly, an example of how TRIZ "separation" principle can be applied.
Design for the Real World
Mike Monteiro references Victor Papanek’s book, Design for the Real World, in his article, Design’s Lost Generation.
The Anti UX UX Club will be discussing Mike Monteiro’s article on Clubhouse.
Four Panel Discussions on Climate Solutions at Climate Week NYC 2021
Maxi Cohen from the Design Science Studio invited us to the Climate Impact panel discussions.
The video was live on Facebook Live.
Design’s Lost Generation
The Pirate Book Club will be discussing this article in the Anti UX UX Club room of Clubhouse, according to today’s post on Twitter.
he members in a building that serve as the collectors are typically the same members that are used as the chords for the lateral force in the perpendicular direction. Thus, the design of the chord and the collector for a given wall may simply involve the design of the same member for different forces. In fact, for a given perimeter member, the chord force is compared with the collector force, and the design is based on the critical force.
This is my annotation
Community design makes the problem-finding a collective act also.
Local governments can use participatory “co-design” principles and practices to help ensure that their programs and products that use open data are designed to meet the needs of current and potential users.
an umbrella term covering community planning, community architecture, social architecture, community development and community participation, all of which emphasize the involvement of local people in the social and physical development of the environment in which they live.
Equity-Centered Community Design (ECCD) is a creative problem-solving framework developed by Creative Reaction Lab that supports the development of equity-centered approaches that will dismantle oppressive systems.
One of the less developed ideas in The Extended Mind concerns the things we prioritize in tech development. Too often, Paul says, we think speed is the height of achievement. Instead, we need technology that builds off of our innate, human capacities.
Perhaps we need more songlines in our instructional design?
This is also a plea for a more humanistic approach to technology in general.
Schools don’t teach students how to restore their depleted attention with exposure to nature and the outdoors, or how to arrange their study spaces so that they extend intelligent thought.
I'm reminded of Lynne Kelly's use of Indigenous Australian memory techniques which do both of these things at the same time: https://www.lynnekelly.com.au/?p=4794
human-centered aspects that predominate in community informatics, like ethics, legitimacy, empowerment, and socio-technical design
I love this logo
founded on the principles of the free speech, independent thought and rejecting political censorship and “cancel culture”.
Web I Projects: 2015 - 2020
Which of the projects listed on this webpage that you have liked? and why?
Haber, N. A., Wieten, S. E., Rohrer, J. M., Arah, O. A., Tennant, P. W. G., Stuart, E. A., Murray, E. J., Pilleron, S., Lam, S. T., Riederer, E., Howcutt, S. J., Simmons, A. E., Leyrat, C., Schoenegger, P., Booman, A., Dufour, M.-S. K., O’Donoghue, A. L., Baglini, R., Do, S., … Fox, M. P. (2021). Causal and Associational Linking Language From Observational Research and Health Evaluation Literature in Practice: A systematic language evaluation [Preprint]. Epidemiology. https://doi.org/10.1101/2021.08.25.21262631
making it impossiblewhile editing a method to glance at a related onewithout using a separate browser.
See also: the decision by every Web browser vendor's devtools team to make their viewers modal (in the 21st century!) and then add injury to injury making the monolithic implementation a "UI singleton"—so you don't even have the choice to open another instance!
Basic Skills Gauntlet
Thinkerer Melville captured BSG with style and a thoroughness few appreciate, much less could match.
Although it is difficult at present to know the precise impact of such filing systems, it is clear thatLinnaeus’s design mirrored the ways in which he arranged heads in his notes and books. The inte-rior space of his cabinet was divided into two open-faced columns, which meant that it was a phys-ical instantiation of a bilateral table.
The design of Carl Linnaeus' specimen cabinets mirrored that of the bilateral tables and the ways he arranged his heads in his notes and books.
The beauty of space science-fantasy adventure is to manually pilot or captain your own spaceship into the vast unknown. For exploration, combat and various other role-specific game mechanics, the cockpit view gives a sense of ownership and grounding to a player’s chosen ship purchases. This immersive first person, seated view will allow players to utilize equipment such as flightsticks, throttles, multi-functional button control panels, head tracking hardware, and most importantly, virtual reality head-mounted displays.
And yeah, Space Flight Simulation!
The first principle driving the entire economy of Star Atlas is the mining gameplay. The wealth derived from mining creates many other branching revenue streams for players to contribute to and establish a career. From trading raw and refined ore, to cargo hauling, to crafting retail components, there is a broad range of career choices a player can embody and advance within the specializations of that career.
How do players play and make money?
To augment that grand strategy, Star Atlas enables players to captain deep-space, crewed spaceships to scan and discover celestial and terrestrial assets. Once discovered, rich claims that are staked can be mined, refined and traded through a network of commercial mining installations, refineries, and the Universal Marketplace. Exploration will lead to many other surprises in the outer limits of space. In this mode the player primarily interacts with a top down space view showing their spaceship exterior with the ability to go into an x-ray view to see the interior of the ship and the crew performing their individual tasks. Players can also captain and pilot the ship manually through the first person cockpit/bridge view. Cockpit view is also suitable for seated virtual reality gaming.
How Star Atlas' Grand Strategy implemented?
The grand strategy genre of video games encourages claim staking to expand your empire and install strategic trade routes using an offensive and defensive tactical plan of action. In this mode the player primarily interacts with a dynamic overview of the charted and uncharted regions of space via the map view aka the Star Atlas.
Star Atlas's grand strategy.
The way a blockchain network is designed closely mimics the basis for the genre of Star Atlas. Mining or staking is the core of how blockchain assets are proven to be legitimate and tangible. To discover mined assets requires exploration on the part of a miner to unlock value. People set up mining or staking nodes and plug them into the blockchain network to enhance the network while also earning value from it. The hybrid experience of Star Atlas closely mimics the nature of how blockchain technology functions.
Star Atlas design mimics how a blockchain network functions.
Community, Springer Nature Sustainability. “Six Modes of Co-Production for Sustainability.” Springer Nature Sustainability Community, August 9, 2021. http://sustainabilitycommunity.springernature.com/posts/six-modes-of-co-production-for-sustainability.
[nightmare involving a user-friendly bicycle]
At some point software design becomes less about what and more about when.
https://benmyers.dev/blog/on-the-dl/
Curious double entendre title here.
Note to self: I should use these patterns more.
This observation extends to tables, chairs, scritoires, chimneys, coaches, sadles, ploughs, and indeed to every work of art; it being an universal rule, that their beauty is chiefly deriv’d from their utility, and from their fitness for that purpose, to which they are destin’d.
«Design» anachronically
Video Vocab
Another find, demo for six videos and a wrapper taken to Nepal.
Videos here.
"Whether those slashes were forward slashes or back slashes didn't affect how the Web worked," he says, "but it does affect how other developers react to it
I dutifully went through the orientation process with a newly created avatar a few weeks ago so that I could anticipate what the students would be facing.
Instructional design in virtual worlds reveals many, many challenges. Asking an in-world friend or colleague to visit a build can be a big ask, given that most are engaged in building and design, themselves; still, a fresh look is likely to bring good feedback.
Write your code so that you can add new ways of interacting with the world later without having to modify anything you've already written.
All platforms. Professional features. Beautiful UI. Totally free. FontBase is the font manager of the new generation, built by designers, for designers.
The WebSocket Protocol is designed on the principle that there should be minimal framing (the only framing that exists is to make the protocol frame-based instead of stream-based and to support a distinction between Unicode text and binary frames). It is expected that metadata would be layered on top of WebSocket by the application Fette & Melnikov Standards Track [Page 9] RFC 6455 The WebSocket Protocol December 2011 layer, in the same way that metadata is layered on top of TCP by the application layer (e.g., HTTP). Conceptually, WebSocket is really just a layer on top of TCP that does the following: o adds a web origin-based security model for browsers o adds an addressing and protocol naming mechanism to support multiple services on one port and multiple host names on one IP address o layers a framing mechanism on top of TCP to get back to the IP packet mechanism that TCP is built on, but without length limits o includes an additional closing handshake in-band that is designed to work in the presence of proxies and other intermediaries Other than that, WebSocket adds nothing. Basically it is intended to be as close to just exposing raw TCP to script as possible given the constraints of the Web. It's also designed in such a way that its servers can share a port with HTTP servers, by having its handshake be a valid HTTP Upgrade request. One could conceptually use other protocols to establish client-server messaging, but the intent of WebSockets is to provide a relatively simple protocol that can coexist with HTTP and deployed HTTP infrastructure (such as proxies) and that is as close to TCP as is safe for use with such infrastructure given security considerations, with targeted additions to simplify usage and keep simple things simple (such as the addition of message semantics).
The goal of this technology is to provide a mechanism for browser-based applications that need two-way communication with servers that does not rely on opening multiple HTTP connections (e.g., using XMLHttpRequest or <iframe>s and long polling).
Platforms of the Facebook walled-factory type are unsuited to thework of building community, whether globally or locally, becausesuch platforms are unresponsive to their users, and unresponsive bydesign (design that is driven by a desire to be universal in scope). Itis virtually impossible to contact anyone at Google, Facebook,Twitter, or Instagram, and that is so that those platforms can trainus to do what they want us to do, rather than be accountable to ourdesires and needs
This is one of the biggest underlying problems that centralized platforms often have. It's also a solid reason why EdTech platforms are pernicious as well.
As I wrote in January, silence is effectively impossible on the contemporary internet, where “voids are just filled by other people’s content, and thus vanish instantly.”
Where are the empty spaces on the internet? How can we design them into existence?
Can A.I. Grade Your Next Test?Neural networks could give online education a boost by providing automated feedback to students.
What problem is AI solving in education?
In case of conflict, consider users over authors over implementors over specifiers over theoretical purity. In other words costs or difficulties to the user should be given more weight than costs to authors; which in turn should be given more weight than costs to implementors; which should be given more weight than costs to authors of the spec itself, which should be given more weight than those proposing changes for theoretical reasons alone. Of course, it is preferred to make things better for multiple constituencies at once.
Priority of Consituencies
something called federated wiki which was by ward cunningham if anyone knows the details behind that or how we got these sliding panes in the first place i'm always interested
it looks like my comment got moderated out, and I didn't save a copy. Not going to retype it here, but the gist is that:
Some screenshots of a prototype inspector that I was working on once upon a time which allowed you to infinitely drill down on any arbitrary data structures:
Addendum (not mentioned my original comment): the closest "production-quality" system we have that does permit this sort of thing is Glamorous Toolkit https://gtoolkit.com/.
behaviour should come first and drive our storage requirements.
如果说在 1993 年,他把 Grunge 或者街头风格设计到时装中,2021的他就是把高定时装设计到街头风格里。
Marc Jacbus 也是将一个年代符号放到了一季度的作品当中,我也可以到我很喜欢的一个年代符号放到我的collection当中。
as a more experienced user I know one can navigate much more quickly using a terminal than using the hunt and peck style of most file system GUIs
As an experienced user, this claim strikes me as false.
I often start in a graphical file manager (nothing special, Nautilus on my system, or any conventional file explorer elsewhere), then use "Open in Terminal" from the context menu, precisely because of how much more efficient desktop file browsers are for navigating directory hierarchies in comparison.
NB: use of a graphical file browser doesn't automatically preclude keyboard-based navigation.
So often, at least in my experience, the final product isn’t produced but discovered. When done right, it feels like the inevitable outcome of where you started.
A cool collection of design readings.
An interesting collection of readings on design.
<small><cite class='h-cite via'>ᔥ <span class='p-author h-card'>Murray</span> in #indieweb 2021-07-02 (<time class='dt-published'>07/02/2021 10:15:39</time>)</cite></small>
Worse still is the issue of “service” layers requiring you to basically build your own ORM. To really do a backend-agnostic service layer on top of the Django ORM, you need to replace or abstract away some of its most fundamental and convenient abstractions. For example, most of the commonly-used ORM query methods return either instances of your model classes, or instances of Django’s QuerySet class (which is a kind of chained-API results wrapper around a query). In order to avoid tightly coupling to the structure and API of those Django-specific objects, your service layer needs to translate them into something else — likely generic iterables to replace QuerySet, and some type of “business object” instance to replace model-class instances. Which is a non-trivial amount of work even in patterns like Data Mapper that are designed for this, and even more difficult to do in an Active Record ORM that isn’t.
I see what this guy means and he has a point. However, I don't think about reimplementing these things when talking about services on Django. I want a centralized place to store business logic (not glue queries) and avoid multiple developers writing the same query multiple times in multiple places. The name "service" here sucks.
A second problem is that when you decide to go the “service” route, you are changing the nature of your business. This is related to an argument I bring up occasionally when people tell me they don’t use “frameworks” and never will: what they actually mean, whether they realize it or not, is “we built and now have to maintain and train our developers on our own ad-hoc private framework, on top of whatever our normal business is”. And adopting the service approach essentially means that, whatever your business was previously, now your business is that plus developing and maintaining something close to your own private ORM.
I don't think these two things are even close to be the same thing. Django's ORM is not replaced by services, from what I know services are the ORM with the difference that they are concentrated in a module.
This isn't about writing boilerplate setter properties for each field in the model, but rather about writing methods that encapsulate the point of interaction with the database layer. View code can still inspect any field on the model and perform logic based on that, but it should not modify that data directly. We're ensuring that there is a layer at which we can enforce application-level integrity constraints that exist on top of the integrity constraints that the database provides for us.
Addresses the issue raise on this tweet. We are not writing getters and setters out of obligation or convention.
Award Winning SEO Agency London
Award Winning SEO Agency London! As a dedicated London SEO agency, we provide proven SEO services for a whole range of clients while performing white hat techniques. #1 page ranking experts in local SEO. Get your free audit today!
Cambridge SEO Nerds
SEO Services Cambridge Dedicated SEO agency, Nautilus Marketing provides proven SEO services while performing white hat techniques 1 page ranking experts in local SEO Get your SEO audit today
cooperative learning, jigsaw, and information gap
An opportunity to include links or hover-overs with examples from CALL classrooms for these
History of Computer Aided Language Learning Infographic by E-learning Infographics is included on the basis of fair use as described in the Code of Best Practices in Fair Use for Open Education
Attributions for non original content can be handled many ways - due to the brevity and simulated nature of this example, I managed them this way. But as in the original OER, a full attributions page would eventually become necessary for clean attribution and decluttered document layout.
Consider the following infographic
This would have been selected with SME. I wanted to demonstrate multiple means of representation and use an insert to demonstrate use of Code of Best Practices for Fair Use in OER.
following video
Video embed to illustrate content & address diverse learning styles. Handy that I found one from the author, but as with all media inserts I've added, these would be chosen with the SME!
References
As there are in-text citations, this page gets a link to the References page for one-click findability
Social Interaction in CALL
Inserted header to contextualize introductory paragraphs
Padlet
By including these learning checks within Pressbooks, I'm overlapping with LMS functions. This would be another decision to work out with SME. The purpose is not to have course activities in 10 different places or to overextend the Pressbooks format, but simply to show the committee some range in my interactivity options.
Some
Again, a video insert to illustrate content in a new format to engage diverse learning styles. The selection would be worked out with SME.
Tools
Inserted section title & heading structure
CALL
I've added some multimedia throughout the text (possibly too much) to demonstrate UDL principles of representing information in multiple ways for learner diversity. The amount of multimedia, placement, and content selection would be a SME-driven, OEID-facilitated endeavor in real life. Here, I'm just demonstrating my thought process. The original OER this chapter was drawn from doesn't use a lot of graphical inserts or multimedia, which suggests to me it wasn't appropriate for the audience/purpose. Hence, these are examples of UDL options I may suggest in an OER hypothetically in collaboration with faculty.
Check your learning
Free pressbooks.com accounts don't have the H5P plugin...only EDU accounts. So this is an image placeholder for where I would embed interactivity for learner-content engagement.'
STE Standards for Students
Revised link
TESOL Technology Standards
Heavy references to standards in this chapter could be represented in a table format in addition to text for UDL reasons.
CMC gives language learners access to more knowledgeable individuals, either native speakers of the target language or more advanced nonnative speakers, than they might be able to encounter in a face-to-face environment, thus increasing their potential ability to learn. Indeed, in some environments, CMC provides the only possibility for access to NSs. (p. 12)
Indented and italicized to offset the quote for navigability and readability.
Chapter 1
This links to the Egbert & Shakroni OER as a placeholder for my suggested practice of linking to previous readings/chapters for easy student reference.
CALL
I created a few glossary terms as an example of improved interactivity.
‘Discussion 4: Evaluate your classroom using CALL principles.’
In real life this would be linked
Course outcome 1
These would be linked to syllabus or course map - wherever the instructor has explored the course outcomes with students.
Reference List
I culled the in-text citations to create a structured reference list, then placed it with the conclusions. Students are one click away from the extensively cited works while reading.
Tasks
Continuation of TILT framework
(Course outcome 1)
Mapped chapter outcomes to course outcomes. Helping students see why they are being asked to do work leverages motivation, engagement, metacognition, and building connections.
Hypothes.is
Simulated open pedagogy exercise - group note-taking.
Identify techniques to support communication and collaboration
Rewrote chapter outcomes to use observable, measurable, specific language for assessment.
By the end of this chapter, you will be able to:
Framed outcomes in student-centric language to leverage motivation, metacognition, engagement
Purpose of Chapter 4
Applied Transparency in Learning and Teaching (TILT) assignment design principles (https://tilthighered.com/)
Now complete the following exercises before returning to Canvas to complete Discussion 4.
Indicated learners' next steps, continuing the TILT framework. In real life, this would either be linked or not exist, depending on the audience for the book. Given this is a revision of a larger title, I'm simulating that this revision is just being used for a particular course audience.
References
Full list of sources cited in this chapter. In real life, these would all be properly formatted citations with links to articles.
Our journey toward being completely open is continuous. Yet, in the relatively brief time that we’ve been doing this, we’ve observed three important lessons that we want to share with you:Access stimulates progressWorking openly promotes communication and accountabilitySlowing down first allows us to speed up later
Looks like this is the sort of community that would attempt to put into action some of the ideas behind the book Ruined by Design.
At its core, The Meritocracy Trap is a comprehensive — and rather scathing — critique of the aspirational view. Markovits argues that meritocracy itself is the problem: It produces radical inequality, stifles social mobility, and makes everyone — including the apparent winners — miserable. These are not symptoms of systemic malfunction; they are the products of a system that is working exactly as it is supposed to.
PhotoADKing - Online Graphic Design Software
PhotoADKing is a design-driven Graphics and Ad maker that’s entirely cloud-based. It is used to create impressive posters, banners, and attractive flyers for social media, marketing, or website within minutes. PhotoADKing provides thousands of pre-defined templates for many different categories. You will also find intro/outro makers and YouTube thumbnail maker in this tool which is hard to find in other online graphic design tools.
PhotoADKing comes with free, standard, and pro plans. With a pro plan, you can download unlimited graphic designs and videos in high quality and also get priority support for your queries.
Persistent navigation drawers can toggle open or closed. The drawer sits on the same surface elevation as the content. It is closed by default and opens by selecting the menu icon, and stays open until closed by the user. The state of the drawer is remembered from action to action and session to session. When the drawer is outside of the page grid and opens, the drawer forces other content to change size and adapt to the smaller viewport.
I'm not sure if there's any cost in terms of contributing either, especially when by design git can have any branch as default, and will not hinder your experience when you use something other than master.
git is neutral/unbiased/agnostic about default branch name by design
And that is a good thing
The primary branch in git can have any name by design.
To better understand what is actually possible have a look at the full example
For me the diagrams make it easier to talk about what the tests do without getting bogged down by how they do it.
Introduce behaviour that is likely to surprise users. Instead have due consideration for patterns adopted by other commonly-used languages.
I suggest to make it UNIQUE because it seems like the column should be unique
Closing as kit will be serverless first!
Prettier intentionally doesn’t support any kind of global configuration. This is to make sure that when a project is copied to another computer, Prettier’s behavior stays the same. Otherwise, Prettier wouldn’t be able to guarantee that everybody in a team gets the same consistent results.
The conversational feed design of email inboxes, group chats, and InstaTwitBook is fleeting – they're only concerned with self-assertive immediate thoughts that rush by us in a few moments.
The streamification of the web had already taken hold enough by this point. Anil Dash had an essay in 2012 entitled Stop Publishing Web Pages which underlined this point.
The expansion increased the capacity of the center to offer individualized consultations with faculty who were new to online teaching.
What options do we have as we won't be adding additional staff?
Seamless transitions; changes made to the old repositories after they were migrated must be imported to the new monorepository.
Our requirements:
None of the existing repository filtering tools did what I wanted; they all came up short for my needs. No tool provided any of the first eight traits below I wanted, and all failed to provide at least one of the last four traits as well:
German scientists say they can help improve vaccines to prevent blood clots | Coronavirus | The Guardian. (n.d.). Retrieved May 27, 2021, from https://www.theguardian.com/world/2021/may/26/german-scientists-say-they-can-help-improve-vaccines-to-prevent-blood-clots
An orientation module survey
I've included a pre-assessment quiz to help gauge what my students know. (In my graduate sats class students range from never having taken a stats class before to some that have taken 2-3 classes). I may add a question or two on course design in Canvas and general navigability.
select * from users
We can preview the data, and since that looks good, let's add a table to the canvas to display it. When we do this, it helpful pre-fills the data from our last query.
The limitations associated with the analysis of class-evaluation surveys in Study 2 largely result from the difficulty of extracting precise information from large groups of subjective ratings.
Such a study might be more profitably done first at the undergraduate level in a pre-med course and then followed up 1-3 years later at the graduate medicine level. In particular, there are many universities that are pre-admitting undergraduates to their graduate programs where these studies, though still possibly small, could be done with reasonable controls and better retention to cover the time differential cases. This is especially the case since many of these biological processes like the TCA cycle, etc are repeated at both levels of education.
This looks cool! I can think of some interesting applications, but the example here is pretty slick.
Charlotte Jee recently wrote a lovely fictional intro to a piece on a “feminist Internet” that crystallized something I can’t quite believe I never saw before; if girls, women and non-binary people really got to choose where they spent their time online, we would never choose to be corralled into the hostile, dangerous spaces that endanger us and make us feel so, so bad. It’s obvious when you think about it. The current platforms are perfectly designed for misogyny and drive literally countless women from public life, or dissuade them from entering it. Online abuse, doxing, blue-tick dogpiling, pro-stalking and rape-enabling ‘features’ (like Strava broadcasting runners’ names and routes, or Slack’s recent direct-messaging fiasco) only happen because we are herded into a quasi-public sphere where we don’t make the rules and have literally nowhere else to go.
A strong list of toxic behaviors that are meant to keep people from having a voice in the online commons. We definitely need to design these features out of our social software.
Stuart, A., Katz, D., Stevenson, C., Gooch, D., Harkin, L., Bennasar, M., Sanderson, L., Liddle, J., Bennaceur, A., Levine, M., Mehta, V., Wijesundara, A., Talbot, C. V., Bandara, A., Price, B., & Nuseibeh, B. (2021). Loneliness in Older People and COVID-19: Applying the Social Identity Approach to Digital Intervention Design [Preprint]. PsyArXiv. https://doi.org/10.31234/osf.io/qk9hb
A historical indicator of the reason why early web buttons were 88x31 as the result of Netscape Now buttons.
Of course in the world of responsive images, we put constraints on our images with CSS:img { max-width: 100%;}Now the image appears at it’s natural size unless it’s constrained by the parent container! Excellent.
However, as powerful as the <picture> element is, sometimes it gives us more power than is actually needed to achieve suitable responsiveness. Sometimes all it really takes is a regular <img> element using the srcset and sizes attributes inline.
Tommy Shane on Twitter. (n.d.). Twitter. Retrieved 14 February 2021, from https://twitter.com/tommyshane/status/1357385093514461184
If you're trying to use flexbox as a responsive way to adapt your mails in different devices, well there's a framework for that called MJML hope it works for you.
Components are the core of MJML. A component is an abstraction of a more complex email-responsive HTML layout. It exposes attributes, enabling you to interact with the final component visual aspect.
MJML has been designed with responsiveness in mind. The abstraction it offers guarantee you to always be up-to-date with the industry practices and responsive. Email clients update their specs and requirements regularly, but we geek about that stuff - we’ll stay on top of it so you can spend less time reading up on latest email client updates and more time designing beautiful email.
This approach also splits email development for modern email clients and older clients in two. You can use Safari/Chrome to test and develop modern techniques for WebKit-supported clients while using Firefox for your baseline experience for older clients like Outlook.
The main difference is in the flow of how messages are ultimately sent to devices for output. The standard library Logger logic converts the log entries to strings and then sends the string to the device to be written to a stream. Lumberjack, on the other hand, sends structured data in the form of a Lumberjack::LogEntry to the device and lets the device worry about how to format it. The reason for this flip is to better support structured data logging. Devices (even ones that write to streams) can format the entire payload including non-string objects and tags however they need to.
via Jim Groom
As designers, we are often burdened by the responsibility of producing and managing website content. It’s not our job to write it, but it’s not the client’s either. In many cases a vacuum emerges which ultimately gets filled with poor content. We can avert disaster by including content production in the design process.
Es geht auch um Rollen und die eigenständige Funktion von Contentstrategie neben Design und Coding.
Wie wichtig ist Inhalt im Entwicklungsprozess einer Website, un wie überzeugt die Auftraggeber davon? Sehr zugängliche Einführung in zentrale Aspekte der Contentstrategie. Danke Matt Saunders/@WeAreCharityBox: Why Content Is Such A Fundamental Part Of The Web Design Process — Smashing Magazine
Entify your Techtale with #1 Website and Mobile App Development Company.
Apptale is one of the top-notch web design and mobile app development company enriched with efficient and experienced developers who are all sincere and dedicated to work on the projects prior to the deadline. The high-end technologies are integrated to develop and deliver the projects with utmost results and make our clients satisfied.
Impressive graphics have always been among the first elements noticed by your audience while associating themselves with a brand, whether online or offline. Our highly creative and experienced graphic designers understand your business objectives and create designs that ideally blend with your business goals and ideologies. As a leading graphic design services company, we work closely with our clients to bring out brand ideals to make a statement through graphic design.
A Type is the highest-level differentiation a component can have.
This is the word i have been looking for to use with consistency about something above a state.
It's at the right position: the first frame or artboard of all is located at x:0 y:0
This is something I always miss, and it seems to s obvious way to anchor the chaos
If you belong to private Teams, Free or Basic, your Teams will be listed in the left navigation on all Stack Exchange sites. Currently, they appear only when you are visiting Stack Overflow. If you don’t belong to any teams, there will be a prompt to start a team, which can be minimized.
Micromachines always focused on local multiplayer, and the fun their eccentric races of small toy vehicles competing on tracks made with everyday objects; and all that is present.
There's probably a thousand different directions you can go, but there just needs to be some kind of deeper hook to make this a full-fledged game.
Hammy wasn’t born in our fantasies, but in a Silicon Valley office.
Per Yoni De Beule, UI (user interface) developer at Yelp: "Why a hamster? Why not a hamster!" . This quote gives some insight into how this design style is viewed internally (at least at the developer level) - it's not really a matter of deliberate infantilization or overtly sinister - although the end result - infantilization of the user (and all the broader cultural impacts this infantilization creates) is definitely not a neutral outcome.
Source: Quora. “Why Does the Yelp Ios App Use Hamsters in Their Loading Animations and Error Screens?,” January 14, 2014. https://www.forbes.com/sites/quora/2014/01/14/why-does-the-yelp-ios-app-use-hamsters-in-their-loading-animations-and-error-screens/?sh=3253fefa462c.
I LOVE the hover effects for the book covers on this site which is also a great example of someone collecting highlights/annotations of the books they read and hosting them in public on their personal website.
Melanie has written about the CSS part of the hover effect here: https://melanie-richards.com/blog/highlights-minisite/ and like all awesome things, she's got the site open at https://github.com/melanierichards/highlights. I may have to do some serious digging for figuring out how she's creating the .svg images for the covers though.
Incredible Mandy is a great example of design by subtraction, focusing on puzzle-solving and atmosphere and eschewing mechanics which do not contribute to the developer’s singular vision.
Enclosed text fields with a rectangular (box) shape performed better than those with a line affordance
Note: The standard variant of the TextField is no longer documented in the Material Design guidelines (here's why), but Material-UI will continue to support it.
An example of this would be a button that looks clickable but isn’t, underlined text that doesn’t contain a link, or a TV remote that turns on your lights but not the TV. False affordances are often present by mistake or occur due to lack of effective design techniques.
“when affordances are taken advantage of, the user knows what to do just by looking: no picture, label, or instruction needed.”
For instance, when you see a door handle, you assume its function is to open a door. When you see a light switch, you assume it can be flicked to turn on a light. When looking at a chair, you know it can be sat in. All of these are affordances. Don Norman refers to affordances as relationships in his book The Design of Everyday Things. He goes on to say that, “when affordances are taken advantage of, the user knows what to do just by looking: no picture, label, or instruction needed.”
What is an affordance? An affordance is a compelling indicator as to how an item operates and includes both its perceived and actual functions.
Many designers strive to create products that are so easy to navigate, their users can flow through them at first glance. To design something with this level of intuitiveness, it’s imperative designers understand affordances—what they are and how to use them.
I didn’t know it at the time, but I was building a design system.
This is why reluctance to use a design system is weird. It basically HAS to exist even if unused to properly do prototyping.
And some VR designs are literally spaces of floating panels.
The laziest, but often most practical VR design
the commonality of clicks, buttons, and even the icon with three horizontal lines now apparently means “menu” to everyone.
And yet I hate this pattern
A Game-design MasterpieceTake one simple game mechanic, and make the absolute most of it – that's exactly what the developers of Jim is Moving Out did, and it worked really well! The core of this game is stunningly simple: a few little boxes (furniture) inside a big box (Jim's house), one or two flying fellas (the players) and a physics engine. Think about the most creative ways you could make this into a game. Anything you think about, this game did it. What if you had to squeeze through narrow holes without breaking too much furniture? It's in the game. What if the room had wheels? Yep, it's there too. What if one of the walls was missing and you had to avoid losing the furniture? The whole co-op is about this. Zero gravity? Yes, even that is in the game.
“UX/UI Designer” become a real position, which is the equivalent of an “Architect/Interior Decorator.”
Why, it is possible to combine artistry with sensitivity to helping users/customers thrive with a product. In fact it’s a powerful combination.
An architect may well get extremely detailed over key ‘decorative’ features.
Design is not a synonym for decorative creative decisions.
And yet it also IS, and there is no problem with it being both. The gardener can create function but also great expression for the sake of beauty itself.
Hérigone's only important work is the six volume Cursus mathematicus, nova, brevi, et clara methodo demonstratus Ⓣ<span class="non-italic">(</span>Course on mathematics : new, short, and with clear methods shown<span class="non-italic">)</span> or, to give it its French title, Cours mathematique, demonstre d'une nouvelle, briefve, et claire methode which appeared between 1634 and 1642.
There is a clever little bit of UI on this page in which there appears a red letter T in a circle after the Latin title. If one clicks it ,there's a pop up of the translation of the title into English.
There is no request.env in functional tests because the functional tests are supposed to remain at the controller level.
I love the ideas hiding in some of these design elements. The pieces are very atomic, but can be built up into some fascinating bigger designs.
I'm curious if there are any mnemonics attached to these that add additional levels of meaning in the art in which they're embedded?
The attached video was incredibly helpful: https://www.youtube.com/watch?v=Kc3K-MyH3xg
jake2h@chrisaldrich that spreadsheet party is so brilliant! I would love to attend events in all kinds of mediums, tools, and games. @nastroika, do you think your cohort could automate a cyberparty together as a group project?
@jake, your comment also reminds me of the atmosphere created by the game Candy Land which was designed for a particular setting which we often forget about today. There's an Atlantic article about it which helps to underline the idea of designing for particular contexts to make people feel welcomed and empowered: https://www.theatlantic.com/technology/archive/2019/07/how-polio-inspired-the-creation-of-candy-land/594424/
@ajlkn has several related projects including this one:
Might be an interesting experiment to make one or more of them IndieWeb friendly and create a set up to dovetail one or more of them in with the GitHub pages set up.
Books are inherently visual, and cover design is in something of a golden age at the moment with designers like Alison Forner, Gray318, Rodrigo Corral, Suzanne Dean, and many others producing consistently outstanding work.
A nice list of replacement words to make one's writing seem warmer and more human.
It would be cool if tools like Grammar.ly or Hemmingway.app had pieces like this built in.
User stories are a great way of designing features, but when you are designing community features on the web it is also useful to have user stories that start “I am an absolute arsehole and I want to…”
Solid advice.
It just reads better sometimes. Think @honda.kind_of? Car and @person.is_a? Administrator, Ruby's all about the aesthetics.
As to why both is_a? and kind_of? exist: I suppose it's part of Ruby's design philosophy. Python would say there should only be one way to do something; Ruby often has synonymous methods so you can use the one that sounds better. It's a matter of preference.
I really like this and want to figure out way to do it on my own website. It could be fun to tuck it in with the weather and location data I'm already collecting.
Vijayasingham, L., Bischof, E., & Wolfe, J. (2021). Sex-disaggregated data in COVID-19 vaccine trials. The Lancet, 397(10278), 966–967. https://doi.org/10.1016/S0140-6736(21)00384-6
A simple, yet surprisingly mind-boggling puzzle game. Simplicity may be perceived as a negative connotation when it comes to games for many people, but Neon Warp's simplicity actually works in it's favor in the best way possible and becomes one of it's strength.
Another innovation that I’ve seen have been successful experiments in moving past the paradigm of associating e-mail addresses with individuals. When an address is instead assigned to a specific client, or to a specific type of request, and monitored by multiple different employees, it can go a long way to relieving the deeply-ingrained anxiety that we are ignoring those who need us.
Shared emails amongst individuals can help mitigate the psychological pressure of things building up and being left undone.
Thrive Away. If a Thrive employee sends an e-mail to a colleague who is on vacation, the sender receives a note that the colleague is away and the message is automatically deleted. In theory, a simple vacation auto-responder should be sufficient—as it tells people sending a message not to expect a reply until the recipient returns—but logic is subservient in this situation. No matter what the expectations, the awareness that there are messages waiting somewhere triggers anxiety, ruining the potential relaxation of a person’s time off. The only cure is to prevent the messages from arriving altogether.
A fascinating potential solution to the email problem. This is focused on the company space, but how might one decentralize this for use in all email scenarios?
Unlike the latter, however, the neurosciences are extremely well funded by the state and even more so by private investment from the pharmaceutical industry.
More reasons to be wary. The incentive structure for the research is mostly about control. It's a little sinister. It's not about helping people on their own terms. It's mostly about helping people become "good" citizens and participants of the state apparatus.
It is about balancing the twin needs of writing good software, and writing any software at all.
Don’t Believe The Type!
Gareth Ford Williams, BBC
David Bailey, BBC
Bruno Maag, Typeface designer
"Emotional accessibility"
Readability group survey
Font selection rate: all participants
Font selection rate: Dyslexic traits
Poor near vision group
Letter combos used to find issues
Why some typefaces work better than other
System architects: equivalents to architecture and planning for a world of knowledge and data Both government and business need new skills to do this work well. At present the capabilities described in this paper are divided up. Parts sit within data teams; others in knowledge management, product development, research, policy analysis or strategy teams, or in the various professions dotted around government, from economists to statisticians. In governments, for example, the main emphasis of digital teams in recent years has been very much on service design and delivery, not intelligence. This may be one reason why some aspects of government intelligence appear to have declined in recent years – notably the organisation of memory.57 What we need is a skill set analogous to architects. Good architects learn to think in multiple ways – combining engineering, aesthetics, attention to place and politics. Their work necessitates linking awareness of building materials, planning contexts, psychology and design. Architecture sits alongside urban planning which was also created as an integrative discipline, combining awareness of physical design with finance, strategy and law. So we have two very well-developed integrative skills for the material world. But there is very little comparable for the intangibles of data, knowledge and intelligence. What’s needed now is a profession with skills straddling engineering, data and social science – who are adept at understanding, designing and improving intelligent systems that are transparent and self-aware58. Some should also specialise in processes that engage stakeholders in the task of systems mapping and design, and make the most of collective intelligence. As with architecture and urban planning supply and demand need to evolve in tandem, with governments and other funders seeking to recruit ‘systems architects’ or ‘intelligence architects’ while universities put in place new courses to develop them.
Here's the four case: foo.js Load/Require dependencies Concatenate dependencies foo.js.map Load foo.js Currently grabs metadata[:map] from asset to build an asset, need to move that generation somewhere else to accomplish de-coupling map generation foo.debug.js Load foo.js Load foo.js.map Add comment to end of foo.js with path to foo.js.map foo.source.js The raw file on disk, the map file will need to point to source files.
There are myriads of platformers around, it's an oversaturated market, and just like industrial designer Karim Rashid said about there being no excuse by this point to make an uncomfortable chair, there's no excuse by this point to make a boring patformer.
Positively indicate valid input values Let users know a field has been entered correctly. The browser can give us this information through the :valid CSS selector:
There are plenty of words and acronyms you can put in front of “Designer”. Product, Web, Graphic, UX, UI, IA, etc. The lines between each are blurry, and the titles go in and out of fashion. Depending on the project and team I’m working alongside, I practice them all to varying degrees. I prefer to call myself; “A Designer.”