Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
求められる結果に対して最良のプロセスを導きだすのがデザイン、及びデザイナーの仕事。では、数字として結果に繋がらないデザインに価値は無いのであろうか? どんなに見た目が良いデザインでも売り上げに繋がらなければ優れたデザインとは見なされないのか? 逆にどんなに美しく無くても、クリック数やコンバージョンの高いページや広告は素晴らしいのであろうか? このような議論はデザイナーの間では普遍的にかわされている。 場合によっては「見た目のクオリティーを犠牲にしても良いのでとりあえず問い合わせ数のアップするページをデザインして下さい」等の依頼がクライアントから来るケースも少なくは無い。 クライアントの目的を果たしたいと思うと同時に、素晴らしいデザインを世の中に生み出したいと感じているデザイナーの立場からすると常につきまとうジレンマである。 そもそも優れたデザインを施す必要性がどこにあるかを考えた時に、端的
2015年2月13日 Webデザイン RamotionによるUI/UXアニメーション UI/UX Animations by Ramotion Ramotion is a digital agency focusing in brand identity, mobile apps and web products based in San Francisco, USA. We are featuring their collection of UI/UX Animations from the last year, it’s amazing to see their experimentations on how the users will interact with an interface. For this case, on mobile. Ramotionはアメリカのサンフランシ
【UIデザイナー不要説は本当か】現役クリエイターが「UI Crunch」で語った本音とは? 馬場 美由紀(HTML5 Experts.jp編集部) DeNAとGoodpatchの現役クリエイターが中心となって立ち上げられた、UIデザインを追求していくコミュニティ「UI Crunch」。11月27日に開催された第2回目の勉強会のテーマは「UIデザイナー不要説について語る」。 サービスやプロダクトを作る上で大きな差別化要因となっているUIデザイン。とはいえUIデザインに携わるUIデザイナーが、業界や企業において高い評価を受けているわけではない。そんな状況にもやもやした状況からネット上では「UIデザイナー不要論」まで飛び出すことに。「UI Crunch #2」はそのホットな話題「UIデザイナー不要説」について、徹底討論が繰り広げられた。 「UIデザイナー不要説」を書いた真意 最初のスピーカーとし
社長の宮坂がゲスト出演した、11月27日放送のテレビ東京系「カンブリア宮殿」。Yahoo!ニュースの裏側にも触れられており、ご覧になった方もいらっしゃるかもしれません。 (放送バックナンバー:爆走する国民的サイト!これがネットの底力だ!- テレビ東京) 公式ブログ新コーナー「news HACK」ではこれまで、Yahoo!ニュースにおけるスマホ利用の成長などをお伝えしてきましたが、今回は、同番組の中でも登場したYahoo!ニュースのUI改善事例について、番組で触れられなかった部分も加えて詳しくお伝えしたいと思います。 これからご紹介するのは、スマホブラウザ版Yahoo! JAPANトップページのA/Bテスト事例(※Yahoo!ニュースのアプリ版との違いなどについては、こちらの記事をご参照ください)。 テスト結果は現在のスマホ版トップページに使用されているものと同様ですが、まず具体的な説明に入
UX Launchpadが掲載したGoogleとAppleがiPhone用に設計したMapアプリのUX分析 “Design Explosions Issue #1: Mapping on iOS”という記事が話題になっています。詳細は以下から。 この記事はIntroとSummaryで「我々がMapアプリの勝者を決めていると思ってこの記事を読んでいるなら失望するでしょう」「ここに勝者はいない、2つの同様のアプリを研究することに刺激を受けるデザインの授業だ」と、GoogleとAppleのMapアプリの優劣を付けるわけではないと強調しています。 Intro:If you’re reading this to see a head-to-head comparison where we crown a winner, you’re going to be disappointed. Summary
Twitterクライアント『モバツイ』開発者であり、2012年11月に想創社(version2)を設立した有名エンジニア・えふしん氏が、変化の激しいネットベンチャーやWeb業界の中で生き残っていくエンジニアの特徴を独自の視点で分析 藤川真一(えふしん) FA装置メーカー、Web制作のベンチャーを経て、2006年にGMOペパボへ。ショッピングモールサービスにプロデューサーとして携わるかたわら、2007年からモバイル端末向けのTwitterウェブサービス型クライアント『モバツイ』の開発・運営を個人で開始。2010年、想創社を設立し、2012年4月30日まで代表取締役社長を務める。その後、想創社(version2)を設立しiPhoneアプリ『ShopCard.me』を開発。2014年8月1日からBASE(ベイス)株式会社のCTOに就任 Webやアプリのユーザーインターフェースを設計する専門家であ
悩み多きディレクターの皆様。 こんにちは。Tokyo Otaku Mode (以下TOM)ディレクターの青芝です。 Webサービスを考えるうえで、誰もが一度は頭を悩ませる UI (User Interface)。 User Interface(ユーザーインターフェイス)とは、ユーザーがWebサービスを利用するうえで直接操作する画面のことを指しますが、ひと言で「UI」と言っても、そこには文字や画像の見せ方、マウスのクリックや指のタッチに反応したときの動き、画面全体のレイアウトなど、さまざまな構成要素がかかわってきます。 それら一つひとつの性格や特徴を考慮し、しっかりと設計しておかなければ、使いやすいWebサービスを作ることはできません。今回は、WebサービスのUIを考える際に知っていると役立つ知識のなかから、基礎的な5つの要素を紹介していきます。 正しい文章構造について 人の感情を動かす色に
UIデザイナー不要説とそのまわりに展開している話題について、UIデザイナーの私も何か書いておこうと思うが何を書こう。 私はアプリやWebサービスのUIのデザインをやっているUIデザイナーで、最近リリースしたiPhoneアプリ「FitPort」では、企画、UI設計、デザイン、Storyboard、動画作成、ユーザサポートなどなどをしている。 自社案件も、受託案件もやります。 まず、元記事では「UIデザインが重要視されていない」ということが前提とされているが、そう感じることは、最近ではほとんど無い。むしろニーズが高まっていると感じていたので、不要説の記事を読んで驚いた。 今世の中としてはそんな感じなのだろうか。 UIデザイナーは、単に美しくするだけでなく、使いやすくしたり、見やすく、読みやすくしたり、使うのをちょっと楽しく気持ちよくしたりということをする。 結果として、販売数やアクティブ数、フ
オンボーディングのUXデザインの参考になる海外Webサイト 「オンボーディング」とは、初めてサービスや製品を使うユーザーがヘルプや説明書を読まなくても使っていくうちに操作方法がわかるように設計する手法のことです。 いかに素晴らしいプロダクトであっても、初めて使用するユーザーにストレスを与えてしまい、すぐにアンインストールされてしまっては意味がありません。 オンボーディングのUXデザインで参考にしたいのが、以下の2つのWebサイトです。 アプリデザインまとめ① User Onboarding 「User Onboarding」は海外のアプリや有名Webサービスのオンボーディングについて紹介しているWebサイト。 オンボーディングを画面単位で切り分けて、参考になる点と改善が必要な点をピックアップしています。 サンプルはスライド形式で表示されます。簡単な英語で解説されているので、英語が苦手な人で
http://www.aldnoahzero.com/ とにかく見て実際に試して欲しい.一発でこのUIを使いこなせたなら貴方は凄い,この記事読まなくても良いと思います. さてUIに係る問題点で感じたことは以下.まあもっとあるとは思う. JSについてはJS諸賢にお任せします. 問題点 そもそもメインコンテンツへの入り口が「LOGIN」なのヤバい. こんなかんじ.ハイコンテキスト!!! LOGINでメインコンテンツに入れると思うのおかしい感じがする.会員制ページと勘違いしてしまう. 「LOGIN」しか提示されてないと,その時点でログインしたくないおじさんとかログイン面倒くさいおじさんとかが去ってしまう可能性が高まる 放送後,トップページがこういう感じになるんだけど,まさか「LOGIN」がメインコンテンツへの入り口だとは思うまい.多くの人がどうやって普段のページに飛ぶのか迷うと思う. pic.t
「Empty Data(またはEmpty Status)」というUIパターンがあります。タイムラインやドロワーなどデザイナーであれば知っているUIパターンの名称に比べると、あまり日本では聞き慣れないのかもしれません。Empty Dataは簡単に言うとデータがない時のUIになります(Webでの404に近いですが、少し違います)。では、Empty Dataを知るためにもう少し詳しく紹介していきたいと思います。 参考:モバイルデザインパターン 第2版 ―ユーザーインタフェースのためのパターン集 Empty DataはUIである Empty Dataはただユーザにデータがないことを示すだけではありません。ユーザにデータが存在しないという情報をフィードバックし、どうしたらここに情報が入るかのアクションに繋げる立派なUIです。もしEmpty DataのUIが存在しなかったらユーザはどのように感じるでし
iPhoneタブバー&ツールバー用アイコン iPhone UI iPhone外観素材〔iPhone3 / iPhone 4 / iPhone 4S〕 iPhoneアプリケーションアイコン iPhone風のアイコンジェネレーター iPad UI iPad 外観素材〔iPad / iPad2〕 iPod Touch 外観素材 Androidメニュー用アイコン Android UI Android外観素材 Android Widget UI〔ウィジェットテンプレート〕 Droidくん Androidアプリケーションアイコン Androidアイコンジェネレータ〔画像をアップするだけでガイドラインに沿ったアイコンを生成〕 モノトーン系アイコン iPhoneタブバー&ツールバー用アイコン 2010/9/26 PSD PNG PSD icon Sweets License: 個人・商用利用可 iPhon
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く