UIデザイナーが理解しておくべき11種類のナビゲーションと特徴 | ベイジの社長ブログ
WebサイトやアプリケーションのUIは、いくつかの要素の組み合わせで構成されますが、使いやすさに最大の影響を与えるのはナビゲーション要素でしょう。ナビゲーションのデザインを制する者がUIデザインを制する、といっても過言ではありません。 というわけでここでは、UIで最も大事な要素、ナビゲーションというものを整理して理解するために、その種類と特徴をまとめてみました。 1. グローバルナビゲーション ユーザがWebサイトやアプリを使う際に、もっともよく使われるのが、このグローバルナビゲーションです。通常は画面のどこかに常設されており、画面遷移をしても、決まった場所に、決まった並びで必ず表示されます。 メニューの構成方法としては、情報種別、機能種別、対象者／状況別、利用頻度別などの切り口があります。 Appleサイトのグローバルナビゲーション。どの画面でも、同じメニュー構成・同じデザイン・同じ場所
Calltoidea - Light up your imagination
If you like Calltoidea, let's trythe first community for link lovers.
45 Fresh Web And Mobile UI Kits With PSD Files For Designer
SmashingApps.com now covering digital world, life skills, point of views and lifestyle In this post, we are showcasing an irresistible and great collection of free and fresh UI design kits especially for the designers. These wireframing and UI design kits come very handy for the designers when they want to mock-up a user interface. Web user interface, mobile user interface and wireframe kits are u
50 Fantastic And Free Web UI Kits | SmashingApps.com
With this collection, we are showcasing a fresh assortment of some free user interface kits for you so that you can download them and simplify your work process. Resources such as user interface kits are meant to expedite your work flow by allowing you carry out certain actions quickly thus helping you to improve your productivity as well. With these UI kits, you can quickly mockup a professional
作業効率をアップさせることができる デザインUIキットまとめ「50 Fantastic And Free Web UI Kits」
TOP > Design > 作業効率をアップさせることができる デザインUIキットまとめ「50 Fantastic And Free Web UI Kits」 webサイトを1からデザインすると時間がかかってしまいますが、フリーのUIを利用することで作業効率を格段にアップさせることができます。そんな時に便利なUIキットまとめ「50 Fantastic And Free Web UI Kits」を今回は紹介したいと思います。 （Dribbble – Flat UI kit (psd) by Hugo） さまざまなデザインテイスト・種類のUIキットが紹介されています。気になったものをピックアップしましたので下記よりご覧ください。 詳しくは以下 Free PSD: Dark Gloss UI Kit | | FreeUIKits.comFreeUIKits.com 立体的でリアルな質感
高齢者のユーザビリティ：課題と変化
65歳以上のユーザーは、Webサイトやアプリを利用する際に固有の課題に直面する。このユーザー層のデジタルリテラシーは向上しているが、デザインは高齢のユーザーに対応したものにする必要がある。 Usability for Seniors: Challenges and Changes by Lexie Kane on September 8, 2019 日本語版2020年6月17日公開 多くの裕福な国で、最も急速に増加している年齢層が65歳以上だ。グローバルに見ても、人は長生きするようになり、年を取っても元気でいられるようになった。Pew Research Instituteが実施した調査によると、2019年には65歳以上の人の73％がインターネットに接続していた（訳注：総務省の令和元年版情報通信白書によると、2018年の個人のインターネット利用率は、60～69歳で76.6％、70～79歳で5
UXデザインというものについて - yzgwyskw
UXという言葉は非常に誤解されているように感じます。これはUX〇〇を単にUXと言ってしまう軽率な省略によって引き起こされているのではないかと思っています。この省略のために、UXというのは結局なんなのか？という疑問を引き起こしているように感じています。この文章は、そういう疑問を持っていた一年前くらいに自分に対して説明を行うような気持ちで書きました。ただし、私は仕事としてUXを扱っておらず、自分の理解を整理するためにここで文章にしていることを留意ください。 UXとは そもそも、UXというのは"ユーザが製品に触れている際に経験する知覚や感情"であり"現実世界に起こっている事象"です。ここで重要なのは、UXは単に事象でありその他の意味は含まれていないということです。直感的といった曖昧な言葉がUXの形容詞として用いられていることが多いため、使いやすくなければUXでないような印象があるかもしれませんが
『難しくないデザイン効率化のすすめ』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。アメーバゲーム部門でデザイナーをしております吉田直由と申します。 リリース直後からの1年2ヶ月の間、ガールフレンド（仮）でUIデザインの運用を担当しておりました。 運用のフェーズになると大きく問題になってくるのが「業務の効率化」ではないかと思います。便利ツールの導入や、難しい技術の取得などもありますが、、、使い慣れない技術は逆に効率を下げる結果になってしまうのでは？ と、なかなか一筋縄ではいかない問題です。 ガールフレンド（仮）デザインチームの場合、1年目～3年目の若いメンバーが多く、さらにメンバーの数も10人という大所帯でした。 どう
ウェブサービスの管理画面を作る上で守るべき6つのルール | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！！ メディア事業部のまさしです。 昨今、ウェブサイトをはじめとするウェブサービスやアプリなどは、作っておしまいではなく、作ってから運用し改修を続けて成長させていくことを前提とするようになりました。 その際に重要な役割となる管理画面ですが、管理画面って作るときに何のデータを出していいのか、どうデザインしたらいいのか迷いますよね。結果、あらゆる機能とあらゆるデータを盛り込んだ管理画面になってしまいがちです。 今回は、そんな悩みを解消できるように、目的に合っている使い勝手の良い管理画面をつくるための6つのルールをご紹介いたします。 ウェブサービスの管理画面をつくる上で守るべき6つのルール ルール1：ターゲットは1つに絞るべし！ 最も効果的な管理画面とは、単一のユーザーをターゲットとして、その目的をもとに固有のデータを表示しているものです。 複数のユーザーをターゲットとしてしまうと、い
ウェブの未来を担う次のUIデザインは「カード」にあり
By Βethan ウェブ業界ではフラットデザインが大流行しましたが、これとはまったく異なる次元で将来のウェブデザインの主流になると目されているのが「カード」デザインです。 Why cards are the future of the web http://insideintercom.io/why-cards-are-the-future-of-the-web/ スマートフォンやタブレットなどのモバイル端末の登場は、ウェブのデザインを大きく変えようとしています。これまでPCでの利用が中心だったウェブは、サイトのページとページをリンクする形で構築されていました。しかし、モバイル端末でのウェブで重要視されるのは、個人と個人をリンクさせるような構成です。これは、モバイル端末でよく利用されるコンテンツがFacebookやTwitterなどのSNSであることを考えればよく理解できます。ここでは、
簡単に使えて、コンバージョン率が高まるUI Tipsまとめ | Goodpatch Blog
しっかりと考えられたUIのアプリやWebサイトはとても使いやすいく、使っていてとても楽しいですよね。この記事を見ているデザイナーやディレクターの方の中でショッピングサイトや登録型サービスを担当し、UI設計をしている方もいるのではないでしょうか。UI設計をする上で必ず考えるのが「ユーザーが使いやすいUI」だと思います。しかし前述したショッピングサイトや登録型サービスの場合は使いやすさと共に、「ショッピング購入数」や「登録者数」にも気を配る必要があります。そこで今回は「ショッピング購入数」や「登録者数」を示す、”コンバージョン率” を高めるUIとはどんなものか、海外の記事を参考に考えてみたいと思います。 （この記事はGoodUIから翻訳抜粋したものです） GoodUIには簡単に使えて、コンバージョン率を高めるUIのアイデアがいくつかまとめられています。その中から6つ、素晴らしいアイデアをピック
UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 （参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）, （後編）） プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
WebSig会議 vol.33：2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig会議 vol.33： http://websig247.jp/meeting/33/ 2ndセッション ハートに響くUIを生み出すためのデザインプロセス ／土屋尚史（株式会社グッドパッチ 代表取締役）Read less
[O]フラットデザインカラーリングのコツを探すための７つの検証 – Olein 〜オレのインタレスティングなこと〜
検証１ http://dribbble.com/shots/1059591-Home-Automation-Flat-App-Design まずはこちらを検証してみました。 色のバランスを見てみるとペンタードと呼ばれるバランスに近いような気がします。色数が増える場合には、このようなバランスを保って配色を心がけるといいでしょう。（フラットデザインに限らず） ※ペンタード配色とは？ 色相環を５等分した色相同士の配色のこと 背景がブラックということもあってか、彩度は押さえ気味な印象でトーンも高くありません。こう、見た感じパンチのある色はほとんどありませんよね。落ち着いた印象です。 そうすることによって背景色とのバランスも取れるように考えてあります。 検証２ http://dribbble.com/shots/1052090-AirportChatter-V2-Concept/attachment
優れたユーザーインタフェース（UI）を実現するチェックリスト36項目
【img via tabletop assistant by MattHurst】 優れたユーザーインタフェースとは何か。どのようなデザインを「優れたユーザーインタフェース」と呼ぶのに相応しいのだろうか。 GoodUIというサイトに優れたユーザーインタフェースを実現するために確認しておきたい36項目をイラスト付きで解説していた。とても分かりやすく納得できる内容が多かったので、紹介しておく！ 1.マルチカラムではなく、シングルカラム 複数カラムだとユーザーの目線が左右に逸れてしまう可能性があるため。 2.まずはギフトを渡してみる 最初から買うことを促すよりもまずはこちらから何かを与えることによってユーザーに喜ばれる。 3.似た機能や項目は1つにまとめて表示する 似た機能を分散させる必要はない。 4.ユーザーからの反応を載せる 実際に使っている「ユーザーの声」を参考に買い物をする人は少なくない
分かりやすいUIを考えるときに参考にしたい34のアイデア | mah365
GoodUIというサイトでは、サイトのコンバージョンを上げるときに参考にしたい34のアイデアを紹介しています（どんどん追加されるようです）。とても参考になったので、タイトルだけ日本語訳してお伝えしたいと思います。あえて意訳しているところもありますが、英語的に完全に間違っている部分があれば、ご指摘下さい。 マルチカラムレイアウトにするより、シングルカラムレイアウトにしてみよう。 すぐにクロージングするより、プレゼントを与えてみよう。 UIを断片化させるより、似たような機能を統合してみよう。 自分で自分自身を語るより、ブランドのある誰かに語らせてみよう。 重要なアクションは1回だけ見せるより、何回も繰り返して表示してみよう。 クリックできる・選択できるアイテムは、ぼかさず明確にスタイルしてみよう。 選んで欲しいものを並列で並べるより、オススメを強調してみよう。 いちいち確認を取るより、Undo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今年気になったハイクオリティなデザインUIキット − 2014 - NxWorld
最近よく見かけるカードを使ったレイアウトのさまざまなコンポーネントを揃えたPSD素材 -UI Kit
タブレット向けWebデザインのノウハウ40選 ―― 第1章 タブレットの機能を知る | タブレット向けWebデザインのノウハウ40選
Loading...
