オブジェクト指向UIデザインを読んだから図解してみる
この記事は、スターフェスティバル Advent Calendar 2022の 10 日目の記事です。 はじめに スターフェスティバル株式会社 エンジニアの@nano72mkn です！ 先日、社内でオブジェクト指向UIについて考える機会があったので 「オブジェクト指向 UI デザイン -使いやすいソフトウェアの原理-」 という本を読みました。 みなさんは、オブジェクト指向 UI というものを知っていますでしょうか？ 検索などをしているとオブジェクト指向UIというよりも、 Object Oriented User Interfaceの頭文字を取ってOOUIと表記しているところが多いですね 実は、GUI が誕生した時から存在していた言葉らしいですが、 GUI の方が浸透してしまいOOUIのほうはそこまで普及しなかったようです。 そんなOOUIについて、今回は図解しながら解説していきたいと思います
チャットソフトを複数使ってると『送らず改行してくれ！』の賭けが発生する→手間かけて防止・統一を望む声
ちゅん🐤 @KotorinChunChun 頑張って調査したけど未だ改善されずｗｗｗ 20200518 あらゆるチャットのEnterの挙動を徹底調査。～改行キーと送信キーは統一すべきである～ excel-chunchun.com/entry/20200518… twitter.com/nrslib/status/… 2022-05-29 16:44:54 リンク えくせるちゅんちゅん あらゆるチャットのEnterの挙動を徹底調査。～改行キーと送信キーは統一すべきである～ - えくせるちゅんちゅん チャットで改行しようと思ったのに送信されてしまった！！！ そんな経験ありませんか？ SNS・チャットソフトによって送信キーと改行キーがバラバラすぎなのが原因です。 いつも使っているソフトなのに、ショートカットキーがパッと出てきません。 数秒迷った挙げ句、 勇気を出してポチッと押したら送信されてし
無限スクロールは考慮することが多い
毎年無限スクロールの実装をしているのだが正直なところ実装したくないので依頼されたときの反論材料として実装したくない理由を言語化しておこうと思う。 無限スクロールとは 無限スクロールが何を指すかを知らない人のために解説すると、ページにコンテンツを足す方式でページネーションする UI を指している。例えば Twitter のように下にどんどんコンテンツが伸びていく UI が良い例だろう。そのような UI を無限スクロールと呼ぶことが正式なのかは知らないが、このような体験の実現を支援するライブラリに infinite-scroll というものがあり、少しは普及している呼び方なのだと思い無限スクロールという言葉を使う。一方で WEB フロントエンド文脈で無限スクロールと言うと複雑 GUI やドローイングツール実装における "無限平面" のようなニュアンスもあるが、今は無限平面のことを指しているわけ
ログインフォームは変わった方法で実装しないで！
Webサイトのログインに使用するパスワードをどのように管理していますか？ 私は1Passwordで管理していますが、他にもChromeのパスワードマネージャーやmacOSのキーチェーンなどを使用している人も多いと思います。 そんなパスワードマネージャーとうまく連動するログインフォームを実装するためのポイントをまとめた記事を紹介します。 don’t get clever with login forms by Brad Frost 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ログインフォームの避けるべき例 ログインフォームの適した例 はじめに 日増しに、私はログインフォームでイライラすることに気がつきました。1Password（私が使用している）やChromeのパスワードマネージャー（これも私が使用している）のような
スマホアプリのメニューでよく使用されるあのアイコンの名前、ハンバーガーとかケバブとかミートボールとか
先日の記事「Chrome 67でアップデートされたデベロッパーツールの新機能」で、「ケバブって言うんだ」という声が聞こえたので、メニューでよく使用されるアイコンの名称を紹介します。 横3本線のアイコンはほとんどの人が「ハンバーガー」で通じるでしょう。横3つのドット、縦3つのドットは、何て呼んでますか？ 特に名前は使わない、別の呼び方をしているなどありましたら、教えてください。 CSS Menu Icon Animation ちょうど、スマホアプリのメニューで使用されるアイコンのデモにもそれらの名称が使用されていました。これらはクリエイターの遊び心で名付けられたもので、公式な名称ではありません。 私は最初、この呼び方を下記のツイートで見た記憶があります。 Don't ever say you don't have choices on mobile. pic.twitter.com/Atu3
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
