notated.org notes on learning, design, tools, & life

Computer Feedback That Helps Kids Learn About Math and About Themselves 

Dan Meyer discuss various approaches to giving learners feedback on their answers. He suggests showing learners more about what their wrong answers might mean, to keep them thinking.

Atkinson Hyperlegible Font 

Speaking of literacy, I love the design of this “hyperlegible” typeface from the Braille Institute.

What makes it different from traditional typography design is that it focuses on letterform distinction to increase character recognition, ultimately improving readability. We are making it free for anyone to use!

The attention to differentiating the uppercase “B” from the numeral “8” is really striking.

Designing for illiteracy 

Last July, Lena Alfter gave a talk “Typografie für besseres Lesenlernen” at Creative Mornings Berlin about designing for illiteracy.

As part of her master’s thesis, Lena Alfter found that people with reading difficulties don’t need special fonts in their learning materials, but better typographic design.1

Sebastian Greger has helpfully provided notes in English about the talk:

With everybody under 16 in Germany legally obliged to attend school, it can be hard to grasp that 6 million people (12% of the adult population) are functional analphabets and over 16 million (almost 1/3 of adults) have at least some kind of deficit dealing with written text.

So, designing inclusively is not about “edge cases”, as it is often reduced to by ableist thinking. And the impact on social participation, not least on the functioning of a democracy, is massive.

Lena illustrated well how analphabets’ manifold coping strategies contribute to hiding this fact in daily life; some even manage to get a high school degree without ever acquiring full literacy.

  1. Translated from the original German: “Im Rahmen ihrer Masterarbeit hat Lena Alfter herausgefunden, dass die Unterrichtsmaterialien für Menschen mit Leseschwäche keine speziellen Schriften brauchen, sondern eine bessere typografische Gestaltung.” 

What is Good Teaching? 

Kristina Rizga, in a profile of Renee Moore, English teacher at Mississippi Delta Community College:

By the end of the year-long project, Moore concluded that being a good teacher doesn’t come from following a rigid list of the most popular evidence-based tools and strategies; it comes from a teacher’s commitment to knowing and respecting students and their families.

A lot of this resonates with me, especially this:

Moore remembers that when the No Child Left Behind Act was enacted in 2002, the teachers at her school received letters from superintendents asking them to stop assigning presentations and research papers to English seniors—and to use that time instead to prepare students for tests. Once, an outside consultant arrived, armed with a large binder that included a curriculum and step-by-step instructions on how to teach it. “The materials were neither culturally appropriate nor intellectually challenging enough for our students,” Moore told me. “I used the book to prop up the aging air-conditioner unit in my room. When our test scores went up, the consultants took credit for it.”

π ≈ 

Christian Lawson-Perfect explains himself:

Why?

  • I can never remember π past 3.14159…, and typing “digits of pi” into Google doesn’t always lead you straight to a usable listing, so I wanted a place I could go to to easily get at least the first few hundred digits.
  • Ever since I discovered it, I’ve wanted to write an implementation of an unbounded spigot algorithm for π.
  • I enjoy buying novelty domain names.
  • It was a fun thing to do for π day.

I’m a total sucker for this kind of thing.

The Deep Sea 

Lovely work by Neal Agarwal, using a long scroll to the bottom of the sea to inform and delight.

Neal has some more fun projects at the aptly-named Neal.fun.

Spelling Bee 

These word puzzles from The New York Times have been running for a while, but I’ve really been getting into them lately. I enjoy the simplicity of the concept, and it’s just as fun to play on my phone as on my laptop.

A Third Grader’s Guide to the Impeachment Hearings 

History textbooks should be written this way.

Evolution of the Scrollbar 

Sébastien Matos has recreated scrollbars from the Xerox Star in 1981 through Windows 10 in 2015.

The World-Wide Work. 

An astonishing talk by Ethan Marcotte. At first I wasn’t really sure where he was going with his examples and stories, but his call to organize and his reflection that there are signs of hope already really got me in the end. I have hope because I know there are more talented, motivated, compassionate people out there like Ethan who believe in the ideals that the web is supposed to help us all collectively work toward. There are more of us than of the cynical and broken folks who are currently in power and benefit the most from the corruption of the web.

Thank you Ethan.

Charlie Owen on React 

Charlie Owen at her best:

If React was used as one of many technologies, purely for non-critical user journeys, augmenting server-side rendered markup, then I don’t think most of the issues we have seen of late would arise.

