[B! UI] manji6のブックマーク

manji6 id:manji6

UIに関するmanji6のブックマーク (29)

事例紹介 | 株式会社インフォバーン
manji6 2013/05/09
スマートフォン

UI
リンク
これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編） | Goodpatch Blog
先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに！まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。そもそもUIとは何か UIの話というと多くの人がビジュアルデザインの話をしますが、そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。人がコンピュータと関わるとき、そこには必ずインプットとアウトプットがあります。その中で
manji6 2013/04/22
すごく同感。もうもはやデザインカンプで表現できる領域を超えてきてるから、プロトタイプレベルで議論したほうが早いよ。

webデザイン

UI
リンク
クックパッドのUI設計の秘訣は仮説思考にあった！ - UX-design
2013-04-11 クックパッドのUI設計の秘訣は仮説思考にあった！クックパッドと言えばRubyの匠として有名ですが、どうやらUX / UIに関してもめちゃくちゃ力を入れているようで、﹁こりゃ調べるっきゃねぇ！﹂と思い立ったが吉日。ググってるとこんな記事︵︻インタビュー︼クックパッドのUIデザイナー‥﹁エンジニアの仕事が0を1にする仕事なら、デザインは1を100にする仕事﹂︶に出会うことができたので、この記事の中からエッセンスを読み取ってまとめてみました！こんな人に読んでほしい！・他社はUI設計をどうやってるんだろう？と気になっている方・自社のUI設計を見直したいと考えている方仮説思考とはそもそも仮説思考ってなんやねん！っておっしゃる方もいらっしゃいますでしょうから、少しばかり仮説思考についてお話させて頂きます。仮説思考とはズバリ、”︵精度の高い︶思い込み”です。﹁もし
manji6 2013/04/15
UI

Webデザイン

UX
リンク
これからのWeb制作に使える、面白いUIを実装できるjQuery・CSS集
Fancy Inputテキスト入力時にアニメーシ... / Hook.js下にひっぱるとリロードするjQue... / Kontext CSS3を使った3Dなページ切り...他...全17件
manji6 2013/03/05
css3

アニメーション

jQuery

UI
リンク
UIデザインの参考になるサイトまとめ | ナナメウエblog
毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日本版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI– mobile uipatterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins
manji6 2013/01/24
UI

Webデザイン
リンク
Little Big Details
Twitter — When you lose your internet connectivity, you’ll get an option to copy the text that you’ve typed to DM someone on Twitter.
manji6 2012/11/12
webデザイン

UI

インターフェース
リンク
様々なイケてるUIを参考にできるサイト | バシャログ。
足掛け2年、全ての関連作品を見てからアベンジャーズを見て最高に盛り上がったminamiです。 Webデザインの中でもサイトのUIデザインは近年重要性を増していると思いますが、デザインする際のインスピレーションを受けられるサイトをご紹介します。 UIPatterns UIPatterns User Interface Patter Libraryというサイト名通り、UIが体系的にまとめられ解説されています。﹁Design patterns﹂ではそれぞれのUIに対して、どういう問題を解決してくれるものなのかの詳細な解説があるので、普段なんとなく使っているUIを基礎から勉強し直せます。 uiparade. uiparade. UIを種類別に集めたサイト。なかなか洗練されたものが集まってますね。 PATTERN TAP PATTERN TAP 良さ気なUIのスクリーンショットが集まるサイト
manji6 2012/09/11
webデザイン

UI

mobile

smartphone
リンク
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。
manji6 2012/09/07
あー誰かに読んでもらいたい・・・。こういうサービス開発に携わりたい。

UX

UI

デザイン

web制作
リンク
最良のインターフェイスとはインターフェイスを持たないことだ - Nothing ventured, nothing gained.
Visual Basicの父とも言われるAlan Cooperが立ち上げたCooperに所属するGolden Krishnaが数日前に書いたブログ記事が面白いので、ざっと抄訳してみた。 "The best interface is no interface"と題されたこの記事の中で、彼は﹁最良のインターフェイスとはインターフェイスを持たないことだ﹂と主張する。インターフェイス前提の社会 AppleのLisaは、DOSのようなCUI︵キャラクターユーザーインターフェイス︶から、GUIの世界にデザインを一変させた。そして、Palm Pilotから現在に至る情報機器はマウスさえ必要なく、タッチで操作できる世界を実現させた。この流れが現在のデザインの問題をすべて解決することになった。では、良い自動車を作るにはどうするだろう？そうだ、インターフェイスをそこに載せよう*1。良い冷蔵庫を作るには
manji6 2012/09/03
インターフェイス

