Uiデザイン
-
laptop.css - 画像をラップトップ化してくれるスタイルシート
laptop.cssは、画像の周りにアスキーアートのラップトップ枠をつけてくれるという単機能のCSSスタイルシートです。オープンソースです。 3種類のサイズのラップトップが用意されています。 どういう時に有用なライブラリなのか、今一つわかりませんが。 縦横比に注意して画像を用意しないといけないみたいですね。そして、画像につけたリンクが無効になってしまった。 (rss フィード経由の方は元ページを開 …
-
パスワードを決める画面でのアホなルールを集めたリポジトリ dumb-password-rules
dumb-password-rules/dumb-password-rules パスワードの登録や更新画面で出てきたおかしな制約やエラーを募集している GitHub リポジトリがあります。 あほなパスワードの文字制限を分類 多数の事例が載っていますが、代表的なものをグループ化してみます。 文字種や記号を謎に制限 「% は使えません」「\ は使えません」 - 内部でエスケープしちゃうんですねわかりま …
-
悪のUIデザイン、ダークパターンの実例を見せる動画
ダークパターンについては2010年、概念が提唱された際にこのブログでも紹介しました。 ユーザー体験を向上させるのではなく、ウェブサイト運営側の都合でものを買わせたり、ユーザー登録させたりするウェブサイト構築上のトリックを分類して名前をつけよう、というのがダークパターンです。 先週、そのようなダークパターンを解説する動画が公開され、注目を集めています。 とにかく退会したいんだ! 動画の最初はアマゾン …
-
まさに「面の皮」なスーツケースカバー
空港の荷物受け取りで、コンベアーベルトに乗って出てくる自分のスーツケースを見分けやすくするためにステッカーなどをベタベタ貼ってる人がいますよね。 Firebox が新たに発売した Head Case は、スーツケースの持ち主が瞬時にしてわかるというスーツケースカバー。なぜわかるかというと、こんな図柄だから。 これはインパクト大きい。 「もう、他の誰も、間違ってあなたのスーツケースを持って行くことは …
-
失読症(ディスレクシア)を体験できるフォント
文章の読み書きにだけ困難を感じるというディスレクシア(失読症)であると診断されたデザイナーのダニエル・ブリトンさん(Daniel Britton)が、同級生や先生に失読症がどんなものであるかを理解してもらおうと、Helvetica フォントを基にデザインしたのがこれらのフォント(右側の赤いアルファベット)。 このフォントを使うと、文章がこんな風になってしまいます。 ブリトンさんは、「人口の1割、世 …
-
McBike - 自転車ドライブスルー用のマックの新パッケージ
マクドナルドがデンマークの首都コペンハーゲンとコロンビア第二の都市メデジンで実施したプロジェクトMcBikeは、 取っ手の部分をハンドルに引っ掛けられる、自転車用の新パッケージです。 「低エネルギーでヘルシーなライフスタイルへ向けて世界は動いている」ということ。 このMcBikeボックス、動画の最後では「アムステルダムと東京にも近日登場」と出てきます。東京のどこのマックで実施されるのか、楽しみです …
-
Motix - キーボードから手を離さずにマウスカーソルを操れる、空中指モーションキャプチャ・デバイス
IBMのノートパソコンのキーボードの中央部に付いていたトラックポイントは、ホームポジションに手を置いたままでマウスカーソルを動かせるということで一部の人にとってはマウスやトラックボールよりも人気のある入力デバイスでした。 トラックポイントと同じようにキーボードの上に両手を置いたままでカーソルを操るデバイスとして新たに登場したMotix は、ポッチを指で動かす代わりに、キーボードから持ち上げた人差し …