There’s a lot of provocative stuff in here, but these points especially got me:

  • These new devs were heavily trained by a combo of corporate-sponsored online materials, blog posts, video courses, and by the formation of bootcamps.
  • The Web That Was, a place of chaos and malleability, was suddenly seen as an impediment to this process of training sacrificial developers, as it required acknowledgement of variety and empathy with the infinity of technology and human combinations.
  • The Web That Was was seen as needing a lot more artisanal work.
  • Big Corporates twirled their non-existent mustaches and realized that it’s easier to train people to use to work on a factory production line, learning a set of APIs, than it is to train them to see the Web as a precious resource that is inherently chaotic in nature.
  • BTW, I’m not blaming developers in all this - under Capitalism you always need to follow the money, and web development suddenly became a well-paying career. It was always going to happen.

I’ve been working adjacent to web development bootcamps for the past several years and have watched as the classes next door have moved from Ruby on Rails (server-side rendered) to primarily React-focused. I remember the first time I had a conversation with one of the web development instructors on the way into work and discovered that he had never even heard the words “progressive enhancement” used together.

Charlie’s definitely right that although it is possible to use tools like React in server-rendered ways, that’s certainly not what’s being taught to students in the bootcamp settings that I’ve seen. And it doesn’t seem to be where so much of this loud vocal energy in a certain part of the community online is either.

I’m trying to remain patient while the pendulum finds its way back, but this time really does seem to be taking longer than I’m used to this cycle running for. And honestly, the last time I felt this way about a technology overstaying its welcome, was 2008–2017 when I was convinced that Facebook couldn’t possibly continue to be so popular and widespread for so long.

A Short Guide to Building Your Team’s Critical Thinking Skills 

Matt Plummer writing for Harvard Business Review:

Here is how to assess the critical thinking skills of each of your team members, how to help those who are struggling, and how to know when a team member has mastered one phase and is ready for the next.

I like how his breakdown echoes the scaffolding in Bloom’s Taxonomy: “ the ability to execute, synthesize, recommend, and generate.”

I imagine these development stages would also be a good framework to reflect independently on your own skills.

Reactive User Interfaces Syllabus 

Rune Madsen has done a great job of making his design courses available for others to peruse and take inspiration from, which feels like living up to the original purpose of the web. The whole thing is available on github.

Mirroring: how to design for Arabic users 

Gaby Piñeda delivers an amazing deep dive into designing for Arabic-speaking audiences.

Stéphanie Walter 

I’m glad that I can still be really impressed by the creativity and professionalism someone like Stéphanie puts into her website. Thoughtful touches in the writing, the illustration style, her positioning, and just overall presentation. I especially like the details on links and button styles.

And on top of that, she shares excellent links and useful resources on a regular basis. Very inspiring.

SQL Murder Mystery 

This looks fun!

There’s been a Murder in SQL City! The SQL Murder Mystery is designed to be both a self-directed lesson to learn SQL concepts and commands and a fun game for experienced SQL users to solve an intriguing crime.

Anti-Oppressive Facilitation Guide 

A must read:

Even organizations with great meeting process inadvertently perpetuate barriers to full participation and access to democratic process. This happens through group dynamics of power, privilege and oppression that often marginalize women, people of color, queer, trans and gender non-conforming folks, people with disabilities and those with limited access to the cultural cues and financial resources that come with class privilege.

Whether or not you act as facilitator at meetings you attend, building your facilitation skills will help you make your meetings better, more inclusive, and more fully democratic! Here are some foundational tips and suggestions that can have big impacts on your meetings.

I especially like the “Community Agreements”:

  1. One diva, one mic
  2. No one knows everything; together we know a lot
  3. Move up, move up
  4. We can’t be articulate all the time
  5. Be aware of time
  6. Embrace curiosity
  7. Acknowledge the difference between intent and impact

This strikes me as thoughtfully and lovingly put together, battle tested. I’ve used some similar ground rules in class in the past, but am looking forward to trying more of this language in the future.

Africa’s Lost Kingdoms 

Howard W. French:

It may remain a little-known fact, but Africa has never lacked civilizations, nor has it ever been as cut off from world events as it has been routinely portrayed. Some remarkable new books make this case in scholarly but accessible terms, and they admirably complicate our understanding of Africa’s past and present.

There is still a lot of world out there, and a lot of history. The more I travel and read and learn, the more I realize just how ignorant and biased I am.

Khoi Vinh on How His Blog Amplified His Work and Career 

Khoi continues to inspire:

