UIに関するshinpieceのブックマーク (191)

  • ウェブデザイナーが見直しておきたい、2016年のウェブデザイントレンド10個まとめ

    2016年も3分の1が過ぎ、今年を代表するウェブデザイントレンドがはっきりと見えてきました。Studio by UXPin で公開されている無料Eブック「The Complete 2016 Web Design Trends Bundle」では、2016年のトレンドを10個のポイントに分けて、具体的なウェブサイトと一緒にまとめています。 今回は、デザイントレンド10個のポイントのみを、簡単にまとめてご紹介します。より詳しい内容に関しては、無料ダウンロードできるEブックで確認できます。TwitterやFacebook、Googleなどの大企業を中心とした、参考サンプル45サイトが掲載されています。 詳細は以下から。 01. マイクロインタラクション Microinteraction マイクロインタラクションは、モバイルアプリのデザインにおいて、大きなアニメーションに比べ、ユーザーがあまり考え

    ウェブデザイナーが見直しておきたい、2016年のウェブデザイントレンド10個まとめ
  • Basic Design Note

    CLOSED This site has been closed. 当ブログは2022年12月30日をもって閉鎖しました。 開設から10年間、ご覧いただきありがとうございました。

    Basic Design Note
  • importance-of-ia-in-ux.html

    IA(情報設計)というと、専門分野のイメージをもたれる方もいるかも知れませんが、わたしたちが直面している仕事や生活におけるすべての物事に「情報」は含まれます。それだけに、マイクロインタラクションから新しい社会的問題まで幅広く扱われる分野でもあります。 最近「UX」や「カスタマージャーニーマップ」などの言葉をマーケティングや IT 界隈でよく聞くようになりましたが、それらと IA はどのような関係にあるのでしょうか。デジタルマーケティングエージェンシーで数年に渡り、ウェブサイトの IA から UX デザインまで携わってきたわたしの経験から、異なる 2 つの設計アプローチについてお話ししたいと思います。 ある情報を理解する サイトストラクチャやワイヤーフレームを設計する際にもっとも重要な作業が情報の棚卸しです。新規にサイトを立ち上げることでもなければ、その作業のほとんどは既存のアセット(資産)

  • ユーザビリティを向上させる25のデザインの基本概念 デザイン会社 ビートラックス: ブログ

    ビジネスにおけるユーザーインターフェイス(UI) や、ユーザーエクスペリエンス(UX)の重要性が頻繁に語られる事が多い。 Webサイトやアプリから始まり、自動販売機、券売機、車のダッシュボート、テレビ、トイレ、エレベーターのボタン配置に至るまで、”ユーザビリティー”と表現される ”使いやすさ” の大切さが注目を浴びている。 そして、その使い易さを生み出す最初の入り口がインターフェイスである。 インターフェイスとは、ヒトとデバイスとの円滑なコミニュケーションを達成するための媒介役であり、操作性や使い易さを印象づける点ではソフトやデバイスの成功を最も左右する、唯一無二の存在である。 今さら聞けないUI(ユーザーインターフェース) の基 最終的なインターフェイスの仕事は “ユーザーゴール + ビジネスゴールの達成”であり、どんなに良いプロダクトを作っても正しい方向にユーザーを導き、ビジネスとし

    ユーザビリティを向上させる25のデザインの基本概念 デザイン会社 ビートラックス: ブログ
  • UXデザインやサービスデザインに関する勉強会・イベントまとめ【2016年版】

    こんにちは、@h0saです。 昨年、UXデザインやサービスデザインに関する勉強会・イベントまとめ【2016年版】という記事を書いたのですが、思いのほか閲覧されているようなので、今年(20… UXデザインUX JAM UX MILKを運営する株式会社コネクトスターが主催するイベントです。僕も縁あって初回のLTに登壇させていただきました。いろいろと新しいチャレンジをされているので、今後の進化が楽しみです。 UX Sketch リクルートのMTL (Media Technology Lab) 主催のイベント。未だ参加できず。 UXなまトーク サイバーエージェント主催。同じく未だ参加できず。 UXD/HCD ワイワイCAFE 株式会社アイ・エム・ジェイ主催。過去に何度か参加させていただきました。 UX Japan Forum UX Japan Forum 運営委員会主催。昨年は福岡で開催されま

    UXデザインやサービスデザインに関する勉強会・イベントまとめ【2016年版】
  • 視覚的に指定したウェブサイトの差分を表示してくれるサービス「Diffd」 | ライフハッカー・ジャパン

    サンディスクのmicroSDカード 512GBが40%OFF。写真や動画のデータ置き場はこれで良くない?【Amazonセール】

    視覚的に指定したウェブサイトの差分を表示してくれるサービス「Diffd」 | ライフハッカー・ジャパン
    shinpiece
    shinpiece 2015/12/04
    検証してみよう
  • U-site

    長文コンテンツのための5つの書式テクニック ニールセン博士のAlertbox 3月19日 要約、箇条書き、コールアウト、太字、役立つ視覚情報などのテクニックを用いることで、1,000語を超えるコンテンツの理解度やエンゲージメントは向上する。 このサイトについて UXリサーチや市場調査の手法やコツ、結果や知見を紹介しています。 詳細 新記事公開は、Twitter・Facebook・RSSで随時、メルマガで月1回通知します。 Twitter Facebook RSS メルマガ UXのためのAI:入門編 ニールセン博士のAlertbox 3月13日 生成AIツールを、あなたのUXスキルを代替するためではなく、サポートし、強化するために使おう。小さなUXタスクから始めて、ハルシネーションや誤ったアドバイスに気をつけよう。

    U-site
    shinpiece
    shinpiece 2015/09/25
    考え方 調査 まとめ
  • 10歳のこどもから学んだユーザビリティ向上のポイント

    2015年9月8日 ユーザビリティ 夏休みの後半、原稿用紙15枚の自由研究に苦しめられていた姪っ子(10歳)を「楽しそうだな〜」と手伝っていました。そんな時「私も久しぶりに自由研究したい!」と思い、ちびっこが家にいることですし、最近のちびっこがWebサイトをどのように利用しているのか研究してみることにしました。という事で今回の記事は自由研究風に進めようと思います! ↑私が10年以上利用している会計ソフト! 調べたいこと 認知度の高いWebサイトを、小学生がどのように利用するのかを観察し、こども向けのWebサイトに必要なもの、Webサイトを制作するうえで注意すべき点を調べます。 予想 難しい漢字は読めないので読みとばす イラストやキャラクターなど、可愛いものに興味を示す 明るい色彩のサイトに興味を示す まだ習っていない漢字や難しい表現は読み飛ばし、自分の理解できるもののみにフォーカスしていく

    10歳のこどもから学んだユーザビリティ向上のポイント
    shinpiece
    shinpiece 2015/09/09
    子供 ユーザビリティテスト
  • 新しいものが大好きなGoodpatchで8月に話題になったアプリ、サービス、デザインまとめ(2015) | Goodpatch Blog

    みなさんこんにちは!今日で8月も終わりですね。今月もわくわくするようなアプリやサービスをたくさん紹介します。 過去のまとめはこちらからどうぞ! Fit’s FESTIVAL PLAYER http://lotte-fits.jp/fesapp/ POP、TECHNOなどのジャンルを選択して音楽を流したり、DJの様に効果音を追加して遊べるアプリです。Fit’sの対象商品を購入すると、ボイスチェンジャーの機能も追加できます。ポップでカラフルな色使いが楽しいアプリです。 MUJI to Relax https://www.muji.com/jp/beadssofa/ 自宅でリラックスしたい時や、高速バスで睡眠が辛い場所で眠りとサポートしてくれるアプリです。自然音を選択して再生できるほか、心拍数からリラックスの音楽を生成してくれる機能があります。 Tep http://gettep.com/ キリ

    新しいものが大好きなGoodpatchで8月に話題になったアプリ、サービス、デザインまとめ(2015) | Goodpatch Blog
    shinpiece
    shinpiece 2015/09/01
    まとめ
  • WEBデザインのメインビジュアルまとめ

    メインビジュアル、キービジュアル、タイトルバナーとか呼ぶのでしょうか。 WEBサイトのメインになるイメージ画像のデザイン集。メインイジュアル制作の参考に。 サイトイメージを端的に表現したもの、コンバーションに直結しそうなものを中心に集めてみました。

    WEBデザインのメインビジュアルまとめ
    shinpiece
    shinpiece 2015/07/14
    メインビジュアル まとめ
  • 今さら聞けないマテリアルデザインとは?5分でわかる解説 | SONICMOOV LAB

    2014年6月にGoogleマテリアルデザインガイドラインが公開されてから、AndroidはもとよりiOSのアプリでも、このガイドラインを取り入れたUI/UXの優れた作品が多数出てきました。 今回はそんな相変わらずトレンディなマテリアルデザインのガイドラインをわかりやすく、ポイントを絞ってお伝えします。 目次 マテリアルデザインとは? 平面なのに3D 紙とインク マテリアルデザインのカラー グリッドシステム アニメーション 心地の良い動き タッチフィードバック 意味を持ったアニメーション まとめ マテリアルデザインとは? マテリアルデザインを直訳すると「物質的なデザイン」という意味です。 デジタルのデザインなのにどの辺が「物質的」なのか、それは次の2つの概念で表現されています。 平面なのに3D マテリアルデザインでは、要素の重なりを物理的にとらえ、平面の中に、明確なZ軸の概念を持たせていま

    今さら聞けないマテリアルデザインとは?5分でわかる解説 | SONICMOOV LAB
    shinpiece
    shinpiece 2015/07/10
    マテリアルデザイン
  • 早稲田大学

    早稲田大学オフィシャルサイト(https://www.waseda.jp/top/)は、以下のWebブラウザでご覧いただくことを推奨いたします。 推奨環境以外でのご利用や、推奨環境であっても設定によっては、ご利用できない場合や正しく表示されない場合がございます。より快適にご利用いただくため、お使いのブラウザを最新版に更新してご覧ください。 このままご覧いただく方は、「このまま進む」ボタンをクリックし、次ページに進んでください。 このまま進む  対応ブラウザについて Google Chrome Windowsバージョン38 以上 Macintoshバージョン38 以上 Webサイト Fire Fox Windowsバージョン33 以上 Macintoshバージョン33 以上 Webサイト Safari Windowsバージョン38 以上 Macintoshバージョン38 以上 Webサイト

    早稲田大学
    shinpiece
    shinpiece 2015/06/24
    縦ナビゲーション クリック開閉 SP ハンバーガーメニュー
  • Hot-Factory.,LTD | 株式会社ホットファクトリー

    CREATING VALUE WITH INTEGRITY Website [PC,Smartphone] design,planning,maintenance, EC Marketing, System development, Sports contents, Other IT service

    Hot-Factory.,LTD | 株式会社ホットファクトリー
    shinpiece
    shinpiece 2015/06/24
    PC 縦ナビゲーション SP ハンバーガメニュー 上からスライド ハンバーガーから閉じるへの動き良い
  • サイバーエージェント インターネット広告事業「CyberAgent AD.AGENCY」

    WORKS 2021/2/15 Mon アドバンスクリエイト「保険市場」アポイント取得数160%増を実現したデータドリブンなOMOマーケティングとは

    サイバーエージェント インターネット広告事業「CyberAgent AD.AGENCY」
    shinpiece
    shinpiece 2015/06/24
    PC ナビゲーションがサイドにある スライド式 SP ハンバーガメニュー
  • 私のNIKKOR | ニコンイメージング

    このサイトではJavaScriptを使用しています。 お使いのブラウザでJavaScript機能を無効にされている場合、正しく表示されないことがあります。 ご覧になる際にはブラウザ設定でJavaScriptを有効にしてください。 気鋭のプロ写真家たちが、選んだNIKKORレンズで撮影した一枚の写真。 撮影現場においてプロのニーズにNIKKORレンズがどのように応えたのか。

    私のNIKKOR | ニコンイメージング
    shinpiece
    shinpiece 2015/06/24
    PC 追従ナビ ハンバーガーメニュー グロナビなし
  • Introduction | QED Group

    About Us QED GROUP is a team of highly qualified enthusiasts in the applied psychology and behavioural economics fields. We provide companies and individuals with innovative approaches and methods in personal, team and organisational development. MORE ABOUT US Czech 100 Best 2019 Dear friends, Thanks to our joint efforts we were awarded as an innovative company in the field of communication and in

    shinpiece
    shinpiece 2015/06/24
    PC 追従ナビ メニューがモーダルウィンドウ
  • calie.jp

    This domain may be for sale!

    calie.jp
    shinpiece
    shinpiece 2015/06/24
    PC 追従ナビ ページトップへ SPなし
  • 化粧品(スキンケア・メークアップ)・健康食品|オッペン化粧品-OPPEN COSMETICS

    このたびの令和6年能登半島地震によりお亡くなりになられた方々に謹んでご冥福をお祈り申し上げるとともに被災された皆さまに心からお見舞いを申し上げます。被災された皆様の安全と被災地の一日も早い復興をお祈りいたします。 オッペン化粧品の正規品のお買い求めについて

    化粧品(スキンケア・メークアップ)・健康食品|オッペン化粧品-OPPEN COSMETICS
    shinpiece
    shinpiece 2015/06/24
    メガドロップダウン 画像+テキスト
  • G・U・M(ガム)公式サイト | サンスター

    G・U・M(ガム)は、歯周医学から生まれた最新のアプローチで、歯周病菌とたたかうトータルケア製品です。歯周病リスクからあなたを守り、「健康を支えるライフブランド」として進化し続けていきます。

    G・U・M(ガム)公式サイト | サンスター
    shinpiece
    shinpiece 2015/06/24
    PC 追従ナビ ページトップへ
  • タカミ化粧品 公式通販(TAKAMI)

    タカミ(TAKAMI)の公式サイトです。肌の生まれ変わりである“代謝”に着目したスキンピールを中心に、美容皮膚発想での経験から生まれたスキンケア製品を取り揃えております。ニキビや毛穴の黒ずみ・乾燥などの様々な肌トラブルにアプローチし、美しい肌へと導きます。

    タカミ化粧品 公式通販(TAKAMI)
    shinpiece
    shinpiece 2015/06/24
    PC 追従ナビ