デザイン

UI
リンク
実例とユーザーテストからわかってきたよりよいUIのデザインとUXの条件
UIデザインとはユーザの使い易さ、分かり易さ、快適さから情報機器やWEBなどを設計をしていくことを言いますが、ハンゲームを運営するNHN Japan株式会社の此川祐樹さんが、ゲームにUIデザインを取り入れて、よりゲームを面白くするという取り組みについて語りました。ユーザの行動から学ぶゲーム UIデザイン NHN Japan株式会社クリエイティブマーケティングセンターマーケティングデザイン室/UXデザインチームの此川祐樹と申します。よろしくお願いします。ユーザの行動から学ぶゲーム UIデザインについて発表させていただきます。私は2011年に弊社に入社しましてUXデザイナーとしてWEBサービスをデザインしてまいりました。2012年からは主にスマートフォンアプリやゲームに関するUXを行っております。弊社のサービスについて紹介させていただきます。主要4ブランドサービスを展開していまして、左からオ
manji6 2012/08/30
UX

UI

デザイン

Webデザイン
リンク
Finger-Friendly Design: Ideal Mobile Touch Target Sizes
In darts, the bulls-eye is harder to hit than any other part of the dartboard. This is because the bullseye is the smallest target. The same principle also applies to touch targets on mobile devices. Smaller touch targets are harder for users to hit than larger ones. When you’re designing mobile interfaces, it’s best to make your targets big so that they’re easy for users to tap. But exactly how b
manji6 2012/08/22
mobile

スマートフォン

UI
リンク
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。
manji6 2012/08/08
UI

UX

デザイン
リンク
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design probl ems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
manji6 2012/08/07
webデザイン

UI
リンク
STARTATD
STARTATD
manji6 2012/07/31
UI
リンク
デオシークの口コミや効果を検証！ワキガの私が使い込んでみました！ | 愛と小町
デオシークの特徴加齢臭も撃退強烈な足のニオイも撃退ワキ、足など全身のニオイをシャットアウトデオシークは厚生労働省が認可した医薬部外品で、殺菌効果や消臭効果がきちんと認められた有効成分が配合されている商品です。市販されているデオドラントクリームと比べると、医薬部外品は入っている成分が違いますので、消臭効果が高いです。デオシークは、デオドラントクリーム単品でも消臭効果が期待できますが、ボディソープとのセットを使用することでさらなる消臭効果が期待できます。ワキガや加齢臭などのような頑固な臭いによる悩みは深いですが、デオシークによって悩みから解放される人が増えています。博士有効成分は消臭効果や殺菌効果が認められている成分なんだ頑固な臭いはデオシークで一発なんだもう怖くないんだ価格 3,380円（定期コース） 6,980円（単品購入）有効成分パラフェノールスルホン酸亜鉛、イ
manji6 2012/07/31
UX

UI

webデザイン
リンク
クックパッド流UIの作り方 - takeshi nagayama's blog
なんか突然東京行きたくなったので、ひょひょいと行ってきた。たまたま立ち寄ったクックパッドっていう会社でクックパッド流UIの作り方という勉強会してたので、偶然持ち合わせていたはてなステッカー渡したりおいしい料理いただいたりした。 UI/UXのためのSass 池田さん / サービスデザイン部 Sass / Haml (エンジニア・デザイナー問わずに) Github デザイナーもpull req 一つのサービスを複数チームで開発各デバイスで速いサイクルでの開発 Sassとは → ぐぐれ全体のデザインを束ねる → デザインガイドラインガイドライン Sassで統一的なものを提供する画像を使わずにCSSでデザインするメリット mixinをつかって統一できる画像編集がいらないプロパティの変更によってデザインに幅をもたせる事ができる mixinの中身は応用がきくような仕組みにしておく検証を
manji6 2012/07/27
ui

デザイン