For years I wanted to be the kind of writer that could write more often, more quickly, more succinctly than I do. But throughout it all, I’ve been drawn back to writing the same kind of posts, which are sort of like opinion column-style essays of 500-plus words or so, and that always takes me way more time to write than I would prefer, if given the chance. Ultimately, I just learned to accept that that was the kind of writer that I am, for better or worse.

A Lovely Letter From Susan 

Donny gets a letter:

Your work is beautiful and your passion for our language is quite inspiring. I have never seen this sort of appreciation for Vietnamese by a Vietnamese person before. I’m glad to have found Vietnamese Typography and I’ve donated $5 via the support page. I wish you all the best, Donny.

This is how we can win back the web, one person at a time. Take some time to create something you care about and share it with the world. The world might just find you and thank you for it.

Borges on Life and Death 

Lovely interview with Amelia Barili in 1981.

Cynicism, Not Gullibility, Will Kill Our Humanity 

Mike Caulfield has been working on teaching web literacy, in part as an effort to address misinformation spread and impact. These preliminary results from some of his classes, and his conclusions, are compelling.

Front-end development is not a problem to be solved 

Robin Rendle’s ending is the best part.

My answer: I don’t know.

Prototypes and production 

Jeremy Keith differentiates:

So these two kinds of work require very different attitudes. For production work, quality is key. For prototyping, making something quickly is what matters.

B. F. Skinner: The Most Important Theorist of the 21st Century 

Audrey Watters:

Design matters. Engineering matters. But so too does the context and the practices around technology. Culture matters. All of these systems and practices have a history. (That’s one of the key takeaways for you, if you’re taking notes.)

Why does the cursor blink, for example? How does the blink direct and shape our attention? How is the writing we do – and even the thinking we do – different on a computer than on paper, in part because of blinks and nudges and notifications? (Is it?) How is the writing we do on a computer shaped by the writing we once did on typewriters? How is the testing we take, even when on paper, designed with machines in mind?

Audrey has been working on a book, Teaching Machines, and gave this talk last month in Florida. I won’t try to summarize the whole talk here, because I think you should just go read her transcript. I’ll just whet your appetite with a couple more selections.

On B. F. Skinner’s influence (over Seymour Papert’s):

I maintain, even in the face of all the learn-to-code brouhaha that multiple choice tests have triumphed over democratically-oriented inquiry. Indeed, clicking on things these days seems to increasingly be redefined as a kind of “active” or “personalized” learning.

And just for fun:

“The most important thing I can do,” Skinner famously said, “is to develop the social infrastructure to give people the power to build a global community that works for all of us,” adding that he intended to develop “the social infrastructure for community – for supporting us, for keeping us safe, for informing us, for civic engagement, and for inclusion of all.”

Oh wait. That wasn’t B. F. Skinner. That was Mark Zuckerberg. My bad.

See? I told you—go read.

Tobias Rechsteiner’s GT Zirkon 

Everything about this is beautiful. I love the deep cuts in the letterforms, I love the weird growths on the website. And I love the simplified black and white user interfaces in the illustrations.

A boring education 

Speaking of Lisa, her dissection of student needs vs. wants is withering:

It is obvious that the problems of the customer-service model of education continue to expand. The larger question is how it has become accepted wisdom that students require motivation in the form of entertaining behaviors on the part of instructors, that not to do so means being boring, and that boring is not OK and needs to be fixed. Regardless of what a student may need in terms of acculturation, self-direction, and scholarship, it has become more important that they be entertained into learning, then get a degree as quickly as possible to avoid wasting public monies.

Education should not adapt to such support goals, nor adapt to fit what students say they want.

Since I work in for-profit education, I see this bad habit of thinking of students as customers crop up all the time. I do believe that we should take a service-centered approach in supporting student learning. But I believe any input from students has to be filtered and interpreted, and that we have to rely on more sophisticated and less biased methods to determine what is working and what isn’t.

There’s an analog in user experience: designing for the user isn’t about giving the user whatever she wants. If you ask people what they want from their software, you’ll often hear very different things than you’d catch if you watch someone actually use their phone.

I learn more about improving my class by observing students work and asking them to explain things to me than I ever could by sending a survey asking them for suggestions. I do surveys like this, yes, but these are inputs I largely treat as noise that’s required by the larger organization—by people who aren’t in a position to do the boots on the ground work of figuring out what students need.

Lisa’s approach to learning outcomes 

Lisa M. Lane:

An SLO is a Student Learning Outcome. Now, before you roll your eyes, be aware that when the History department was given the task of creating SLOs for all our courses years ago, we were given significant latitude. In our wisdom, we decided to make our SLOs skills-based rather than content-based. Instead of saying what content would be covered, what names and dates and events students had to learn, we would base our SLOs on what skills we wanted students to practice as historians.

