悪いデザインの批判より、よいデザインを見た方が学べる！時間がないWeb制作者でもユーザビリティをしっかり学べるオススメの本
ユーザーのためのデザインが重視される現在、Webやスマホにおけるユーザビリティについて、実例を交えながら、超明快にすっきりと分かるオススメの本を紹介します。 今、そしてこれから取り組むWebサイトやスマホアプリのユーザビリティを改善する手立てに。また、自身のキャリアパスを広げることができる何度も読み返したい一冊です。 本書は世界的ベストセラー「Don't Make Me Think」の第3版（2014年刊行）の翻訳版で、米Amazonでは2017年7月現在でもベストセラーの常連です。 著者は、Appleなどを顧客としてきたユーザビリティコンサルタントの第一人者。 デザインに関わる人なら誰でも知っておくべきユーザビリティの基本原則が楽しく学べます。
バッドUIを改善する方法 ― UIの「5つの状態」を考える | POSTD
(訳注：2020/08/22、画像と動画が正しく表示されていなかったためリンクを修正しました。) こんにちは。このブログは12月にO’Reillyから出版予定の私の著書『 Designing Products People Love 』からの抜粋です。ぜひ本も読んでみてください。また、FacebookやTwitter、 Slackなどで活躍されている20人以上のプロダクトデザイナーにインタビューもしています。* 無味乾燥なUIを経験したことはありますか？ 何か が足りないと感じてしまうようなUIを作ってしまったことはありませんか？ もしそうであれば、使い勝手の悪いUIを経験したのだと思います。 使い勝手の悪いUIには進捗インジケータがありません。ユーザにどこで障害が起きたのか知らせてくれません。怖いエラーメッセージでも表示してくれれば、なお良いのですが。わずかなデータのみの奇妙なグラフです
できの悪いユーザーインタフェースがあると、ユーザーはその利用を諦めてしまう | スラド IT
ストーリー by hylom 2015年07月11日 7時00分 好みの問題かそれとも本質的にダメなのかをどう見極めるのか 部門より 高齢者のWebサービス利用に関するエピソードを募集した結果についてがSlashdotで話題になっている。それによると、回答者の多くはWebサイト、とくにユーザーインタフェースに不満を持っていたそうだ。特に多かったのは、例えばグレー系の背景とグレー系の文字を組み合わせるなど、フォントと背景のコントラストの差が少ないものに対する不満だったという。 また、隠しメニューや小さな逆さまの矢印といった曖昧なインターフェース要素についても不満があったという。マウスオーバーした場合にのみ表示されるインターフェイスやメニュー要素。クリックするのが困難なほど小さなボタン、デザインが変わったアイコン等々が上げられたようだ。とくに急なUIの変更は、旧バージョンのユーザーに多大な負担
確実に良くするUI/UX設計
日経電子版のリニューアルで、コンセプトモデル設計とプロダクト監修をさせていただいた。 超大型アプリを完全リニューアルするとき、KPIを落とす事なく、どのように整合性やユーザー利便性を担保していくか。 「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」より http://connpass.com/event/16187/
UXを定量的に評価する7つの基準で客観的にサイトを改善していこう | 【レポート】Web担当者Forumミーティング 2015 Spring
オンラインビジネスの成功のためには、ユーザーの意見を客観的に多数取得し、その数値分析から具体的対策を練ることが重要だ。当たり前のことだが、これができているサイトは少ない。 UXはたびたび、Webサイトやサービスの「使い勝手」を指す「ユーザービリティ」と混同されがちだが、UXとは単なる使い勝手ではなく、商品・サービスを含めた体験そのものを表す。 UXの概念を示すものとしては、ピーター・モービル氏が提唱した「UXハニカム構造」が有名だ。しかし、キーワードは英語で言葉の意味がわかりづらく、内容を理解するのは少々難解である。 これを専門家以外にもわかりやすく、ゴメス・コンサルティングで編集したのが「サイト全体構造とUX7つの要素」だ。Webサイトの構造例と、それぞれに対応する7つのUX基準を記している。 1. アクセスのしやすさ「アクセスのしやすさ」とは、Webアクセシビリティやマルチデバイス対応
Private Presentation
Private content!This content has been marked as private by the uploader.
Apple Watchアプリを作るべきかUIUX評価雑感 | fladdict
事前レビュー「UI考（番外編） AppleWatchについて、あまり語られてない視点」の続き、週末に使ってみた雑感。 通知マシーンとしての素晴らしさ 通知マシーンとしては文句なく素晴らしい。手首に対する自然なノックからはじまる通知と確認のプロセスは、ミニマルで合理的に設計されている。Facebookのメッセンジャーやカレンダーなどとの相性は抜群だった。 全てをぶちこわす致命傷 いっぽうアプリのプラットフォームとして考えた場合、これはまだ実用に達していないと判断した。おそらく一番致命的な問題はレスポンスの遅さだ。 Apple Watchの謳う最大の価値は、「携帯を取り出すより楽」なことと「グランサビリティ（一目瞭然性）」だった。ところが実際触ってみると圧倒的に遅い。これはiPhone本体とのBT通信が全てを台無しにしているためだ。 例えばグランスやアプリを使用する場合を考えてみよう。アプリ利
心地よいUIの温度 - 言葉と気遣いで高めるUI -
1. OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design. Speaker No.4 / KAYAC inc. 割石 裕太 2. 割石 裕太 KAYAC inc. Designer (2012.4 - ) 自己紹介 @KAYAC inc. OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design. 3. @wariemon Art Direction & Web / App / Blanding / Logo Design OH : http://wariemon.com 自己紹介 @OH (Personal
ロイヤリティフリーで300種類のUIの動きに合わせて使える効果音源キット「SoundKit」
スマートフォンやタブレットのアプリのUIデザインの動きに合わせた、通知音・スライド音・楽器サウンドなどの300種類の効果音を集めたキット「SoundKit」が登場しました。ロイヤリティフリーで使用可能で、CDレベルの高音質WAVファイルによるプロフェッショナル音源キットとなっています。 UI Sounds • Sound Effects • SoundKit https://soundkit.io/ SoundKitはUIプロジェクトのために作られたプロ品質の音源集。スマートフォンやタブレットなどのデバイスや、デスクトップアプリケーションの効果音としてロイヤリティフリーで使用でき、ハイエンドスピーカーによる出力にも対応しているとのこと。 どんな効果音があるのかというと、警告音や通知音などの「アラート音」、ギター・ピアノ・チャイム・などの楽器で奏でる「楽器音」、クリック音やビープ音などを集め
GoogleとAppleのiPhone用MapアプリのUXデザインを比較した記事が面白い。
UX Launchpadが掲載したGoogleとAppleがiPhone用に設計したMapアプリのUX分析 “Design Explosions Issue #1: Mapping on iOS”という記事が話題になっています。詳細は以下から。 この記事はIntroとSummaryで「我々がMapアプリの勝者を決めていると思ってこの記事を読んでいるなら失望するでしょう」「ここに勝者はいない、2つの同様のアプリを研究することに刺激を受けるデザインの授業だ」と、GoogleとAppleのMapアプリの優劣を付けるわけではないと強調しています。 Intro:If you’re reading this to see a head-to-head comparison where we crown a winner, you’re going to be disappointed. Summary
UXの本質について | underconcept
ユーザー体験（ユーザーエクスペリエンス／User Experience: UX）という言葉が広く聞かれるようになってきた。半ばバズワードのように、特にウェブデザインやマーケティングの記事などの中では、この言葉を見ない日はない。しかしながら、多くの場合、UXという言葉の真意や可能性を取り違えてしまっている。本稿では、いくつかの観点からUXの本質を考えてみる。 １．UI/UXという誤用 1.1. UIとUX まず、多くの記事や講演などで見られる「UI/UX」という表現からとりあげてみたい。 UI/UXとは、もちろん、User Interface / User Experience（ユーザーインターフェイス／ユーザーエクスペリエンス）の省略形であるが、多くの記事などで「すぐれたUI/UXデザイン事例」、「UI/UX講座」などの表現が用いられている。 「ユーザー」という共通項があるため、共通でくく
capptivate.co is coming soon
is a totally awesome idea still being worked on. Check back later.
サイトやアプリのユーザビリティを向上させる35のポイント | ベイジの社長ブログ
デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー（ディレクター、Web担当者、エンジニアなど）向けに、ユーザビリティの向上に繋がる基本的な要点をまとめてみました。 ボタン、テキスト、コピーなど ボタンやテキストのデザインは、ユーザビリティを左右する大きなポイントです。表面的な美観に流されず、ユーザ視点で考えていきましょう。 1：ボタンじゃない要素は、ボタンと似たデザインにしない ボタンのデザイン次第で、サイトやアプリの使いやすさは大きく変わります。特に、ボタンでない要素にボタンのようなデザインを施すことは、どこが押せるの
The Dribbblisation of Design | en.ja Article
CreditThis article is translated with permission of Paul Adams. You can find original article at The Dribbblisation of Design.本記事はPaul Adams氏の了承を得て翻訳された記事です。 原文はThe Dribbblisation of Designにて掲載されています。 これらの天気アプリのうち1つだけが本質的な問題の解決をしようとしている。 プロダクト/インタラクションデザインコミュニティでは分岐が起ころうとしている。Ryan Singer氏やJulie Zhuo氏が書くような素晴らしい記事達が我々の生み出すものをよりよくし続けている一方で、多くの人がDribbbleに自身の作品を投稿し、議論をしている。それらを集約した結果は我々の生み出すものを後退させて
スマホUI考（番外編） UIやUXを劇的に改善する、『ビッグオー駆動型開発』とは | fladdict
いま『ビッグオー駆動型開発』とよばれる開発手法が、業界の一部で注目を集めている。 その理由は非常にシンプルだ。『ビッグオー』は非常に安価で簡単な手法でありながら、従来の開発手法に比べ劇的にUIやUXを改善できるためである。 製品コンセプトのような上流から、ボタンのレイアウトといった下流工程、さらにはグロースハックやプロモといったリリース後のフェイズまで一つの手法でユーザビリティを評価できる。この汎用性がビッグオー駆動開発の大きな特徴であり、導入時の利点となる。 今回はこのビッグオー、の概要と具体的なやり方について論じたい。TwitterのUI拡張予言以来、久しぶりのUI系エントリである。 ビッグオー駆動開発とは何か？ ビッグオー駆動開発は、正式には『OKAN Driven Development（オカン駆動型開発）』とよばれる開発手法である。 これは自分のオカンを指標とすることで、低コスト
iPhoneの電卓で2500÷50を計算してみた結果ｗｗｗｗｗｗ : IT速報
1: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:22:59 ID:BZs7VpX50 1 は？ 2: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:23:33 ID:H/oStVp60 嘘乙 5: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:24:03 ID:tOB/+Dr70 まじだった 6: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:24:04 ID:0qu1mSub0 まじたった 7: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:24:07 ID:iqcWhVXK0 すげぇ 51: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:35:16 ID:3mMcECnQ0 スクショはよ 65: 以下、名
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザインのすごいアイデアや細かいこだわりがいっぱい！素晴らしいUXを堪能できるサイトのまとめ
UX/UIデザイン - OHAKO | 企画～実装をご支援
UX侍 × Google マップ UXデザイナー「ユーザーにフォーカスをあてれば結果は後からついてくる」 | UXサムライ
本当のUXは、「使っていない期間」をどうデザインするかだ！ UX侍 × MUJI passport | UXサムライ
