Framer is a popular web design tool known for its drag-and-drop canvas interface that allows designers to visually structure their…
GUI デザインをする上で考えていることStocker.jp さんのところで [連載]Webデザイン入門(3:光とボタン) というWebデザイン初学者向けの連載が行われているのだけど,それに触発されて「自分だったら (こうする/こうしてる)」というのを実例を持って書いてみる. ここでいう UIデザインは GUI のスタイリングであって,実際にはデザインと呼ぶには領域が挟すぎるのだけど,おそらく多くの人が認識している"デザイン"と呼ぶものに合わせる.実際には DBモデル, API設計, URI設計, CallbackFunction まで実装して,はじめてデザインと呼べるものだと思う サマリー機能について把握すること 機能の記号化(ピクトグラム) ・ そのシルエットのデザイン 「押せそうな」アフォーダンス・「明暗」と「光沢」「質感」を切り離して考える 「押せそうな」アフォーダンス・「明暗」の
Tweet 『fastcodesign.com』に見ているだけで楽しくなる記事が出ていたのでご紹介。 2010年に出てきたプロダクトのうち、インターフェイスのデザインが素晴らしかったものを12個ほどピックアップしてくれています。 以下、ちょっとづつ解説をば。 1. FLUD まず1番最初に紹介されていたのは、iPhoneアプリ、『FLUD』。素晴らしくデザインされたRSSリーダーアプリです。アイコンもイケてます。 2. Cortex 『Cortex』はChromeで機能するExtension。Facebook, Twitter, Tumblr, or Instapaperにマウスジェスチャーだけで瞬時に投稿できるスグレモノです。 3. IOBR 『IOBR』は幼児のためのソーシャルメディア。(というよりはコミュニケーションツールですが。)幼児は上のように、ボックスに三角や四角のブロックを入
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 昨日は、新宿ピカデリーのサイン計画などを手がけたことで知られる早川克美さんの「情報コミュニケーション環境のデザイン」(Ustreamログ)というトークイベントに参加させていただきました。 自分でセミナーでお話させていただく機会はたびたびあるものの、他の方の講演を聞くことがほとんどない僕にしては、こうしたイベントに出向くこと自体、とてもめずらしいことなのですが、参加した価値があった!と思わせてくれる楽しい時間をすごさせていただきました。 早川さんとは昨年からTwitterで何度かやりとりをさせていただいていたり、今年のはじめにお会いしてお話をさせていただいたりする中で、とても共感する部分が多いので、今回はぜひ話を聞いてみたいと思って参加させてもらったのですが、あらためて早川さ
Do you suspect a programmer may have put together the terrible user interface on that “enterprise” software you’re forced to use every day? There are some give-away indicators. Look out for them in your software, hunt down the developer and force them to read a book about user interface design. If you’re suitably senior, force them to a) improve it, or even better b) get someone with real UI exper
仲里淳 2009/9/11 ※ トリックスター……この連載でのトリックスターのイメージは、相反する2つの者同士が、別個に機能する共同体をつなぐ役目を果たす人。閉鎖的な空間に風穴を開けて風通しを良くする人。エンジニアとコーダー、デザイナの機能システムが組み合わさった緩やかな共同体を創造する人たちです。 WebサイトのUIデザインを効率的に進める「プロトタイピング」が注目されている。この手法に積極的に取り組むビジネス・アーキテクツの伊原力也氏に、実践する際のポイントについて聞いた 悩みの種は納品後に発生するUIデザインの修正 RIA/リッチクライアントに限らず、納品後にUI(ユーザーインターフェイス)に対して「使いにくい、分かりにくい」「やっぱり画面にアレが欲しいな」といった意見がクライアントから出ることは少なくない。こういったUIトラブルを減らす有効な手段として「プロトタイピング」が注目を集
あたらしく勉強会のシリーズをはじめようという話があります。インターフェースやデザイン、そしてその周辺の知識をみていこうということになっています。図にすると、このあたりです。 つくりたいモノがあって、つくれる技術がある。これをどうやって結びつければ、使って楽しいものができるのかを学んでいこうとおもっています。 具体的には、以下内容を検討しています。 輪読 認知心理学 / アフォーダンス / 錯覚 / インターフェース / デザイン観察 ゲーム / アニメーション / 印刷物 / 製品 / 街演習 再デザイン / プログラミング / 実験デモ / プレゼンテーションライトニングトーク / ハック紹介 / ユーザーテストトピック 最近の記事 / OST 普通の勉強会は、一人ぐらい詳しい人がいるものですが今回はいません。僕らは、今までの自分たちの知識マップの外へ出ようとしていて、すべてが手探りの状
Book Contents This book presents the state of the art of search interface design, based on both academic research and deployment in commercial systems. "This will be seen as a transformational book -- one that synthesized a new, coherent discipline of human information interaction out of literature and experience scattered across many fields." - Dr. Stuart Card "[H]igh praise ... Apart from being
『モノの使いやすさとデザインの心理』 東京都立晴海総合高等学校 第2期生(97年度生) 渡辺恵太 ■この課題研究について 1. 序文 はじめに 研究領域 2.インターフェイス インターフェイスとは インターフェイスの重要性と目的
どうしたらユーザーに使ってもらいやすいかなと悩む事があります。 そんなときの為のネタをメモしておきます。 ▼Yahoo's Design Stencil Kit http://developer.yahoo.com/ypatterns/wireframes/ ・GUIの設計に必要なものがほとんど揃っている。 カレンダー、カーソル、グラフや表、UIコントロール フォーム要素、グリッド、メニューやボタン、モバイル用UI iPhone用UI、ナビゲーション、タブなど ファイル形式は、OmniGraffle 、Visio (XML)、PDFファイル 、 PNG形式 、SVG の形式で配布されている。 ※OmniGraffle ってなに?って方はこちらを参照。 ※Visioってなに?って方はこちらを参照。 ▼Web Form Elements http://sniperyu.deviantart
ユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快であるというのは、最も重量な要素です。 ユーザインターフェイスデザインの目的は、ユーザーに意味と機能を伝え、利用するアプリケーションと相互につきあえるようにすることです。そのアプリケーションがどのように機能するのか、どこに進むべきか理解することができない時は、ユーザーは困惑しが
UIUXガイドライン UIデザインガイドラインのまとめ デザインガイドラインは、実際同じようなガイドラインを作るときだけでなく、UIデザインを考える際にも役立つ貴重な資料です。今まで個別で紹介したことはありますが、今回は一挙にまとめてリストアップしてみました。 Introduction to Apple Human Interface Guidelines 個人的に UI デザインガイドラインといえばこれ。日本語訳も大変便利です Apple User Experience Guides ソフトウェア開発向けですが、イントロダクションあたりは参考になります iPhones Human Interface Guidelines 会員登録すると見れる PDF 資料ですが、上記のリンクからブラウザ上で観覧することが出来ます Windows User Experience Interaction G
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く