134 lines
4 KiB
HTML
134 lines
4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-us">
|
|
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
|
<title>My New Hugo Site</title>
|
|
<meta name="viewport" content="width=device-width,minimum-scale=1">
|
|
<meta name="description" content="">
|
|
<meta name="generator" content="Hugo 0.145.0">
|
|
|
|
|
|
|
|
<meta name="robots" content="noindex, nofollow">
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/ananke/css/main.min.css" >
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link href="/design/index.xml" rel="alternate" type="application/rss+xml" title="My New Hugo Site" />
|
|
<link href="/design/index.xml" rel="feed" type="application/rss+xml" title="My New Hugo Site" />
|
|
|
|
|
|
|
|
|
|
<link rel="canonical" href="http://localhost:1313/design/">
|
|
|
|
|
|
<meta property="og:url" content="http://localhost:1313/design/">
|
|
<meta property="og:site_name" content="My New Hugo Site">
|
|
<meta property="og:title" content="Designs">
|
|
<meta property="og:locale" content="en_us">
|
|
<meta property="og:type" content="website">
|
|
|
|
<meta itemprop="name" content="Designs">
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:title" content="Designs">
|
|
|
|
|
|
</head><body class="ma0 avenir bg-near-white development">
|
|
|
|
|
|
|
|
<header>
|
|
<div class="pb3-m pb6-l bg-black">
|
|
<nav class="pv3 ph3 ph4-ns" role="navigation">
|
|
<div class="flex-l justify-between items-center center">
|
|
<a href="/" class="f3 fw2 hover-white no-underline white-90 dib">
|
|
|
|
My New Hugo Site
|
|
|
|
</a>
|
|
<div class="flex-l items-center">
|
|
|
|
|
|
|
|
<div class="ananke-socials"></div>
|
|
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="tc-l pv3 ph3 ph4-ns">
|
|
<h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title">
|
|
Designs
|
|
</h1>
|
|
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
<main class="pb7" role="main">
|
|
|
|
<article class="pa3 pa4-ns nested-copy-line-height">
|
|
<section class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray"></section>
|
|
<section class="flex-ns flex-wrap justify-around mt5">
|
|
|
|
<div class="relative w-100 w-30-l mb4 bg-white">
|
|
<div class="relative w-100 mb4 bg-white nested-copy-line-height">
|
|
<div class="bg-white mb3 pa4 gray overflow-hidden">
|
|
<span class="f6 db">Designs</span>
|
|
<h1 class="f3 near-black">
|
|
<a href="/design/the-design-of-everyday-things/" class="link black dim">
|
|
|
|
</a>
|
|
</h1>
|
|
<div class="nested-links f5 lh-copy nested-copy-line-height">
|
|
<h1 id="the-design-of-everyday-things">The Design of Everyday Things</h1>
|
|
<p><a href="https://en.wikipedia.org/wiki/The_Design_of_Everyday_Things">https://en.wikipedia.org/wiki/The_Design_of_Everyday_Things</a></p>
|
|
<h2 id="chapter-one-the-psychopathology-of-everyday-things">Chapter One: The Psychopathology of Everyday Things</h2>
|
|
<p>Well-designed things do not need explanatory signage or trial-and-error.</p>
|
|
<p>Two important characteristics of design:</p>
|
|
<ol>
|
|
<li>Can the user discover what action are possible and how to do them?</li>
|
|
<li>Can the user grok the meaning of the actions and the purpose of the thing?</li>
|
|
</ol>
|
|
<p>Designers must design for humans, who are not perfectly logical creatures.</p>
|
|
<p>Discoverability is done with</p>
|
|
</div>
|
|
<a href="/design/the-design-of-everyday-things/" class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1">read more</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section></article>
|
|
|
|
</main>
|
|
<footer class="bg-black bottom-0 w-100 pa3" role="contentinfo">
|
|
<div class="flex justify-between">
|
|
<a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="http://localhost:1313/" >
|
|
© My New Hugo Site 2025
|
|
</a>
|
|
<div><div class="ananke-socials"></div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|