ガイドライン
リンク
UXデザイナー(User Experience Designer)は本当に必要なのか？ / Maka-Veli .com
※超今更です。今更UXかよと言われそうで恥ずかしいんですが、まだまだUIとUXが混同されがちだなーというのと、じゃあUXって必要なのかよ？というモヤモヤを整理したいなと思い書きました。 UXデザインとはまず前提ですが、UX(User Experience)デザインとは、ユーザーエクスペリエンス︵UXと略記されることが多い︶とは、ユーザーがある製品やシステムを使ったときに得られる経験や満足など全体を指す用語である。ウェブ上での商品販売などソフトウェアやビジネスに関連して使われることが多いが、インタラクションデザイン全般に適用される概念である。例えば自動音声応答装置は貧しいユーザーエクスペリエンスをもたらすデザインとしてよく引き合いに出される。VIA:Wikipedia と、あります。ユーザーエクスペリエンス＝直訳するとユーザーの経験・体験と翻訳されますが、ユーザーが満足するかしな
manji6 2012/06/08
web制作

ユーザビリティ

ux

ui
リンク
社内ユーザテスト勉強会のスライドを公開します - Hatena Developer Blog
こんにちは、id:uedayです。 5/22にはてな社内でユーザテストについての勉強会を実施しました。良いユーザ体験には、ユーザが迷わず快適に操作できるインタフェースが不可欠です。ユーザビリティを評価する方法としてユーザテストがありますが、はてなブログチームでは、「アジャイル・ユーザビリティ―ユーザエクスペリエンスのためのDIYテスティング―」という本を参考に、社内でユーザテストを行っています。今回の勉強会は導入編として、ユーザテストのメリットや事例など基礎的なことを解説したスライドを発表しました。ご興味のある方はご覧ください。ユーザテスト社内勉強会 View more presentations from ueday_h アジャイル・ユーザビリティ ―ユーザエクスペリエンスのためのDIYテスティング― 作者: 樽本徹也出版社/メーカー: オーム社発売日: 2012/02/23メ
manji6 2012/05/25
ユーザビリティ

UI
リンク
シリコンバレーで聞いたデザインが美しいWebサービス／アプリ15選 - パパパパ
このブログは、僕がこれまでWebサービスをいくつか作ってきて、失敗したり成功したり色々体験していることをまとめています。シリコンバレーに来て45日が経ちました。今日はいつもと趣向を変えて、こちらで聞いた、デザインやUI/UXが美しいWebサービスやアプリの一部を紹介してみたいと思います。 Chill http://chill.com/ デザインのイケてるサービスを聞くと、かなりの確率でこのサービスの名前が挙がりました。動画の上に投稿者のプロフィール画像が円形に表示されているのが素敵です。詳細ページの﹁Thoughts?﹂ボタンの動きが秀逸。色々参考になるサイトだと思います。 ChillのようにPinterest風デザインは、今まさにトレンドのようで、教えてもらったサイトの中でも本家に負けず劣らずのデザイン性を持ったサービスも多いです。女性ウケが良いことと、画像をファーストビューでたくさん
manji6 2012/05/14
webデザイン

UI

UX
リンク
ソシオメディア
ソシオメディアは各種ビジネス向けデジタルプロダクトのデザイン支援を行うデザインコンサルティング会社です。業界をリードするOOUI︵オブジェクト指向ユーザーインターフェース︶設計、独自ガイドラインをもとにしたエクスパートレビュー、クリエイティブ組織を構築するデザインマネジメント支援など、様々な角度から御社のデザイン戦略をサポートし、デジタルトランスフォーメーションを実現します。もっと読む多くの方からご要望をいただいておりましたOOUI メソッドの解説書﹃オブジェクト指向UIデザイン ― 使いやすいソフトウェアの原理﹄が、2020年6月5日、技術評論社より遂に出版されました。オブジェクト指向ユーザーインターフェース︵OOUI︶とは、オブジェクト︵もの、名詞︶を起点としてUIを設計すること。タスク︵やること、動詞︶を起点としたUIに比べて劇的に使いやすくなり、開発効率も向上します。ブ
manji6 2012/05/08
webデザイン

web制作

ユーザビリティ

ui
リンク
1 2 次のページ