UXという言葉が登場する以前に私が見たUXデザイン：GUI編
オフィス機器メーカー、ユーザビリティ評価専門会社を経て、2013年に株式会社キトヒトデザインを設立。ユーザビリティ、UI/UXデザイン関連業務を行う。 趣味はちょっとマイナーな国への旅行。 UXという言葉が騒がれるようになる前にも、UXデザインらしきものは確かにさまざまな形態で存在していました。この寄稿記事では、株式会社キトヒトデザインでユーザビリティ、UI/UXデザインなどを手がけている萩本さんがご自身で体験したデザインのお話を不定期更新でお届けしています。今回は第11回目です。シリーズ全編はこちら UX（ユーザーエクスペリエンス）とは切っても切れない関係のUI（ユーザーインターフェイス）。 この言葉が広まったのは、UIの一種であるGUI（グラフィカルユーザーインターフェイス）が注目されるようになったのと同時期だったと思います。私自身は、GUIを通してUIを理解したような感覚なので、今回
キャンセルのキャンセル問題から考えるダイアログデザイン｜Goodpatch Blog グッドパッチブログ
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
彼女はiPhoneを使いこなせない ～嫁とスマホの100日間戦争～
「スマホは多機能で便利。一度使うとガラケーには戻れない」「直感的に操作できるので、取扱説明書なしでも自然に操作が身につく」 一般にはそう言われているが、本当にそうだろうか？ 使いこなせているのはITリテラシーの高い、ガジェット好きなコアユーザーに限られるのではないかと私は踏んでいる。確かにスマホユーザーは増えた。だが、そのポテンシャルを最大限まで引き出せず、機能をフル活用できていないユーザーも多数存在すると思う。 スマホは個人に強く密接した機器であるため、使い方が極めて属人的になる。非効率でトンチンカンな使い方をしていても、外部から指摘を受ける機会がない。よって、スキルに大きな差が生まれるのだ。 半年持たずに、iPhoneからガラケーに戻った父 個人的な話になるが、父（74歳）が4年ほど前にiPhone 4を購入し、半年持たずにガラケーに戻ったことがある。購入直後に画面を見せてもらって驚が
リンクではなくキャプチャ - 若年世代の「シェア」で問われるメディアの生き残り戦略（朽木誠一郎） - エキスパート - Yahoo!ニュース
ウェブメディアをしていて時折おそろしく感じるのは、スマホネイティブ世代の行動が予測できないことです。 LINEの巨大グループやMixChannelのカップルキス動画など、理解が追いつくより先に新しい現象が発生する様子を見聞きすると、このような感覚のズレがやがて自分の職域にも影響を及ぼすであろう予感がします。 【1万人を超える巨大グループも!?】大人が知らない中高生のLINEグループの使い方を調査したら、闇が深かった。｜Social Native Life - kakeru 本当に「リア充中高生」はキスばかりしているのか？ ～MixChannelのキスを数えましょう～ - Yahoo!スマホガイド スマホネイティブ世代、さらにその先の、もっと今と違う何らかの世代が大多数になった世の中では、ウェブメディアもまたオールドメディアとしてくくられるのでしょう。このスピード感では、それはそう遠くない未
航空会社のサイトはどうして乗り方を説明してないのか
先日、ちょびっと夏休みを頂きまして、北海道へ行ってきたのであります。その際は、とりあえず往復AIRDOだったのですけども、まー、飛行機に乗ること自体がほんと稀でして、この時も一体何年ぶりなのか？というくらいで。 で、たまにしか飛行機に乗らない人にとって、空港とか飛行機とか、わからんことだらけすぎると思うのですよ。チケットを買うところから、もうわからない。 まず「eチケット控え」って何なんすか。もうこれがわからない。深く読み解けば、「eチケット」てのはたぶん物理的な航空券の電子版で、それの複製を印刷してるから、eチケット控えなんですかね。わからんけど。しかし最後まで控えだけでやり過ごせるんで、これはもう控えじゃなくて本物といってもいいのではないか。登記簿謄本を法務局へとりにいっても実際に持って帰ってくるのはその控えだ、っていうくらいの控えなのだろうか。「eチケット控え」じゃなくて「eチケット
だから、私はiPhoneを使わない - 塩田紳二編
日本で広く普及しているスマートフォンはiPhoneとAndroidの2つに分類できる。iPhoneしか使わない人しかり、Androidしか使わない人しかり、それぞれを選んだ何がしかの理由はあるだろう。ここでは、普段、Androidスマートフォンを使い、iPhoneは使わないというライターの塩田紳二氏に理由を記してもらった。 ＊＊＊ 筆者は、日常的には、iOSを搭載したiPhoneやiPadを利用していません。とはいえ、これまでiPhoneやiPadを購入したことがないわけではありません。iPhoneは米国で初代のものを購入したし、iPadも初代、3世代目(いわゆる「新しいiPad」)を購入しました。 ただ、初代のiPhoneを除けば、どれも筆者を満足させるものではありませんでした。特に3世代目のiPadは、購入して1年もしないうちにコネクタが変更された4世代目が発売され、一気にやるきをなく
「別にLINEやってなくても困らないし」とかLINEやってない人が言うな
掲題の通りだ。 LINEやってなくても人間関係は何とかなる。 確かにそのとーりで、LINEやってない人には飲み会の通知は別途メールでお知らせする。 けど、あなたがやらないからそのメールを送る手間があるわけで、 あなたがグループに入っていてくれさえすれば全く問題ないんですよ。 飲み会やろうという話になる ↓ LINEで早速日程決め ↓ ある程度日程候補が決まる ↓ ここで任意の誰かがメールでお知らせ ↓ しばらくしてLINE外の人から返事がかえってくるも全滅だったり、 返事が来るまでの間に他の人の予定が変わったりする ↓ また候補の絞り直し ↓ またメールをしてお知らせ ↓ 決まるまで繰り返し 冗長に書くとこうなるわけだ。 これは一人だけ交渉のテーブルについてない人がいる状態。 その友達に会いたいし、LINEやってないからという理由でハブになんかしたくないからこっちは都度メールをするわけだ。
小さい子どもにコンピュータを触らせるということ - ビスケットのあれこれ
ビスケットは，開発して新しい機能を追加したときなど，必ず子どもたちが使っている様子を自分目で見てどんな風に使っているかを見てきます（最近はその暇が無くて他人に任せていたりして，かなりまずいんですが）．3年前くらいの面白いエピソードをご紹介しましょう． ちょうど，Androidタブレットで動くビスケットを開発していて（これはまた一般には配布していません．実験環境だけです），それがどのように子どもたちに使われるか見に行きました．僕としても指で直接操作するタブレットのUIの開発は初めてで．実は，マウスとタッチペンの操作は結構似ています．どちらも，非常に小さいエリアを結構正確にポイントできて，ドラッグもできますから．どちらかというと，ペンの方がドラッグが得意でしたね．小さい子はマウスクリックが全然出来ないとか（ボタンを押すときに指先だけ押すということができないので，手を握ってしまって，その結果マウ
スマホUI考（番外編） UIやUXを劇的に改善する、『ビッグオー駆動型開発』とは | fladdict
いま『ビッグオー駆動型開発』とよばれる開発手法が、業界の一部で注目を集めている。 その理由は非常にシンプルだ。『ビッグオー』は非常に安価で簡単な手法でありながら、従来の開発手法に比べ劇的にUIやUXを改善できるためである。 製品コンセプトのような上流から、ボタンのレイアウトといった下流工程、さらにはグロースハックやプロモといったリリース後のフェイズまで一つの手法でユーザビリティを評価できる。この汎用性がビッグオー駆動開発の大きな特徴であり、導入時の利点となる。 今回はこのビッグオー、の概要と具体的なやり方について論じたい。TwitterのUI拡張予言以来、久しぶりのUI系エントリである。 ビッグオー駆動開発とは何か？ ビッグオー駆動開発は、正式には『OKAN Driven Development（オカン駆動型開発）』とよばれる開発手法である。 これは自分のオカンを指標とすることで、低コスト
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
ニコニコ動画ZeroWatchプレイヤーの正しい使い方 - 未来私考
5月1日にプレミアム会員限定で公開され、激しい非難を浴びているニコニコ動画の新動画プレイヤー「ZeroWatch」。とりあえずもっとも大きな問題だったコメント入力欄の位置と動画説明文については担当開発者の休暇前に応急処置的な改善がなされてほっと胸を撫で下ろしています。きっと休み明けから本格的な改修に入ってくれることでしょう。 とはいえ、もっとも大きな問題点が解消されたものの、このZeroPlayerは従来のニコニコ動画プレイヤーとはまったく異なる設計思想で作られており、それが多くの困惑を生んでいるように思います。そこでいったいこの新プレイヤーはユーザーのどういった使用を想定しているのか、その想定に基づいた場合どうすれば今よりも使いよくなるのかについて、私論ながら分析してみたいと思います。 http://www.nicovideo.jp/zero http://blog.nicovideo.
最後までオフィスに残る紙は何か？
日経コミュニケーションの2月号で「iPad時代のペーパーレス」と題する特集を執筆した。これはiPadという新しいペーパーレス化のツールを使って、オフィスや業務プロセスから紙を排除するための実践ノウハウをまとめたものだ。 この特集のために、オフィスにおける紙とITの関係を長年研究してきた富士ゼロックス研究技術開発本部の大村賢悟氏に取材したとき、「iPadという新しいツールの登場をきっかけに、“ペーパーレス化の第三の波”が到来しつつある」という話をうかがった。特集自体は、「いかに紙をなくすか」という点に主眼を置いた実践的な内容であり、iPadのどのような性質がペーパーレス化を進めるのかについては、あまり紙数を割けなかった。 そこで今回、紙のドキュメントとデジタルのドキュメントの違いは何かという根本的なところに立ち帰り、iPadのどのような性質がペーパーレス化に貢献するのか、さらには究極的にオフ
Google マップのデザインが新しくなりました
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
Webユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログ
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch
[デザイン]グラデーションを使う理由、不自然なグラデーションについて徹底的に分析した![[デザイン]グラデーションを使う理由、不自然なグラデーションについて徹底的に分析した](https://cdn-ak-scissors.b.st-hatena.com/image/square/232c41c1ad9ba1ab348c9a84db4d1d95780fb78b/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F06%2Fdesign-gradation-color-01-150x150.png)
TechCrunch | Startup and Technology News
TechCrunch
http://twitter.com/newtwitter