【永久保存版】エンジニア・デザイナー必見！「UI/UX」の基礎が学べるSlideshare30選UI/UXという言葉を聞いて久しいですが、みなさんは基本的な考え方をきちんと理解できているでしょうか？様々なアプリを触り、「このアプリのUI/UXいいよね」と言う人は多くいますが、UI/UXを何となく知っている感じになっていると思います。 そこで今回はUI/UXの基礎が学べる資料をSlideshareから30�個集めました。デザイナーの方は必見です！
ITエンジニアがUI/UXを確実に学べるコンテンツ11選 - paiza開発日誌
Photo by Dan Zen こんにちは。谷口がお送りします。 ここ数年、Webサービスの開発において「UI」「UX」という言葉がよく聞かれるようになりました。 「UI」とはUser Interfaceの略で、簡単に言ってしまうと、パソコンやスマートフォン等を操作する際のの画面表示やメニューに表示される言葉など、情報の表示様式や操作感のことです。 対して「UX」は、User Experienceの略です。UXは、ある製品やサービスを利用したり、消費した時に得られる体験全般のことを指し、個別の機能や使いやすさだけでなく、ユーザーが製品やサービスを利用したときに得られる利用体験、満足感の向上を目指すのがUXデザインになります。 ※UXとはISO 9241-210[2]において「製品、システム、サービスを使用した、および／または、使用を予期したことに起因する人の知覚（認知）や反応」と定義され
Private Presentation
Private content!This content has been marked as private by the uploader.
モバイルナビゲーションを考察する – ハンバーガーメニューに代わるもの | POSTD
「Webサイトやアプリのナビゲーションに ハンバーガーメニュー を使うべきかどうか」というテーマに関して、UI/UXデザイナーの間で交わされる、すばらしい議論や記事を目にする機会があります。 もし、ハンバーガーメニューの始まりや歴史が気になる場合は こちらの記事 をご覧いただくといいでしょう。 しかし、今回はハンバーガーメニューについて語る気はありません。この記事ではハンバーガーメニューの代わりとなり得る他のナビゲーションを模索し、その説明をしたいと考えています。 なぜこの記事でハンバーガーメニューを扱わないのでしょうか？ それは、ハンバーガーメニューは簡単で便利なソリューションであると同時に、以下に列記するような数多くの欠点を併せ持っていると、私が個人的に確信しているからです。 * 効率性の低下（インタラクションが遅くなる） * 視認性の低下（メニューが隠れる） * 不要アイテムの増加
UI/UXがイケてる！おすすめスマホアプリ - 第3回 Steller - MdN Design Interactive
Amebaのクリエイティブディレクターが徹底考察！ UI/UXがイケてる！おすすめスマホアプリ 第3回 Steller 2015年2月19日 TEXT：鈴木伸緒（株式会社サイバーエージェント） より良いユーザー体験を提供するうえで、スマホアプリにおけるUIの工夫やユーザーの心的効果を考慮したデザインなどを、サービスの機能ごとに紹介していく本連載。第3回目ではiOSアプリ「Steller」を取り上げる。 Stellerは、写真やビデオにテキストを添えて簡単に物語が作成できるビジュアルストーリーテリングのiOSアプリだ。MicrosoftやGoogleの元エンジニアとして名の知れたMark Lucovsky氏が開発を支えている点も注目である。2015年2月時点ではアメリカのiTunes Storeのみでしかダウンロードできないが、今回はアメリカでアプリに触れることができたのでレビューする。まも
Material Design を全力で取り込んだはてなブックマークリーダーを作ってみた - Qiita
はじめに はてなブックマークのカテゴリをスワイプでシュッシュッと切り替えられるアプリがあったら使いやすいかなぁ、ということで作ってみました。 Material Design のエッセンスをできる限り取り入れましたので、注意した点などを紹介します。現行のアプリに導入できる内容もあると思いますので、参考になれば幸いです。 （追記）「階層」の概念、実装コストの高いものについては、実装の対象外としております。 （再追記）タブバー、トップバーの下にスクロールに合わせてシャドーを表示する変更をしました。 アプリはこんな感じです。ご指摘やご要望などありましたらコメントいただけると嬉しいです。 https://play.google.com/store/apps/details?id=com.appspot.parisienneapps.hatebureader レイアウト、コンポーネント アップバー レ
モーダルを閉じるボタンのUIは右か左か | UXデザイン会社Standardのブログ
モーダルビューを「閉じる」ボタンの位置は右に置くべきか左に置くべきか。iOSにおいてはナビゲーションバーの右と左の2択であるため、逆に迷ってしまいがちなのかもしれません。 よくある話としては「設定ボタンがナビゲーションバーの左にあるのなら、同じように左側に閉じるボタンを配置するべきではないのか…」といったことをよく聞きますが、トリガーとなるボタンの位置はあまり関係なく、その後のモーダルビューでの内容や一貫性によって判断する必要があります。 モーダルとは ボタンの位置を考える前に、まずはモーダルとはどういったものかを紹介します。アプリケーションでのモーダルはユーザーに行動を制限し、特定のタスクに集中させるモードです。もちろんアプリケーションという意味では、ホームボタンを押したりマルチタスクにより他のアプリケーションを使うことができるため完全な制限ではありませんが、現在使用中のアプリケーション
タイムラインの実装に欠かせない！UICollectionViewで作るFacebook風レイアウト - Eureka, Inc.
こんにちは！ なんと早くも2度目の登場です、iOSエンジニアの木村です。 最近、ついに実家から独立しました。 これで電車を気にせず、存分にObjective-Cを書けるかと思うと、もう（…） と言いつつ、ネイティブチームの中で誰よりも早く帰るのですが ｗ さて、今回は今、僕が携わっている「Couples」 で実際に使っているViewの実装について、じっくり書きたいと思います！ FacebookのタイムラインのようなUIを実装したいと考えている方は必見です！ FacebookタイムラインのUIを再現！ Facebookを筆頭に、タイムラインを使うアプリでよく見かける、このUI。「Couples」でもタイムラインの写真の表示に使っています。 写真が横に並び、両端に前後の写真が少し見えています。ユーザーが何も考えなくても自然にスワイプしたくなる、さりげない心遣いが魅力です。実装目線で細かく見てい
UI/UXデザインに関わるなら見ておくべき記事とスライド5選！！ |
今回はUIやUXに仕事でこれから携わりたい！と思っている人や、仕事で必要だけどイマイチ理解できてない！という人のために良質な記事＆スライドを厳選しました！今回はUIやUXに仕事でこれから携わりたい！と思っている人や、仕事で必要だけどイマイチ理解できてない！という人のために良質な記事＆スライドを厳選しました！ 【UI】「優先順位を決めて、やるべきことを絞る」/河原香奈子氏 >>記事はこちらからどうぞ！ 短めの記事なのですが、STORES.jpがどのようにUI/UXを作り上げてるかが垣間見えます。webサービスを作ってる方は必読だと思います！ とってもわかりやすくて初心者向けな記事だから俺にぴったりだってばよ！ 【UI/UX】「重要なのは、毎日さわって嬉しいUI UX!」 UI＆UX / 重要なのは、毎日さわって嬉しい UI UX! from Akiko Ohtsuka スマホアプリのUI/
UIアイコンの最適化 — 認識速度の向上をめざして | architexture.jp アーキテクスチャ — 情報をデザインする可能性の探求
著者：アラ・コルマトヴァ（Alla Kholmatova） 翻訳者：浅野 紀予 インターフェース上のアイコンを、ただの装飾要素ではなく、その価値を高める要素にするのはどんなポイントでしょうか？ 直感的であること、美的価値があること、記憶しやすいこと、それとも文化の違いを超えて知覚できること？ 効果的なアイコンはそれらの特徴をいくつも持ちあわせていますが、私はあるひとつの尺度に注目したいと思います — それは認識速度、つまりそのアイコンをどれくらいの速さで発見し識別できるか、という尺度です。 単純な暇つぶしアプリなら、認識速度の違いは大した問題ではなく、体験全体を揺るがすほどの影響を与えはしないかもしれません。 でも、複雑なトレーディングアプリでは事情が異なるでしょう。その場合、アイコン表現に求められる要件は、一段とスピード優先の傾向を強めます。個々の要素の処理時間が、インターフェース全体
UX/UI conference tokyo / frog design | Tokyo Graphic Recorder
いつも聞いた内容をアップするだけで精一杯で、自分の思考が残せていないのが残念すぎるので、 今日からは、自分の考えも入れつつレポートしようと思います。 さて、12月１７日は、大学時代の友人で、現在goodpatchのUXデザイナーである田中翔子ちゃんにお誘いを頂き、 「OpenNetworkLab × NTTドコモ・ベンチャーズ 共催 UX/UIのグローバル最新事例セッション！」を聞いてきました。 今回のセッションの目玉は、何と言ってもUI、UXのの分野で世界的に有名なFrog Design社 生でお話が聞ける長時間聞ける貴重な機会ですが、実は結論は始まって1分目に出てた。 「世の中の環境がどんなに変化しても、人間が体験するということは変わらない」 これは、当たり前に聞こえるけど、意外と浸透していない考え方でもある。 と、いうのも今日の朝、「2014年のCESはウェアラブル機器祭り？ 」とい
UI/UXデザインに関わる者なら見ておきたい記事とスライド10選 - Sadakoa.jp-Blog-
2013-11-07 UI/UXデザインに関わる者なら見ておきたい記事とスライド10選 今回はUI/UXデザインについて触れてある記事やスライドで自分が実際に読んで参考になったと思ったものを備忘録としてまとめました。実際にUI/UXデザイナーの人や、僕と同じくUI/UXデザイナーを目指している人、また実際に興味がある人のお役に立てたら幸いです。 記事1 UI/UXの違いについて 5分でわかるUIとUXの違い : Excite Designer's Blog そもそもUIとUXは何が違うのかという事を知らない人もいると思います。 まずはUIとUXの違いについてはっきり知らなければなりません。 記事2 なぜUIとUXがよく混同されてしまうようになったのか UXとUIが混同されるワケ : could UIとUXが混同されてしまう理由について触れてある記事です。 僕も最初はUIとUXを混同
iOS な人が Android アプリを開発するときに気をつけたいこと | SmartNews開発者ブログ
Android の次期バージョン 4.4 の名称が《KitKat》だと発表されました。Android は歴代のバージョンに「アルファベット順のお菓子の名前」を付けていることで有名ですが、今回まさかの企業コラボ。「K」は「Key Lime Pie」になるだろうと言われていたのに、さすがの斜め上です。。 着実に進化を続け、いまやスマートフォンの世界シェアの8割近くを占める[1]ようになった Android ですが、多くのサービスは依然として「iOS ファースト」で開発している[2]ように思います。かくいう SmartNews も、まず iOS版から始まり、Android版が出たのはその数ヶ月後でした。 そういった場合、「iOS を出して、それがうまくいったら、Android にそのまま移植すればいい」というよう考え方をしてしまいがちなのですが、それでは多くの場合よいものになりません。どうしても
スマホUI考（番外編） なぜ機能追加をし続けるとアプリが破綻するのか？ | fladdict
この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を１つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか？本エントリは、「スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 本エントリでは以下の４つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの４つは全て、機能追加が最
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本中の「UI/UX」の参考になるスライド資料を気合いで全部集めました！（たぶん） | BtoBサービスキューレーション Boxil（ボクシル）まとめ！
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
モバイルアプリのUIを処理系統でまとめた『UX Archive』 | 100SHIKI
Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの？〜
GunosyのUIを徹底的に分析してリデザインしてみた
UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