インターフェイスデザインとの向き合い方（公開版）/ How to face interface design - Speaker Deck

2019/12/12 10 users Speaker Deck 向き合い方 公開版

Goodpatch Engineer Meetup Vol.5 で登壇した際のスライドです。iOS Developerだった者がどのようにしてUIデザイナーとして取り組んでいったのか、Interface Architectの動き方や自己の紹介を兼ねながら、エンジニアリングの発想を活かすUI設計の観点を簡単にお話しいたしました。 https://goodpatch.connpass.com/event... 続きを読む

Webサイト・スマホアプリ制作に使用する、2017年に人気が高かったデザインツールの調査結果 | コリス

2018/01/31 53 users コリス プロトタイピング ブレインストーミング デザイナー

2017年、デザイナーに人気だったデザインツール、プレインストーミング・アイデアのツール、ワイヤーフレームやインターフェイスデザインのツール、プロトタイピングのツール、ファイル管理とバージョン管理ツール、そして2018年に注目しておきたいデザインツールを紹介します。 Design Tools Survey by Taylor Uxtools.co の 元記事 は英語で読むことができます。 下記は各... 続きを読む

2017年に注目されたインターフェイスデザインのトレンドを解説 | コリス

2018/01/09 72 users ユーザーフレンドリー コリス 各ポイン トレンド スマホアプリ

2017年はインターフェイスデザインにとって多様性の一年でした。中でもユーザーフレンドリーに注目された年と言えるでしょう。 2018年これからのWebサイト、スマホアプリのデザインで押さえておきたいインターフェイスデザインのトレンドを紹介します。 Review of Popular Interface Design Trends in 2017 by Marina Yalanska 下記は各ポイン... 続きを読む

ポスト人間中心時代の理性によるデザイン / 久保田 晃弘 | ÉKRITS / エクリ

2017/06/27 26 users エクリ KRITS 久保田 フツウ 理性

インターフェイスデザインをめぐる思考実験 2015年の11月に日本語版が出版された『スペキュラティヴ・デザイン』の冒頭には、著者のアンソニー・ダンとフィオナ・レイビーのデザイン宣言ともいえる「A/B」の表が掲げられている。ここで「A」というのは、ふつう理解されている肯定的なデザイン。「B」というのは、彼らが実践しているところのデザインである。 「B」のふつう理解されている肯定的なデザインというのは... 続きを読む

Shneiderman氏の「インターフェイスデザインの８つの黄金律」とは | UX MILK

2017/05/23 78 users ストラテジスト UXリサーチャー Microsoft 黄金律

EuphemiaはThe Interaction Design FoundationのUXリサーチャー、デザイナー、そしてストラテジストです。 生産的でストレスのない、優れたUIをデザインしたいなら、Ben Shneiderman氏の「インターフェイスデザインの８つの黄金律」に従いましょう。Apple、Google、Microsoftは、Shneiderman氏のルールに沿った製品によって、大成功... 続きを読む

ユーザインターフェイスのデザインのヒント - Apple Developer

2016/07/25 483 users ユーザインターフェイス iOS アプリケーション ヒント 考慮

iOS ではユーザインターフェイスのデザインがさらに洗練されており、魅力的で独特なユーザ環境を構築できる開発環境が準備されています。コードを記述する前に以下の共通デザインコンセプトを考慮に入れることで、アプリケーションの使いやすさや魅力を高めることができます。 iOSヒューマンインターフェイスガイドライン には、優れたインターフェイスデザインのための提案が詳しく紹介されています。 続きを読む

はてなブログに動画のようなページシークバーを設置するカスタマイズ - 太陽がまぶしかったから

2015/07/17 16 users カスタマイズ 太陽 ブログカスタマイズ 動画 はてなブログ

2015-07-18 はてなブログに動画のようなページシークバーを設置するカスタマイズ プログラミング プログラミング-はてなブログカスタマイズ ページシークバーの作成 長々と縦にスクロールされていく長文記事を読んでいると、以下のようなことを思う事があります。 どこまで読み終わったのかを把握したい 前の段落まで一気に戻りたい それらの要件が解決できるインターフェイスデザインを考えていて、動画再生時... 続きを読む

素晴らしいディテールを備えたインターフェイスデザインのまとめ -Little Big Details | コリス

2012/11/12 58 users インタラクション ユーザーインターフェイス ウェブページ

いつも見ているあのウェブページやアプリのユーザーインターフェイスが備えている素晴らしいディテールに注目し、コレクションしているブログを紹介します。 Little Big Details ブログでは週に1, 2のペースで更新されており、最近のディテールからいくつかチェックしたものを紹介します。 iOS Mail メールのインタラクションを紙飛行機に例えているのがかわいいですね。 Google Fli... 続きを読む

インターフェイスデザインが素晴らしいiPhoneアプリをカテゴリ別・UIパターン別で見られるギャラリー -MobileMozaic | コリス

2012/10/21 427 users コリス ギャラリー カテゴリ別

Archive by month 2012年10月 (41) 2012年9月 (49) 2012年8月 (59) 2012年7月 (65) 2012年6月 (57) 2012年5月 (37) 2012年4月 (40) 2012年3月 (39) 2012年2月 (41) 2012年1月 (32) 2011年12月 (37) 2011年11月 (40) 2011年10月 (45) 2011年9月 (5... 続きを読む

おすすめのデザイン本「ウェブデザインのつくり方、インターフェイスデザインの考え方。」: DesignWorks

2011/09/10 70 users DesignWorks ウェブデザイン 紙面デザイン 毎回

毎回、注目のデザイン書籍や写真集、おすすめの本を紹介します。 今回は、おすすめのデザイン本「ウェブデザインのつくり方、インターフェイスデザインの考え方。」です。 web・スマートフォンデザイン制作の現場で役に立つ、デザインの技法39種を詳しく紹介した一冊です。 詳しくは以下 紙面デザインの世界とはまた違った個性を持つ、web・スマートフォンデザインの分野で使用される技術・デザインを行うためのコツを... 続きを読む

最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン | コリス

2011/06/06 733 users コリス テクスチャ Photoshop チュートリアル 背景

ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景を... 続きを読む