Introducing Ballpark - Simple surveys and user testing for prototypes
POP by Marvel - Turn sketches into iOS and Android prototypes
Introducing Ballpark - Simple surveys and user testing for prototypes
言葉も重要なUIの要素！言葉で高めるUIデザイン
はじめまして！ 株式会社Fablic で バイクフリマアプリ “RIDE” の、アートディレクション・UIデザインをしている わりえもん (@wariemon) と申します！この記事を読んでくださりありがとうございます！ UIにおける言葉の重要性 みなさん、アプリのデザインをする際にどのような箇所に気をつけていますか？ 情報整理・UI・ビジュアル・アニメーションなど、気にかけることは非常に多いのですが、アプリ内で使われる「言葉」も、情報を伝える上で非常に重要な要素です。 今回は、言葉に注目して、アプリをより魅力的に見せている例とポイントを紹介していきます。 先日リリースしたRIDEでも、実際に取り入れている部分もありますので、実践例の一つとしてお話します。 アップデート文言 タスク管理ツール “Wunderlist” や、Tumblrクライアントソフト “tumblrtext fot tu
エウレカ&グッドパッチのデザイナーに聞くワイヤーフレームの作りかた！ | Goodpatch Blog
先日、エウレカさんとグッドパッチのデザイナーで第一回合同勉強会を開催しました。今回のテーマはワイヤーフレームです。この勉強会は、ワークショップを通してナレッジの共有をし合い、個々のデザイナースキルを上げる目的があります。エウレカさんのレポートはこちらです。合わせてご覧ください！ １.ワイヤーフレームを作る意味とは ワイヤーフレームを作る意味についてお話をしてくれたのは、エウレカ原さんです。案件を進めるときにまずすること、ワイヤーフレームはなぜ必要か、ワイヤーフレーム制作で意識するポイントについて解説していただきました。 ワイヤーフレームを書く前に 案件を進めるとき、まずすべきことはプロダクトの目的とゴールの再確認です。 最終的に作っているものの方向性を見失わないようにするために、 何が目的でそれを実装するのか？ なんで必要なのか？ それを作ることによって何を解決するのか? を考える必要があ
エスノグラフィ - フィールド情報学
5.1エスノグラフィとは 5.1.1 エスノグラフィの定義 5.1.2 情報学におけるエスノグラフィへのニーズ 5.2エスノグラフィのプロセス 5.2.1 問いの設定 / フィールドへの参入 5.2.2 データの収集方法 5.2.3 データの分析方法 5.2.4 成果をまとめる 5.3エスノグラフィの事例 近年，急速な技術革新により開発された人工物（情報機器など）がさまざまなフィールドに導入され， フィールドの人々の活動に変化を生じさせている．今や，人々はさまざまなフィールドで人工物を利用し， また，人工物から影響を受けながら活動している．そこでは情報機器などの人工物と人間の関係，あるいは そうした人工物を媒介した人間と人間の関係が問題となる．そうしたフィールドにおける人々の行為や 振る舞いが人工物や他の人々と複雑に絡み合いながら相互的に構成されている様子を記述しモデル化する 手法としてエ
UI GRAPHICS 世界の成功事例から学ぶ、スマホ以降のインターフェイスデザイン
使いやすいけど、かっこわるい？ かっこいいけど、使いづらい？ 両立に悩むあなたのデザインを進化させる一冊。 ──スマートフォンの登場がすべてを変えてしまった。...今は、インターフェイスが私たちに最も近くなった時代なのである。...この領域には、デザインからエンジニアリングまで含めるとほとんど無限の可能性が眠っている。（序文より） フラットデザイン以降のデザインマナーに対応したベストプラクティス集。広がるデバイス、ウェブ、アプリ、PCからウェアラブルまで、変化する環境と、その背後で生まれつつある新しいデザイン思想を、豊富なビジュアルと最新のインターフェイス論で捉えます。世界の優れた事例を「見る」、実践者および研究者の優れた知見から「学ぶ」、ひとつの視点に留まることなくビジュアルと理論を「知る」ことで、手を動かし考え進める助けになる、今までになかったUIデザインの本。 インタビュー：中村 勇
WCAG 2.0
【注意】 この文書は、2008 年 12 月 11 日付の W3C 勧告「WCAG 2.0」 (原文は英語)を、情報通信アクセス協議会の「ウェブアクセシビリティ基盤委員会 (WAIC)」が翻訳と修正をおこなって公開しているものです。この文書の正式版は、あくまで W3C のサイト内にある英語版であり、この文書には翻訳上の間違い、あるいは不適切な表現が含まれている可能性がありますのでご注意ください。 【注意】この文書にはより新しいバージョンが存在します: Web Content Accessibility Guidelines (WCAG) 2.1 W3C 勧告 2008 年 12 月 11 日このバージョン: http://www.w3.org/TR/2008/REC-WCAG20-20081211/ 最新バージョン:http://www.w3.org/TR/WCAG20/前のバージョン:
ユーザーテストサービスのUIscope | UIscope
ユーザーがどのようにサービスを使っているのか。 利用シーンが最短1日で届く、 ユーザーテストサービス。 いますぐ無料で試してみる UIscope とは？ 「高品質なユーザーテストを 最も安く・早く・簡単に」 ユーザーがサービスを使っている様子を 動画形式でお届けする、 ユーザーテストサービスです。 ユーザーテストとは
DISられないUIを作るために最低限守るべき5つの鉄則 - たごもりすメモ
ぼくらが迂闊にUIを作ると、そこにはユーザの正直な目線があり、非常に様々な、そして真っ当な反応がある。 曰く「わからん」「まさかそこをクリックするとは」「不思議な動作」「独自宇宙」「モリスUI」。 反応がもらえるのは非常に良いことだが、何度も何度も繰り返しているとつらくなってくるので、できれば避けたい。分かっている(いた)ことは最初から対応しておきたいものだ。*1 ということで、ここではブラウザで操作する管理画面等のWebUIを作るとき、真っ先に心得ておくべき5つの鉄則を紹介したい。これを守っていてもDISられなくなるというわけではないが、これを守らないと間違いなくDISられるので注意しよう。 なおこの記事ではオリジナリティというものについては考慮しない。オリジナリティとか犬に食わせろ。 クリックできる場所はcursor:pointerを指定しろ これを忘れるとこの世のものとは思えないくら
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を混同
UIデザインの参考になるサイトまとめ | ナナメウエblog
毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日本版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI – mobile ui patterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Proto.io - Prototyping for all
The Elements of User Experience by Jesse James Garrett
【永久保存版】エンジニア・デザイナー必見！「UI/UX」の基礎が学べるSlideshare30選
Coursera
オリーブネット株式会社
Standard Inc. アプリやWebサービスのUXデザイン会社
Iconic
ウェブやモバイルの次のプロジェクトの参考にしたい、わくわくするUI/UXデザインのまとめ | コリス