UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめこんにちは。 スマートフォンサイトやアプリにおいて、重要なことの一つであるUI（ユーザーインターフェース）。 また、PC向けサイトでも、よりユーザー目線に立ったUI設計が必要です。 UI設計ひとつで、大きくコンバージョンが上がったり、クリック率の増加が見込めるので、入念に考えなければなりません。 今回は、UIを徹底的に考えるために、UIについて様々な視点から書かれたスライドをご紹介したいと思います。
ノンデザイナーこそ押さえておきたい! UI/UXが学べる神スライド7選 | Find Job ! Startup
競合に負けないWebサービスをつくるため、UI（User Interface）、UX（UserExperience、ユーザー体験）にこだわるのは、もはや常識。良いUI/UXはチーム全員で考えることが、良いサービスをつくる秘訣です。 エンジニアやWebディレクターも学んで損はしません。もちろん、本職デザイナーの方々にも役立つ7つのスライド厳選まとめです！ 目次 基礎知識 １．UXのためのUIデザイン ２．UX is not UI ３．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：前編 応用編（Webサイト） ４．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：後編 ５．コンテンツで改善する UI デザインの極意 応用編（スマホアプリ） ６．UI＆UX / 重要なのは、毎日さわって嬉しいUI UX! 応用編（タブレットアプリ） ７．ニコニコ超デザイン-
実例とユーザーテストからわかってきたよりよいUIのデザインとUXの条件
UIデザインとはユーザの使い易さ、分かり易さ、快適さから情報機器やWEBなどを設計をしていくことを言いますが、ハンゲームを運営するNHN Japan株式会社の此川祐樹さんが、ゲームにUIデザインを取り入れて、よりゲームを面白くするという取り組みについて語りました。 ユーザの行動から学ぶゲームUIデザイン NHN Japan株式会社クリエイティブマーケティングセンターマーケティングデザイン室/UXデザインチームの此川祐樹と申します。よろしくお願いします。 ユーザの行動から学ぶゲームUIデザインについて発表させていただきます。私は2011年に弊社に入社しましてUXデザイナーとしてWEBサービスをデザインしてまいりました。2012年からは主にスマートフォンアプリやゲームに関するUXを行っております。 弊社のサービスについて紹介させていただきます。主要4ブランドサービスを展開していまして、左からオ
UX/UIデザインガイドライン : 小野和俊のブログ
このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな？」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M
この動画は必見！とにかくデザインが秀逸なiPhoneアプリ「Clear」リリース、期間限定85円！
► 2024 ( 2 ) ► 11月 ( 1 ) ► 6月 ( 1 ) ► 2022 ( 1 ) ► 11月 ( 1 ) ► 2021 ( 5 ) ► 9月 ( 1 ) ► 8月 ( 1 ) ► 1月 ( 3 ) ► 2020 ( 12 ) ► 10月 ( 1 ) ► 6月 ( 5 ) ► 5月 ( 1 ) ► 4月 ( 2 ) ► 3月 ( 2 ) ► 1月 ( 1 ) ► 2019 ( 6 ) ► 9月 ( 1 ) ► 7月 ( 1 ) ► 6月 ( 1 ) ► 3月 ( 2 ) ► 2月 ( 1 ) ► 2018 ( 6 ) ► 12月 ( 1 ) ► 11月 ( 1 ) ► 5月 ( 1 ) ► 3月 ( 1 ) ► 2月 ( 1 ) ► 1月 ( 1 ) ► 2017 ( 6 ) ► 12月 ( 1 ) ► 11月 ( 1 ) ► 8月 ( 1 ) ► 7月 ( 1 ) ► 5月
エバーノートのクリエイターが教える「魅力あるUIとUX」の極意
ロゴを作製する場合、気になるのは「目立つこと」。当たり前ではあるが、徹底的に他社の事例を調べてみることが重要だ。 エバーノートのロゴには象が描かれているが、これは「象は決して忘れることがない」という逸話から導かれたもの。“永遠”を大事にする社風と、ほかのIT企業が使っていないからという理由で象を採用することはすんなり決まったようだ。 しかし強く配慮する必要があるロゴがあった。米国の共和党のロゴだ（写真2）。印象が似てしまわないよう、デザインでは“星”を排除し、色を共和党ロゴが使っている赤と青とは違う色を採用することにした。ハイテク企業を調べてみると、緑を使っている企業が少なかったことから、最終的に緑色に落ち着いた（写真3）。 ほかに注意した点としては抽象度があったという。シンプルにするために、抽象度を高めたところ、「クジラに見える」という人もいた。結局、中間的なところに落ち着いたのだという
第１回 UX Kyoto | Peatix
【趣旨・目的】----------------------------------------------------------------------- UX（User Experience）やHCD（Human Centered Design）、UCD（User Centered Design）というキーワードはプロダクトデザイナーなどに限らずWebサービスやWebサイト制作に関わる全ての人にとって重要な意味を持つものと なっています。 それらについて学んだり、情報を共有をする場を提供することがUX Kyotoの目的です。 今回は情報デザイン研究室の浅野先生に講師にお越しいただき、HCDについて学べるワークショップを行います。 【HCDとは？】-----------------------------------------------------------------------
なぜUXを考えるのか | ユーザー投稿 | Web担当者Forum
「検索から訪問」がなくなる？ 2026年に求められる「AIに選ばれる」ための情報設計 3月25日 7:05
コナミが古い常識を破壊しちゃったおかげでどれだけマネタイズを隠すか、というのがトレンドになりつつある
というのは古い常識で、コナミが古い常識を破壊しちゃったおかげでどれだけマネタイズを隠すか、というのがトレンドになりつつあります。 これは具体的にどういうことなんでしょうか？ GREEというのでドラゴンコレクションでのお話？ そうです。ドラコレが壊しました。 それまでの携帯ソーシャルゲームは 1.課金への導線はバンバン貼ろう! 2.売れるものはたくさん作ってできるだけ売ろう! 3.課金アイテム画面はバンバン見せよう! 4.課金アイテムを買った人は優遇しよう!そうしないと課金アイテムは売れないよ! というのが常識でした。実際、これらをしなかったゲームよりしたゲームの方が売り上げは上がっていました。 ところがコナミはドラコレで 1.課金アイテムはあるアイテムを使おうとしたときに、そのアイテムの手持ちがなかった際、もしくは毎日数回引ける無料ガチャを回した際、その下にページをスクロールした時にしか課
書評「UIデザインの基礎知識」 - elm200 の日記(旧はてなダイアリー)
私はずっとプログラマとして活動してきたが、ウェブデザインをはじめとする見かけのデザインは苦手だった。ずっと避けて通っていたのだが、いまの時代、ウェブサイトのプロトタイプくらい自分で作れるようになりたいと思った。デザイナーの知人に相談したところ、紹介してくれたのがこの本。 ユーザーインタフェースデザインの基礎知識 ~プログラム設計からアプリケーションデザインまで~ 作者: 古賀直樹出版社/メーカー: 技術評論社発売日: 2010/04/23メディア: 単行本（ソフトカバー）購入: 11人 クリック: 170回この商品を含むブログ (15件) を見る 豊富な例を引用しながら、ユーザーインターフェイスをデザインする上で陥りがちな典型期な過ちを解説していく。数学科出身の著者というだけあって、解説は理論的で、感覚より論理を重視するプログラマにも分かりやすい。 理想的なコンピュータシステムは、ユーザー
デザイナに知っていて欲しい10個のAndroidのUIルール - ReDo
iPhoneのそれと比較して、よくかっこわるいと評価されてしまうAndroidですが、正しくは「標準UI同士で比べた際にイケてない」のが真実だと思っています。 今現実として、Androidアプリにイケてないものが多いのですが、そもそもデザインを考慮するプロセスが省略されてしまっていたり、時間（コスト）が無いとかそういうこともあったと思いますが、流石にこれだけメジャーなデバイスになってしまうとそれが許される時代は終わってしまいました。 ドットコム全盛期の様なGeocities＋IBMホームページビルダーのデザインがはるか昔にキャハハされた様に、もうそろそろ標準UIで未カスタマイズのAndroidアプリもキャハハされる時代です。 そんな中、効率よくかっこいいUIを構築するために頭の片隅で把握しておくとちょっと幸せになれる、独断と偏見で捻りあげた10個のAndroidのUIルールを紹介します。
【INFOBAR A01レビュー】話題の｢iida UI｣を紹介！ （動画あり）
【INFOBAR A01レビュー】話題の｢iida UI｣を紹介！ （動画あり）2011.06.23 17:00 今回はINFOBAR A01独自のUI｢iida UI｣についての紹介です。 INFOBAR A01は通常のウィジェット画面ともう一つには｢iida UI｣が搭載されております。高スペックだけあって動きは滑らか、サクサク動きます。まずは動画でどうぞ！ 自分流にカスタマイズが出来るのがこのUIの特徴です。アプリアイコンの調整も簡単。iida HOMEによりカテゴリ分けが自由に設定できるのも非常にうれしい機能。個人的に一番気に入っているのはアイコンの他にも自分の好きな写真をタイルに配置することが出来るところです。 タイルの移動は長押しでエディット画面に切り替わります。そこで好きな物を移動させてあげると移動完了、ウィジェットによっては小さく出来たり大きく出来たりできます。左にある矢印
プログラマのためのUXチートシート — ありえるえりあ
はじめに http://msdn.microsoft.com/ja-jp/library/aa511258.aspx の 「Windows ユーザー エクスペリエンス ガイドライン」 「ガイドライン」 主に「コントロール」 の抜粋です。 以下の基準で抜粋しました Web UIに応用可能 実用的かつ具体的 自明ではない プライマリUIを目立たせる プライマリ UI 要素を強調するには、以下に従います。 - プライマリ UI 要素は、視線の通り道に配置します。 - タスクを開始する UI 要素は、左上隅または中央上に配置します。 - コミット ボタンは、右下隅に配置します。 - 残りのプライマリ UI は、中央に配置します。 - コマンド ボタン、コマンド リンク、アイコンなど、注意を引き付けるコントロールを使用します。 - 大きなテキストや太字のテキストなどの目立つテキストを使用します。 ユ
SIGIXD 2nd Googleにおけるインタラクションデザイン - 安藤日記
安藤日記 安藤日記：デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ SIGIXD 2nd ------------------------------------------------------- http://sigixd.org/2nd.php Googleにおけるインタラクションデザイン ＃川島さんの示唆に富んだ話がすばらしかった。 川島 優志氏 シニアウェブマスター・アジア太平洋マネージャー: "Behind the web design & Doodle creation" Judy Shade UX Researcher: "UX at
ユーザーにとってはUIがすべて：UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
イケハヤ公式サイト | Web3・AI・投資・ビジネスの最新情報
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
TechCrunch | Startup and Technology News
| blog.ryow.net