タグ

UIとstudyに関するhmd703のブックマーク (22)

  • オブジェクト指向のハードコア

    オブジェクト指向のハードコアは2019年5月25日にゼロベースサロンで行われたイベントです。「オブジェクト指向」というキーワードについて、プログラミング、デザイン、哲学などの分野を横断しつつ知的な議論ができました。記録映像は必見。 企画意図/招待状 この研究会の企画意図については、私が送った招待状を見ていただくのが早いでしょう: いくつか異なる分野で「オブジェクト指向」がキーワードとして注目されています。昨年からGUIデザインの分野では「オブジェクト指向ユーザーインターフェイス」(OOUI)の議論がホットです。ソフトウェア開発の分野では、数年前からオブジェクト指向の見直しとしての「ドメイン駆動設計」(DDD)が広まっています(※原著である英語版から日語への翻訳は数年遅れています)。さらには「オブジェクト指向存在論」(OOO)も思想業界でブームになっています。 これはもうオブジェクト指向の

    オブジェクト指向のハードコア
  • UIの使いづらさにイラッとする!これがフォームで使いにくい最悪なユーザインターフェイスだ -User Inyerface

    使いにくいUI、間違いやすいインタラクション、誤解されるデザインパターンを再現したUser Inyerfaceを紹介します。ベルギーの制作会社「Bagaar」による、使いにくい最悪なユーザインターフェイスを楽しむゲームです。 けっこうイラッとするので、心に余裕がある時にお楽しみください。

    UIの使いづらさにイラッとする!これがフォームで使いにくい最悪なユーザインターフェイスだ -User Inyerface
  • Action Sheets - Views - iOS - Human Interface Guidelines - Apple Developer

    An action sheet is a modal view that presents choices related to an action people initiate.

    Action Sheets - Views - iOS - Human Interface Guidelines - Apple Developer
  • オブジェクトベースなUIデザインに取り組むための心構え|usagimaru ⌘ Satori Maru|note

    オブジェクトベースなUIデザインの考え方が近頃注目されてきています。デザイナーとしてこれと向き合うに当たって、私なりに解釈した事柄を記しておこうと思います。 オブジェクトベースのUIとはUIデザインにオブジェクト指向の設計論を導入したものをオブジェクトベースのUI、Object-Oriented User Interfaces= OOUI などと呼ぶようです。オブジェクト指向UI、オブジェクト指向ユーザーインターフェイスと呼ぶこともあるかもしれません。そのほかにも OOUX という表記も見られますが、ここでは一貫した呼び名を定めておきたいため、便宜上 OOUI と呼ぶことにします。 私たちが普段目にするGUIは元来OOUIの思想に基づいていると考えられるのですが、中にはとても機能指向的(タスクベース)な設計で構築されたGUIが多くみられるため、特にオブジェクト指向的であるものを強調・区別す

    オブジェクトベースなUIデザインに取り組むための心構え|usagimaru ⌘ Satori Maru|note
  • UIデザイナーの能力開発ステップと鍛錬方法|たけてつ

    先日、経済産業省・特許庁の「デザイン経営」宣言もあり、デザインの重要性が話題になることが増えました。具体的には組織だったり、評価・報酬だったり、採用・育成だったり、多岐に渡っていると思います。 一方で「デザイナーがいない。」とよく聞きますし「誰かいない?」と相談も頂きます。そして、僕は、デザイナーの人口が増えて活躍することができれば、より良いプロダクトやサービスが溢れ、世の中はより良い方向に変わっていけるのではないか。と考えるようになりました。 では、デザイナー人口を増やすには、微力ながら自分で何かできないか。と考え、いろいろトライ&エラーした結果、同じ思想を持つCocoda!に出会い共感し、アドバイザーというカタチで力添えさせて頂くことになりました。 今回は、Cocoda!チームへの初アドバイスとして、"UIデザイナーになる、もしくは、より良いUIアウトプットできるようになる為には、何

    UIデザイナーの能力開発ステップと鍛錬方法|たけてつ
  • デザイン原則の実践|dely design

    This domain may be for sale!

    デザイン原則の実践|dely design
  • ユーザーインターフェイス解剖学・改訂版(公開版)

    社内イベントで登壇した際のスライドです。「ユーザーインターフェイス解剖学」の改訂版。主に、UIデザインにおいて検討した方がよい/すべき考え方というものを簡単にご紹介しました。

    ユーザーインターフェイス解剖学・改訂版(公開版)
    hmd703
    hmd703 2018/02/16
    よいまとめ
  • デザイナー向け認知科学/認知心理学の入門書 (2020.10.4追加編集)|yoshi_design

    はじめに若手のUIデザイナーから「使いやすいアプリをデザインするために認知心理学を勉強したい。どんなを読んだらいいですか?」と相談を受けたので、いくつか紹介してみます。ちょうど、大学入試センター試験(国語)で「デザイン」や「アフォーダンス」が取り上げられたこともあり、このタイミングで書いてみることにしました。 認知心理学の学問分野は広大ですし、僕は認知心理学者ではありませんので、あくまでも、1)デザイナー向けに、2)仕事に役に立つ、3)入門書、 という観点で選びました(前半の入門編)。 (僕自身は、多摩美術大学の大学院生の時に、須永剛司教授(現・東京藝大)の研究室で、インタフェース・デザインの実践研究をしながら、文献や論文、ゼミの輪読、学会や勉強会などを通じて、認知科学/認知心理学を学び、それがその後のインタラクション研究に続いていきます。) 後半の中級〜上級編には名前がよく出てくる有名

    デザイナー向け認知科学/認知心理学の入門書 (2020.10.4追加編集)|yoshi_design
  • デザインの名著に学ぶUIデザインに関する10のルール

    Ben Shneiderman氏の『Designing the User Interface』とJakob Nielsen氏の『Ten Usability Heuristics』の著書に基づく、インタラクションデザインに関する10個の原則というものがあります。 この原則は、「ヒューリスティック」と呼ばれるもので、経験則による広範なルールであり、特定のユーザビリティに関するガイドラインではありません。 1.一貫性を重視する 同じことを意味する複数の名称や状態があることは、ユーザーにとって好ましくありません。ユーザーの混乱を招かないように、用語と動作を一致させるようにしましょう。相手の驚きを最小限にする「驚き最小の原則(The Principle of Least Surprise)」に留意することが大事です。 アプリ内のすべての要素に一貫性を持たせるようにしましょう。たとえば、同じスタイルの

    デザインの名著に学ぶUIデザインに関する10のルール
  • 大林寛「インターフェース、その混血した言語性」 | ÉKRITS / エクリ

    インターフェースは……道具や機械にあなたの意志を伝えるための言語であるリチャード・ストールマン 主体なき世界のモノたち 「ユーザーインターフェース」や「ヒューマンインターフェース」といった言葉は、人間が主体である前提で使われてきた。対象となるのはモノであり、主体である人間は「インターフェース」を通じてモノをコントロールする。だから人間の目的から、モノのインターフェースが設計される。ここには、人間が主体でありモノが対象で、人間はモノではないという暗黙の了解がある。 この前提条件は、わたしたちの知性を根拠としていた。しかし、知性を判断するのも、また知性である。主体というものは、その知性を越える存在を想定した途端に、あっさりと失われてしまう。人間の主体が奪われるのを、悪夢かディストピアのように感じるとしたら、それは単にわたしたちが今持っている想像力のせいかもしれない。その前に、主体を想定せずにい

    大林寛「インターフェース、その混血した言語性」 | ÉKRITS / エクリ
  • モバイルアプリのUIデザインの参考になるスライド10選

    今回はモバイルアプリのUIデザインをするときに参考になる素晴らしいスライドを紹介します。 モバイルアプリはWebデザインとはまた異なった視点が必要になってきます。モバイルアプリ特有のデザインフローや、プロトタイピング手法について学びたい方におすすめです! アプリUI勉強会 in ネットイヤーグループ

    モバイルアプリのUIデザインの参考になるスライド10選
  • 最前線IT企業のデザイナーたちが参考にしてきた「UI・UXの良書」とは | nanapi [ナナピ]

    便利なシステムを生み出し、ユーザーの感動体験に欠かせない「UI/UX」。デザイナーとしてお勤めの方はもちろんのこと、IT業界に関わっている・関心があるなら積極的に学んでいきたい分野です。 今回話をうかがったのは、人気IT企業におつとめのデザイナーの方々。「UI/UX」について学び考える上で、おすすめの書籍を教えていただきました。 ご回答いただいた企業はこちら 1 グリー株式会社 2 GMOインターネット株式会社 3 GMOペパボ株式会社 4 ピクスタ株式会社 5 株式会社ブラケット 6 ヤフー株式会社 7 株式会社リブセンス グリー株式会社 細川菜々恵さん スマートフォン向けアプリ開発を担うスタジオ「Wright Flyer Studios」にて、Art UI UXチームのUI/UXディレクターを務める細川菜々恵さん(以下、細川さん)。UI/UXを学ぶにあたり、おすすめを教えていただきまし

    最前線IT企業のデザイナーたちが参考にしてきた「UI・UXの良書」とは | nanapi [ナナピ]
  • UI Design Advent Calendar 2015 - Adventar

    UIデザインに関することなら何でもOKです! リサーチ、手法、フロー、イケてるUI、実装、etc...

    UI Design Advent Calendar 2015 - Adventar
  • UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ

    こんにちは。 スマートフォンサイトやアプリにおいて、重要なことの一つであるUI(ユーザーインターフェース)。 また、PC向けサイトでも、よりユーザー目線に立ったUI設計が必要です。 UI設計ひとつで、大きくコンバージョンが上がったり、クリック率の増加が見込めるので、入念に考えなければなりません。 今回は、UIを徹底的に考えるために、UIについて様々な視点から書かれたスライドをご紹介したいと思います。

    UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ
  • iOS 7 Design Resources

    Learn how to design great apps and games that integrate seamlessly witApple platforms. Human Interface Guidelines Learn essential information about platforms, foundations, patterns, components, inputs, and technologies. The HIG offers guidance and best practices for designing exceptional user experiences across all Apple platforms.

    iOS 7 Design Resources
    hmd703
    hmd703 2013/06/11
    あとで読む(必読だろうなこれ…)
  • アイコンのデザインについての考察 by Jon Hicks

    ©Hicksdesign The Icon Handbook Jon Hicksの以下の寄稿がとても参考になったので、The Noun Projectに許可をもらって、日語訳をさせてもらいました。(けっこう意訳です) Insights on Symbol Design, by Jon Hicks あなたが思いついたアイコンをスケッチブックに書き出し、ユーザーにとって判りやすいメタファを考えついた時、どのようにアートワークまで落とし込んでいますか? デザイナーは皆、それぞれ自分なりのドローイングの手法を持っていますが、最良の結果を得る為の、幾つかの重要な要素があります。 アイコンが適用される領域はWebサイトやアプリなど多岐に渡りますが、ピクセルを扱うにせよセンチメートルを扱うにせよ、共通している原理があります。 Size and context 一般的にアイコンは16px、32px、48

    アイコンのデザインについての考察 by Jon Hicks
  • UX/UIデザインガイドライン : 小野和俊のブログ

    このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな?」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M

    UX/UIデザインガイドライン : 小野和俊のブログ
  • Good night, Posterous

    Posterous Spaces is no longer available Thanks to all of my @posterous peeps. Y'all made this a crazy ride and it was an honor and pleasure working with all of y'all. Thanks to all of the users. Thanks to the academy. Nobody will read this.

  • 日本のサイトで使用しているサーチボックスのサイズとボタンの一覧

    「Webサイト価値ランキング 2010」と「Alexa - Top Sites in Japan」から上位30数社のウェブサイトで使用しているサーチボックスのサイズとサーチボタンを調査したので紹介します。 30文字以上(8) 15~29文字(9) 10~14文字(11) 10文字以下(3) 概要 各サイトのサーチボックスにひらがな50音を入力し、キャプチャをとりました。下記の掲載順番は表示文字数の多い順になっています。 サーチボックスはトップページのものを選択していますが、該当しない場合は個人ユーザー向けのページを選択しています。 30文字以上を表示するサーチボックス

    hmd703
    hmd703 2010/09/08
    これはよいまとめ
  • MdN Design|総合情報サイト

    脱メタボなWEBサイトのススメ あれもこれも伝えたい、もっと華やかにしたい。そうしていつの間にか過剰なデザインと情報を詰め込んだサイトになっていないだろうか。余分なものが増えすぎたサイトは、さまざまな弊害を起してしまう。この特集では、サイトの余剰部分を見極め、シェイプアップさせる方法を紹介していく。

    MdN Design|総合情報サイト