Love this approach. Personally, I prefer to go a bit broad and overlappy at this high level, because it allows you to have a dialog about shared goals across subjects.

Beyond Digital Ethics 

Cal Newport :

It’s hard to imagine companies of this size voluntarily reducing revenue in response to a new brand of ethics. It’s unclear, given their fiduciary responsibility to their shareholders, if they’re even allowed to do so.

By contrast, I’ve long supported a focus on culture over corporations. Instead of quixotically convincing some of the most valuable business enterprises in the history of the world to behave against their interests, we should convince individuals to adopt a much more skeptical and minimalist approach to the digital junk these companies peddle.

We don’t need to convince YouTube to artificially constrain the effectiveness of its AutoPlay algorithm, we should instead convince users of the life-draining inanity of idly browsing YouTube.

Maybe I’m just in a cynical mood, but I don’t personally see either of these approaches working. Honestly, anything that requires individuals or groups of people to shift their behaviors by first changing their minds sounds like tilting at windmills to me.

I’d love to be wrong about this.

On a less cynical note, I believe behavior is currently naturally shifting away from the excesses alluded to by Newport. Anecdotally, I see fewer students distracted on their phones throughout the day than I used to. And it’s clear people have to started to pay attention to the man behind the curtain in terms of advertising and content suggestions online. Give it some time, people know how to take care of themselves, and are surprisingly resilient.

Mathematics for social good 

Dylan Kane:

Most of my students don’t see themselves as mathematicians because they can’t see pathways for mathematics to positively influence their lives. What if, as one small step toward creating richer perceptions of what mathematics is and creating a discipline that has a more positive influence on humans, we chose to center “mathematics for social good” as a core part of what we see as math?

Replacing 1 billion-user platforms 

Manton Reece:

We do not need another social network with 1 billion users. Part of the problem is having so many users and so much power concentrated in one place. And setting out to achieve 1 billion users means it’s an ad-based platform that will inherently revisit many existing problems.

Agreed. And yet I am still bothered by the barriers of entry to alternatives, including Micro.blog. Apart from the usually-discussed technical and know-how barriers to entry (which honestly I find dubious on their own), what of social barriers? I see a lot of what faces whenever I check in on Micro.blog. How do we avoid revisiting this existing problem?

Coney Island Boardwalk 

OMG I love these old postcards of the boardwalk at Coney Island.

The wood planks of the Coney Island Boardwalk were designed to accommodate two kinds of traffic: pedestrian and rolling chair. The sections with diagonal planks forming a chevron pattern were meant for foot traffic, whereas the two strips of straight planks were meant for rolling chairs.

If you ever visit New York, I really recommend the trip out to Coney Island. It’s kind of a bizarre place so close to such a huge international city. I recommend the freak show, a corn dog or two, and a stroll down the boardwalk.

If it’s nice out, take a nap on the pier. Don’t forget sunblock.

The Hidden Cost of Touchscreens 

Amber Case:

When I worked in food service and in the mailroom, the uglier touchscreens were always easier to work with. They were color coded with bright, contrasting colors, making the boundaries between numbers or items very obvious. I found that the colors reduced mistakes. I’d usually tap the right items after barely even glancing at the interface. After a while, I’d only check the screen for mistakes at the end of the process, before submitting an order or printing a receipt.

Most touchscreen interfaces don’t use high contrast colors or locked, static buttons for basic functions. They bury actions under multiple buttons, and this leaves us dangerously hunting for the right button while trying to drive, or our frustrated passengers trying to help us get our phone connected via Bluetooth.

AI is Not a Community Management Strategy 

Derek Powazek:

This PageRank thing, they told us, was an “algorithm.” And, for a time, algorithms were all the rage. We were living in the age of the algorithm. And in all my client meetings and project plans, every time we had a decision to make, someone would say, “the algorithm will do it.”

The algorithm never did it.

I’ll let Dionne Warwick take this one:

Gotta get off, gonna get
Out of this merry-go-round
Gotta get off, gonna get
Need to get on where I’m bound

When did I get, where did I
Why am I lost as a lamb
When will I know, where will I
How will I learn who I am

Service Design: From Insight to Implementation 

Added this to my reading list last year, and have been digging into it again the past week. So far I’m finding the book to be interesting in terms of case studies, but short on practical advice. Does anyone have any other recommendations as I go down this road?

15 principles of good service design 

Lou Downe:

