タグ

WEBデザインとユーザビリティに関するt-murachiのブックマーク (13)

  • チャットソフトを複数使ってると『送らず改行してくれ!』の賭けが発生する→手間かけて防止・統一を望む声

    ちゅん🐤 @KotorinChunChun 頑張って調査したけど未だ改善されずwww 20200518 あらゆるチャットのEnterの挙動を徹底調査。~改行キーと送信キーは統一すべきである~ excel-chunchun.com/entry/20200518… twitter.com/nrslib/status/… 2022-05-29 16:44:54 リンク えくせるちゅんちゅん あらゆるチャットのEnterの挙動を徹底調査。~改行キーと送信キーは統一すべきである~ - えくせるちゅんちゅん チャットで改行しようと思ったのに送信されてしまった!!! そんな経験ありませんか? SNS・チャットソフトによって送信キーと改行キーがバラバラすぎなのが原因です。 いつも使っているソフトなのに、ショートカットキーがパッと出てきません。 数秒迷った挙げ句、 勇気を出してポチッと押したら送信されてし

    チャットソフトを複数使ってると『送らず改行してくれ!』の賭けが発生する→手間かけて防止・統一を望む声
    t-murachi
    t-murachi 2022/05/31
    RFCであるべき姿を勧告すべきだと思う(´・ω・`) Enterは改行、Ctrl+Enterが投稿であるべき(´・ω・`)
  • キャンセルボタンに色をつけてはいけない理由

    キャンセルボタンをデザインする時に、カラーで悩むことはありませんか? キャンセルボタンに色をつけてはいけない理由、ニュートラルなグレーが適している理由を紹介します。 キャンセルボタンのデザインがアクションボタンと同じだと、ユーザーは迷ってしまいます。キャンセルできることを明確にすることで、認知速度が上がります。また、ボタンが3個以上だったり、ラベルが違っていると、ユーザーは余計に戸惑います。 Why Cancel Buttons Should Never Have a Color by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 キャンセルボタンに色をつけてはいけない理由 ニュートラルボタンのためのニュートラルカラー キャンセルに適したラベルとは グレーを使う時は十分に暗くする キャンセルボタンはニュ

    キャンセルボタンに色をつけてはいけない理由
  • 「Amazonのプライムビデオが難しい」というおかんの言い分を聴いてみた|Tsutomu Sogitani

    大阪の実家に帰った時、リビングのテレビの裏側を見たらAmazonのFire Stick TVが挿してありました。このFire Stick TVをテレビに繋ぐと、Amazonのプライムビデオを観ることができるようになります。 プライムビデオには、Amazonプライムの会員であれば、追加費用を払うことなく楽しめる映画やドラマ、アニメなどが豊富に揃っています。さらに個別に追加金額を払うとほとんどの映像コンテンツを観ることができるという、まさにTSUTAYAキラーなサービスです。 うちのおかんは月に2~3回は映画館に行くほどの映画好きなので、プライムビデオのメインターゲットといえるでしょう。来ならプライムビデオで映画三昧の毎日を送っていてもいいはずです。 しかしながら、Fire Stick TVを挿しているにもかかわらず、プライムビデオを一度も使っていませんでした。初期設定をした私の弟が一通り使

    「Amazonのプライムビデオが難しい」というおかんの言い分を聴いてみた|Tsutomu Sogitani
    t-murachi
    t-murachi 2019/03/19
    幅きかせてるWebデザイナー共がクリック数減らすことばかりに躍起になって専用アプリまで1画面に情報詰め込みまくるのホントやめてほしい。リモコンの場合カーソル移動もボタンだからクリック数関係ない。
  • 東京オリンピックのボランティア応募ページが『webサイトでやっちゃダメな事を全部やっている』らしい「応募の時点で根性試されてる」 - Togetter

    リンク 東京2020大会ボランティア | 東京オリンピック・パラリンピック競技大会組織委員会 東京2020大会ボランティア 東京2020大会のボランティア活動についてご紹介します。 11 users 11076 ケースケ🇹🇭バンコク @Keisukexlife オリンピックの募集ページ、外注なら発注金額は8ケタ万円を余裕で超えてるはず。web制作のクオリティと報酬は比例しないことがわかる、これ以上ない最高の事例です。 都のレベルでさえ、このクオリティの仕事でOK出てるので、駆け出しフリーランスもガンガン営業するべきですね。 2018-09-26 22:17:05

    東京オリンピックのボランティア応募ページが『webサイトでやっちゃダメな事を全部やっている』らしい「応募の時点で根性試されてる」 - Togetter
    t-murachi
    t-murachi 2018/09/28
    スクロールしていくと表示アイテムがあとからもりもりアニメーションして出現するのな。こういう仕掛けの発想自体がとてもインターネット黎明期じみてて良いw 「応募フォームの入力には約30分かかります」うひー^_^;
  • ふつうのformをつかいたい - はまちや2 - ニコニコ超会議2012

    こんにちはこんにちは!! はまちや2 (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。 「はまちちゃん」とかで適当にググってください。 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう? プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。 日のテーマ: 『ふつうのformを使いたい』 <form> 電話番号はハイフン抜きの半角で…(はいはい) フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた!) (これで送信、と…) ※エラー:住所を正しく入力してください (え、なんで!?) ※住所は全角で入力してく

    t-murachi
    t-murachi 2012/05/01
    割とプログラミングの話やないけ… 全角英数字とか OS によってはデフォルト設定だと入力すらできないものの入力を強要するサイトなんて運営元企業ごと潰れればいいと思うYO!!
  • スキップリンクの議論: 前提まとめ | 水無月ばけらのえび日記

    スキップリンクブロックスキップを達成するための実装方法はいくつか提示されていますが、その筆頭に挙げられているのが以下のテクニックです。 G1: Adding a link at the top of each page that goes directly to the main content area (www.w3.org)G1: メインコンテンツエリアへ直接移動するリンクを各ページの先頭に追加する (waic.jp)「文へ」などのリンクを設けて、メインコンテンツの開始位置までフォーカスを移動させられるようにするという手法です。 G123にもブロックスキップのリンクを設ける手法が挙げられています。 G123: Adding a link at the beginning of a block of repeated content to go to the end of the b

    t-murachi
    t-murachi 2012/03/22
    「WCAG2.0の等級Aを満たすためには、スキップリンクを設けることがほぼ必須」humm...
  • キャズムを超えろ! - 団塊~シニア層向けのWeb設計 やっちゃいけない10のUI

    一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービスPCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID,ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結

    キャズムを超えろ! - 団塊~シニア層向けのWeb設計 やっちゃいけない10のUI
    t-murachi
    t-murachi 2010/06/14
    ID はメアドでええやん。 / サービス内容にもよるけど、セキュリティ事故はこわいよ。自動発行も SSL 通信中に表示すべきで、メールでの通達は NG。 / checkbox 云々についてはよくわからんかった。 / その他は概ね賛同。
  • pukiwiki、はてなトップページの妙な恐怖感

    尾野(しっぽ) @tail_y 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR нσυѕαι тσяυ/縫采 徹 @firty_housai 何があった…RT @tail_y: 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR

    pukiwiki、はてなトップページの妙な恐怖感
    t-murachi
    t-murachi 2010/03/09
    うわこれすんげぇ参考になる。「恐い」って表現も非常に的確。 / 逆にアングラ系は余計な情報を敢えて排除することで一見さんをも排除してきた歴史がある。
  • これはもう使用しない方がいいウェブデザインのトレンド

    昔流行ったけど、これはもう使用しない方がいいものや人気がすたれているウェブデザインのトレンドをWeb Design Ledgerから紹介します。 Most Used and Abused Web Design Trends of All Time 以下、その意訳です。 過激な表現も一部あるので、留意ください。 はじめに 鏡面反射 アクア フラリッシュ コーヒーカップ 地球 コミックフォント ストックフォト ペーパー ポラロイド 特大のRSSアイコン 音の自動再生 カウンター マーキー ブラックの背景 スプラッシュページ スキップの無いイントロ ブラックの背景 はじめに トレンドは、ウェブデザインにおける良くないキーワードではありません。実際に、下記のリストのものはその時々でウェブデザイナーを鼓舞させました。これらのアイデアは影響が非常に大きくかったので、大量のクローンが作りだされました。

    t-murachi
    t-murachi 2009/10/09
    この記事が書かれるに至る文脈なども把握しないことには何とも言えないが、最終的にはセマンティクスを意識し状況に応じてデザインすることが肝要という当たり前の結論に帰結しそうだ罠。
  • エンジニア的発想は危険な気がしている - 矢野勉のはてな日記

    雑談「エンジニア主導で作ると、動いたところで満足してしまう。『ちゃんと動いているから、あとは使う人が分かってくれるだろう』と、考えをストップするところがあった。当は、動いたものを説明して分かってもらい、使ってもらうところまで来てやっと完成なのに」近藤社長「未熟だったと思う」 はてなが目指す“脱IT系” (1/2) - ITmedia News なんかね、私がコンピュータにはまったときに理想とされていたことから比べると、それでもまだ足りないと思っちゃったんです。 自分ができているかどうかは棚に上げて、理想とするところを考えてみる。目標がどこにあるかっていうのはすごく大事なことだと思うし、上記の発言は目標を吐露したものだと思うので。  私はMac OS Xが生まれる前の、漢字Talk 7とか作ってた頃のAppleの、Macintoshを買ってコンピュータの世界に没入しました。そのころのコンピ

  • はてブのタグの一括置換機能の「発見」の歴史 - Myrmecoleon in Paradoxical Library. はてな新館

    なんというかホットエントリに既視感を感じてしまったので http://d.hatena.ne.jp/son_air3/20080824/1219537236 まとめてしまった。 はてなブックマークのタグの一括置換の機能のはてなユーザーの受容のこれまで。 ちなみに各エントリの作者方をdisる意味合いは一切ないので怒らないでくださいね。 あと抜けはあると思うのでブクマなりコメントなりで教えてくれると嬉しい。 2005年 5月 はてなアイデア タグ一括置換のアイディア投稿。 7月 タグの一括置換/削除機能の追加について - はてなブックマーク日記 - 機能変更、お知らせなど 件の機能実装。 9月 はてなブックマークのタグ一括変換機能 実装から2ヶ月で同様の内容のアイディアが投稿され却下される。 2006年 1月 はてなアイデア *1 はてなブックマークのアップデートについて - はてなブックマー

    はてブのタグの一括置換機能の「発見」の歴史 - Myrmecoleon in Paradoxical Library. はてな新館
    t-murachi
    t-murachi 2008/08/26
    みんなヘルプがヘルプが言うてるけどヘルプなんてたいして見られちゃいないんだって。あれは場所節約する必要無いんだから鉛筆アイコンなんてやめて言葉でメニューに書くべき。でなきゃ分かりづらいに決まっとるやん
  • 第11回 PCサイトとこんなに違う!携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド

    その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能

    第11回 PCサイトとこんなに違う!携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
    t-murachi
    t-murachi 2008/05/30
    またケータイブラウザ特有の Web 標準ぶちこわし話かと思ったら、とてもまともな UI 設計のお話でした。
  • 離脱率90%は当たり前!?最後の難関『入力フォーム』の離脱を改善する

    『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

    離脱率90%は当たり前!?最後の難関『入力フォーム』の離脱を改善する
  • 1