Getting Started with Interface Design | Envato Tuts+
In this article we look at five fields that you should aim to learn more about in order to rock at interface design. These fields include Experience Design, Interaction Design, Information Architecture, User-Centered Design, and Graphic User Interface (GUI) Design. Introduction Remember when web designers created sites or applications based on what they thought looked good and worked well? That th
ユーザーテスト（ユーザビリティテスト）-ペルソナ・ラボ
ユーザテストとペルソナ・シナリオをWeb構築に活用しよう！ ペルソナ・ラボ「みんなのため」につくろうとしても、みんなに使いやすい Webサイトにはなりません。 「誰に一番好かれたいか？」ということが重要で、 「その人」のためにサービスや機能を絞り込み 優先順位をつけます。 好かれたい「その人」こそがペルソナです。 実践ワークショップ その1 ペルソナ・シナリオ法を活用し、 Webサイトをリニューアル。 Vol.1 ペルソナ・シナリオ法の手順 Vol.2 再現インタビューの実施 Vol.3 関係性モデルと時系列モデル Vol.4 KJ法で情報を単位化・統合 Vol.5 ペルソナ作成 Vol.6 シナリオ作成 Vol.7 ワイヤーフレーム作成 実践ワークショップ その2 ユーザーテストでWebサイトの 問題点を明らかにする。 Vol.1 ユーザーテストの注意点 V
楽天に出向したい2010／アクセシビリティコラム｜ユニバーサルワークス
第87回 楽天に出向したい2010 （2010年5月6日掲載） 以前、あるジャンルの買い物に楽天市場が適しているという件から、楽天嫌いの楽天好きであることをカミングアウトした。その後、「楽天市場のアクセシビリティがよくなるかもよ。」という情報も小耳にはさみ期待していたところだが、まったく何も変化しやしない。私への有料の出向命令も下らず、しびれをきらして改善のヒントを表明してあげようと思う。 見出しを設定しよう！ 音声ブラウザの読み上げに限定した問題とは思うが、楽天市場そのもののページも出店店舗のページも、カテゴリを選んでも選んでも商品一覧までが遠い。つまり、読み上げ上、上から膨大なカテゴリが並び、その後にトピックパスのようなものが出てきて、やっと商品の一覧が読み上げられるという流れになっている。カテゴリ郡がいつ終わるかの予想がつきにくく、商品一覧の先頭を探すのが一苦労なのだ。 改善は簡単な
High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ | warikiru
2009-11-24 High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ ラベル: performance CSS Nite in ISHIKAWAで話をしてから1ヶ月経ったので、薄れゆく記憶の復習も兼ねて思いの丈を綴ってみたｗ High Performance Web Design 1. What's High Performance?ここでいうパフォーマンスというのはWebサイトの表示高速化についてです。つまり、ページをいかに早く表示させるかという課題です。でも、そうゆうのってサーバー側の問題でしょ？システムエンジニアの管轄じゃないの？と思われがちですが「ハイパフォーマンスWebサイト」の著者であるSteve Soudersの調査によると、80:20。一般的にユーザーの待ち時間の実に80%がブラウザ側、フロントエンドで費やされて
CSS Nite in Ginza, Vol.37：フォローアップ｜CSS Nite公式サイト
CSS Nite in Ginza, Vol.37：フォローアップ 記事公開日：2009年7月25日（土） 2009年7月16日（木）、アップルストア銀座にて開催したCSS Nite in Ginza, Vol.37のフォローアップとして、安西 敬介さん（オムニチュア）のセッション『評価型解析からアクション指向型解析へ』のスライドと音声をシェアします。 スライド（PDF、59ページ、4.5MB） 音声（MP3、43:20、19.8MB） ベストセッション20192019年、CSS Niteでは49回の関連イベントを通して123セッションが行われました。その中からベスト・セッション＋αを選びました。 2010年から2019年のベスト・セッションCSS Niteベスト・セッション2019CSS Niteベスト・セッション2018CSS Niteベスト・セッション2017CSS Niteベスト・
早起きしてIAについてみんなで勉強してみた その1
おはようございます！新人デザイナーのくにーです。 今回は、毎週木曜の朝に開催される 意匠部 ユーザビリティ勉強会のフィードバックをお届けします。 おやつ（通称マピ）を囲みながら、もっと使いやすい、何度も使いたくなる、 みんなに便利なサービスをデザインすべく、取り組んでます！ 読んでいく本はこちらです。 Webユーザビリティの第一人者「ヤコブ・ニールセン」が書いた、 ユーザビリティ エンジニアリングについての解説書です。 開発しているシステムのユーザーが、どのような仕事にどのように取り組んでいるのか、 実際にどのような状況に直面しているのか、といった単純な調査がユーザビリティエンジニアリングの基本となります。 90年代前半に書かれたとは思えない、現代にも適用できる考え方がまとめられていますよ！ では、意匠部で注目されたポイントと共に まずは第一章～第三章を読んでいきましょう。 【第一章 概論
「本屋で本を買う」行為ひとつとっても、いろんな手順がある
ということで「本屋で本を買う行為」のパーツ化にチャレンジ！ 手ごろなサイズの「行為」だと見越してスタートしてみました。 文脈としては関係するはずの、本を買う前後の部分はひとまずおいておきます。 思っているよりも意外と色んなステップがあった さて、やってみると意外と色々なことをやっているようです。 人それぞれですが、自分はこう見るとなかなか中身を読まないようです。 表紙を見る帯を見るパラパラ眺める著者プロフィールを見る目次をざっと読むあとがきを読むまえがきを読む目次の気になる箇所をパラパラ読むおもしろければもうちょっと読む気になるフレーズがあり、良さそうであれば買う こういった読み方は自分では普通ですが、皆さん、どのように読んでいらっしゃるのでしょうか？ 各ステップをもう少しパーツ化することにした さて、もともと「本屋さんで本を買う行為」というひとまとまりのパッケージですが、各ステップをもう
「プロペパ君」を実際に使ってみて、パーツ化の粒度について考えた
以前につくったプロペパ君という、レイアウトパターン用のパーツを使ってみて考えたことです。 18種類のうちの創造的なはずの細かいパーツ12種類は初心者は使えない 抽象的なほうが、創造的に作れると思っていましたが、パーツの山から全体をイメージできる人は、そもそも、手で描けるでしょう。 ただ、こんな使い方ならＯＫ 答えとなるレイアウトを見ながら作ることによって構造を学ぶ出来上がったものの一部分のパーツを動かし、どう変わるか考える やり過ぎかと思っていた動画再生や地図を表すパーツのほうが意外と使えた 情報としてはある程度パッケージ化されているともいえる「動画再生」「地図」「フローチャート」などのほうが、単体でもそれが何なのかがわかるので使いやすい。 ほかのものは、パーツだけではわからない。文章などは書き込んだりしないとダメかもしれない。 ある意味、パーツの文脈がわかるくらいの粒度じゃないと、初心者
プロペパ君で作るオーソドックスなWebサイトのレイアウト（9パターン）
春ですね。 「プロペパ君」（『キッズのための、紙で作るＷｅｂサイト（というかページ）設計』）の別バージョンを作ってみました。 少しパーツを増やしてみました。LEGOと一緒でパッケージになりすぎると想像力が刺激されなくなると思いつつも試しに増やしてみました。（そのうちpdfにするかもしれません）追記：しました。記事の終わりにあります。 地道にはさみでチョキチョキ・・・。 写真じゃわかりにくいですが、なんと今回はマグネットでペッタンコです。 では、Webでよく使うレイアウトをどこまで作れるかチャレンジ開始。（3カラムはやってません。第三の目で適当に右か左にナビゲーションを想像して追加してみるといいかもしれません。） ■トップページなどで多いオーソドックスなタイプ コンテンツ部分が広めで余りがち。トップはやはり配置するものがどうしても多くなるので、項目が多い場合は、あとでバナーをぺたぺた貼る羽目
Wireframes Magazine
I started a GoodUI YouTube Channel which includes a BetterUI video series. The idea for BetterUI is to review popular sites from the perspective of increasing conversions using some of the goodui.org ideas. As one example of a BetterUI video, here are 10 ideas for Uber.com’s Driver Signup screens. Additional videos will get added gradually over time. For each video I also try to express my level o
ユーザー中心のWebサイト設計に関するワークショップを開催します。: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 10/18（土）、10/25（土）の2日間で、ユーザー中心のWebサイト設計に関するワークショップを開催します。主催はデジタルスケープ。 これまでペルソナやユーザー中心のデザインについてセミナーを何度か開催しましたが、どうしても座学では伝えきれないところがあって、消化不良だったんですね。 それでこういうワークショップ形式でユーザー中心デザインを体験してもらえる場を設けられたら、と思っていたんです。それが今回ようやく実現できるかな、と。 ワークショップの概要初日は、ユーザー中心設計に関する講義のあと、ユーザー調査の結果からユーザーの行動背景や潜在的ニーズを分析するインタープリテーションセッションを行い、それを元にペルソナの作成を行います。 2日目はそのペルソナを元に、Webサ
会員登録フォームを構築するポイント | ランサーズ社長日記
いいね！ 11 ツイート B! はてブ 734 Pocket 58 ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点が多くありました。 少し量が多いですが、自分で意識的に行ってきたこと、登録しやすいサイトの共通点、ブログやサイトをみて参考になる点をまとめてみました。 1つ1つはよく言われていることで、大したことありませんが、こういった小さなディティールにこだわって行きたいと思います。ケースバイケースの側面も強いのですが、何かの参考になればと思い
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最速インターフェースの研究と実践
楽天Webディレクション&デザイン2009: 「楽天ブックス」ユーザー中心設計アプローチの実践と商品検索UIの改善 | 水無月ばけらのえび日記
blog.asanoken.com is Expired or Suspended.