Without professional standards we will continue to expect those around us to be able to do more than they can, and not expect enough of ourselves.

We need to understand that most people can spot a bad service, but won’t be able to tell you why it’s bad or how to fix it. This is the same with graphic design – where most people will be able to identify a bad road sign, but won’t be able to tell you that the kerning is too tight. It isn’t fair to expect them to do this, just as it isn’t fair for us to charge for our services as designers if we can’t.

Reading through these principles made me much more interested in service design.

In Defense of Design Thinking, Which Is Terrible 

Khoi Vinh:

“Everyone Can Code” is an interesting idea. The implication is that there will be a lot of good code out there, but it also implies that there will be a lot of bad code too. In a world where everyone can code, not all code will be good. There will be bad code, in fact.

It’s worth noting though that engineering as a discipline, as a trade, as a profession is largely unthreatened by the idea of bad code. In fact, you could say that the prevalence of bad code has been a boon to the world of engineering. In spite of all the bad code being written out there, the discipline is thriving.

And yet when it comes to the discipline of design:

Designers want design to be an exclusive domain. They want its processes to be mysterious, and often rooted in the idiosyncrasies of mercurial creative directors and savants, because it preserves the perceived value of our craft. Put more plainly: the more difficult design is to practice, the more lucrative it is for practicing designers.

I’m with Khoi on this point:

Any embrace of design by non-designers is a good thing, and design thinking qualifies here. The reason for this is that when that happens, it means our language, the vocabulary of design, is broadening to the rest of the world.

If you ask me, this is a big part of what I’ve always loved about the web: the way it seems to support individual growth by giving so many a platform to share about what they do and how they approach their work.

Back in the 90s, I remember an explosion of writing and sharing about making web pages. It was great! I wouldn’t have learned half the things I know how to do without that impulse to share.

I think the impulse is still there, if it sometimes gets a bit overwhelming dealing with so many resources which just attempt to monetize content rather than provide genuine heart-felt writing to visitors. Just have a look at some of the math education blogosphere and you’ll see that impulse on full display.

Eloquent JavaScript, 3rd Edition 

I’m so glad to see that the third edition of Marijn Haverbeke’s excellent Eloquent JavaScript is out.

He’s updated it to reflect modern JavaScript, but he wisely leaves alone topics which are subject to tumultuous change:

So it is not uncommon for the code that you find in an NPM package or that runs on a web page to have gone through multiple stages of transformation—converted from modern JavaScript to historic JavaScript, from ES module format to CommonJS, bundled, and minified. We won’t go into the details of these tools in this book, since they tend to be boring and change rapidly. Just be aware that the JavaScript code that you run is often not the code as it was written.

I hope to give this a more thorough read over the next weeks. If you haven’t read the earlier editions, now’s a great time to pick this up.

Nobody Said CSS Is Easy 

Amber asked for some help with checkboxes:

In conclusion to my first two months on a big project, I now know that getting confused, spending a long time studying many different files & folders, and asking other developers for help is a right of passage to becoming a better developer.

Observable: Five-Minute Introduction 

I discovered Observable, a new project from Mike Bostock just yesterday. It’s a modern web-based programming notebook for JavaScript.

I remember the first time a friend of mine showed me something he’d written in Mathematica, about 15 years ago. I had no idea what was going on. I hadn’t studied any computer science, I didn’t really understand what this tool was supposed to be doing, or why anyone would use it. There was a big gap between how impressed my friend was with what he’d been able to do with it, and my feelings at looking at it with him. (I feel like it had something to do with simulating sheep populations?)

Fast forward to a couple of years ago, when I was working on the launch of a data science course and saw a Jupyter notebook in action running Python. The scales came off my eyes. This was an interactive programming environment that I had never really imagined! The possibilities for teaching were immediately obvious. You could create notebooks that showed code and results for students to tinker with, demonstrate with live examples you could update on the fly, leave blanks for students to fill in like worksheet, etc.

It was only later that I realized I was seeing a new take on a set of paradigms that I’d seen in Mathematica so many years earlier.

Observable uses the same notebook model, in a way that feels very much web-technology native. It’s web interface is nicer than Jupyter already. I’m also encouraged to see some early community on the site (although at first glance it seems heavily male-leaning). I’ll be curious to see how it grows. As far as I can tell, there’s not currently a way to download and work locally on Observable notebooks, whereas part of what I like about the Jupyter format is its portability. Observable is still young, so I hope that there is a chance this may happen in the future.

In the meantime, if I was teaching JavaScript, I would give this a serious look.