タグ

uiに関するmurokacoのブックマーク (22)

  • inspired-ui.com - このウェブサイトは販売用です! - inspired ui リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    inspired-ui.com - このウェブサイトは販売用です! - inspired ui リソースおよび情報
    murokaco
    murokaco 2019/02/17
  • ソシオメディア | OOUI – オブジェクトベースのUIモデリング

    最近、OOUX という言葉を見聞きしました。これはオブジェクト指向の利用者体験(Object-Oriented User Experience)のことで、いくつかの記事を読んだところ、アプリケーション設計において画面とデータを対応づける際にオブジェクトを手掛かりにするという方法論のようです。つまり OOUX は「オブジェクトベースのUIモデリング」と言い換えることができそうです。そうすると実は以前からそのようなデザイン手法はあり、「OOUI(オブジェクト指向ユーザーインターフェース)」と呼ばれていたのです。最近になって OOUX という言葉が使われるのは、OOUI のことを知らなかったか、もしくは流行語である「UX」を用いた方がかっこいいと考えたからではないでしょうか。 「オブジェクトベースのUIモデリング」というデザイン手法は、GUI アプリケーションをデザインする際の基的なテクニック

    ソシオメディア | OOUI – オブジェクトベースのUIモデリング
    murokaco
    murokaco 2018/11/14
  • Motion in UI Design - Soundwave Stories - Medium

    murokaco
    murokaco 2015/08/03
  • ≡ ←ハンバーガーメニューのデザインでクリック率は違う(2014年のA/Bテストの結果から)

    概要 ▶ 2014年のA/Bテストの結果によれば、いわゆるハンバーガーメニューは使わない方が良いという結果に。ページはプロモーションが含まれている場合があります スマートフォン対応サイトで右上や左上にある「≡」こんな形の三線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。(サイトイメージは「グラシン工房」から) まずはBootstrapの標準に近い形式。三の線があるだけのパターン。 次に三の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三線を線(border)で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現

    ≡ ←ハンバーガーメニューのデザインでクリック率は違う(2014年のA/Bテストの結果から)
  • Private Presentation

    Looks like this one's off the shelfThe presentation you're looking for was made private. But your next lightbulb moment might be one click away. Search top insights from every field.Explore by category instead

    Private Presentation
    murokaco
    murokaco 2015/06/05
  • ファーストビュー盲信がもうしんどい

    Updated 2015.04.27 / Published 2015.04.27 「ファーストビューが全て」のようなファーストビューについては盲信的な記事も多く、ファーストビュー云々のことで煙が立ち始めて、火がついてしまうと、上手く説得を試みようにも聞く耳をもってもらえず、困り果てるディレクター・デザイナーの方も多いのではないかと思います。ファーストビューはもちろん大事ですが、盲信的に傾倒することには疑問を感ぜざるを得ず、ファーストビュー問題はいつになっても考えものです。 ファーストビューのボヤは気付き難い ディレクターやデザイナーの方ならプロジェクトが進行していく中で、ファーストビューが問題になったことが一度や二度はありませんか。「いやいや、ファーストビューはちゃんとガチガチに予防線を張っているよ!」というディレクターの方も、きっと過去に苦い経験があるのではないでしょうか。 個人的にフ

    ファーストビュー盲信がもうしんどい
  • UI/UXデザイナーなら一度は目を通しておきたい「デザイン原則」まとめ【随時更新】

    世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01: 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28: 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデートApple Watch デザイン原則」を追加 2015/10/

    UI/UXデザイナーなら一度は目を通しておきたい「デザイン原則」まとめ【随時更新】
    murokaco
    murokaco 2015/04/08
  • Yahoo!ニュースの見出し行間「5ピクセルの差」に見えた光~ヒートマップでUI改善

    社長の宮坂がゲスト出演した、11月27日放送のテレビ東京系「カンブリア宮殿」。Yahoo!ニュースの裏側にも触れられており、ご覧になった方もいらっしゃるかもしれません。 (放送バックナンバー:爆走する国民的サイト!これがネットの底力だ!- テレビ東京) 公式ブログ新コーナー「news HACK」ではこれまで、Yahoo!ニュースにおけるスマホ利用の成長などをお伝えしてきましたが、今回は、同番組の中でも登場したYahoo!ニュースのUI改善事例について、番組で触れられなかった部分も加えて詳しくお伝えしたいと思います。 これからご紹介するのは、スマホブラウザ版Yahoo! JAPANトップページのA/Bテスト事例(※Yahoo!ニュースのアプリ版との違いなどについては、こちらの記事をご参照ください)。 テスト結果は現在のスマホ版トップページに使用されているものと同様ですが、まず具体的な説明に入

    Yahoo!ニュースの見出し行間「5ピクセルの差」に見えた光~ヒートマップでUI改善
  • 入力フォームのプレースホルダーを使ってはいけない

    入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル

    入力フォームのプレースホルダーを使ってはいけない
  • https://bashooka.com/coding/css-timeline-tutorials-examples/

    murokaco
    murokaco 2014/11/19
    タイムライン
  • UIデザイナー云々

    UIデザイナー不要説とそのまわりに展開している話題について、UIデザイナーの私も何か書いておこうと思うが何を書こう。 私はアプリやWebサービスUIのデザインをやっているUIデザイナーで、最近リリースしたiPhoneアプリ「FitPort」では、企画、UI設計、デザイン、Storyboard、動画作成、ユーザサポートなどなどをしている。 自社案件も、受託案件もやります。 まず、元記事では「UIデザインが重要視されていない」ということが前提とされているが、そう感じることは、最近ではほとんど無い。むしろニーズが高まっていると感じていたので、不要説の記事を読んで驚いた。 今世の中としてはそんな感じなのだろうか。 UIデザイナーは、単に美しくするだけでなく、使いやすくしたり、見やすく、読みやすくしたり、使うのをちょっと楽しく気持ちよくしたりということをする。 結果として、販売数やアクティブ数、フ

    UIデザイナー云々
    murokaco
    murokaco 2014/11/07
  • UIデザイナー募集で困ってること | F's Garage

    トレタCOOのkengochi氏がUIデザイナーについての記事を書いてた。 UIデザインの価値 | Parallelminds BASEでも、ずっとこの辺の職種も募集していて、来月1人入るんだけど、実はUIデザイナーの募集はすごく困っている。 というのも、今、BASEでほしいUIデザイナーとは、 ・いわゆるWebデザイナーではないし、 ・いわゆるフロントエンドエンジニアJavaScript実装特化型)の人でもない。 というところ。まさしくkengochi氏が書いてる「のりしろ」重要 じゃぁコアスキルって何?ってのを、経験者採用の理想を言えば、 1.D.A.ノーマンのぐらいは読んだことがあって、ユーザインターフェースを意識しながらユーザビリティの高い設計ができて 2.ビジュアルデザインのスキルもあって、カッコいサイト、サービスが作れて、 3.ちゃんとユーザーさんのことを意識できて(つまり

    UIデザイナー募集で困ってること | F's Garage
    murokaco
    murokaco 2014/11/06
  • 画像重視のデザイン:大きければいいのか

    大きな画像には視覚に訴える力がある。しかし、その優先順位づけを誤ると、全体のユーザーエクスペリエンスにとっては害になりうる。 Image-Focused Design: Is Bigger Better? by Kathryn Whitenton on September 28, 2014 日語版2014年10月20日公開 百聞は一見にしかず、と言うように、人は視覚的な生き物である。ユーザーの関心を引き、自分たちのメッセージを伝えるのに、画像は効果的な手段だ。ネットワークやデバイスによってより大きな画像が表示可能になるにしたがい、目をひく、巨大な画像を組み込むWebサイトは増えるばかりだ。そうしたサイトでは画像を1枚だけ選択することができず、カルーセルで数枚の画像を表示していることも多い。 Southwest Airlinesの新しいトップページはこのトレンドのいい例である。ページで最も

    画像重視のデザイン:大きければいいのか
    murokaco
    murokaco 2014/10/21
  • UIの話は会議室でするな

    UIデザインの決定プロセスをより高速化するために、会議するのをやめました。会議をやめたことでより多くのフィードバックを得ることができ、デザインの修正コストを下げる事ができました。

    UIの話は会議室でするな
  • ユーザーインターフェイスのデザインのヒント - Apple Developer

    ユーザーインターフェイスのデザインのヒント - Apple Developer
    murokaco
    murokaco 2014/10/02
  • デザインするレイヤーの話とUXDの話 : void chachaki::Blog::main()

    最初に結論を書くと、デザインのレイヤーを揃えて話をしないといけないし、何でもかんでも「UXデザイン」と言ってしまうのは問題の矮小化が起こるからやめた方がいいと考えます。 セブンカフェのUI論について を読んで、「UIやオペレーションには確かに改善点はあるものの、ユーザーに対して新しいコンビニの価値提案ができたことは、とても素晴らしいことではないか」という結論には同意しつつも、デザインの失敗の烙印を押されているのは仕方がないことなのではないかと思っています。 そもそも、佐藤可士和さんは何のデザイナーかと言うと、wikipediaによれば肩書は「クリエイティブディレクター、アートディレクター、グラフィックデザイナー」で、プロダクトデザイナーではないと思います。いわゆるコンセプトワークと言われるような、企画に相当するところを仕事として、ビジネスをつくる仕事をしているように思えます。 このような佐

    デザインするレイヤーの話とUXDの話 : void chachaki::Blog::main()
    murokaco
    murokaco 2014/08/20
  • アプリデザインの参考になるUI/UXデザインギャラリーサイト10選 - 株式会社モンスターラボ

    オンボーディングのUXデザインの参考になる海外Webサイト 「オンボーディング」とは、初めてサービスや製品を使うユーザーがヘルプや説明書を読まなくても使っていくうちに操作方法がわかるように設計する手法のことです。 いかに素晴らしいプロダクトであっても、初めて使用するユーザーにストレスを与えてしまい、すぐにアンインストールされてしまっては意味がありません。 オンボーディングのUXデザインで参考にしたいのが、以下の2つのWebサイトです。 アプリデザインまとめ① User Onboarding 「User Onboarding」は海外のアプリや有名Webサービスのオンボーディングについて紹介しているWebサイト。 オンボーディングを画面単位で切り分けて、参考になる点と改善が必要な点をピックアップしています。 サンプルはスライド形式で表示されます。簡単な英語で解説されているので、英語が苦手な人で

    アプリデザインの参考になるUI/UXデザインギャラリーサイト10選 - 株式会社モンスターラボ
  • standardinc.jp

    standardinc.jp
  • standardinc.jp

    standardinc.jp 2025 著作権. 不許複製 プライバシーポリシー

    standardinc.jp
    murokaco
    murokaco 2014/07/03
  • UIの基本と、設計方法│UI改善で成果6倍!

    日常的にUIという言葉を耳にしますが、UIについて正しく理解している人は、ごく一部であるように思えます。UIはウェブマーケティングを成功させる上で非常に重要な要素で、UIを改善するだけでも成果が2倍3倍に向上するケースも珍しくありません。 そんなウェブマーケティングにおけるキーファクターであるUIの基とテクニックに関して、ウェブマーケティングのプロが例を交えながらご説明いたします。 ※記事は2014年4月24日に公開された記事をLISKUL編集部にて再編集したものです。 そもそもUIとは?「UIとは、User Interface(ユーザーインターフェース)の略で、ユーザと企業をつなぐ接点です。」というと、少し難しく聞こえるかもしれませんが、つまりは「誰かに、何かをしてもらうために、何を、どう伝えるか」というウェブページ上でのコミュニケーションの「伝える」部分(ウェブページの画面構成)の

    UIの基本と、設計方法│UI改善で成果6倍!
    murokaco
    murokaco 2014/05/27