タグ

UIに関するcurionのブックマーク (19)

  • Loading...

  • 営業・運用を支える "気付ける" 管理画面

    広告が邪魔なのでspeakderdeckにも上げました https://speakerdeck.com/brtriver/ying-ye-yun-yong-wozhi-eru-qi-fu-keru-guan-li-hua-mian 動画: https://youtu.be/CqMILKp3Ens?t=3h53m39s PHPカンファレンス2015での講演資料。 データを管理するだけが管理画面じゃない。サービスの質を向上させていくことができる最強の管理画面を開発運用していて意識していることを4つの工夫を軸にまとめています joind.in: https://joind.in/15322Read less

    営業・運用を支える "気付ける" 管理画面
  • UIコンポーネント集 Qiita:Coat - ✘╹◡╹✘

    LTを聞いているという感覚でご覧ください。 Qiita:Coat Qiita用のUIコンポーネント集 GitHub用のUIコンポーネント集をForkしてつくりはじめた レポジトリ: https://github.com/increments/qiita-coat デモサイト: http://increments.github.io/qiita-coat/ 今週月曜からやってる これはcommit数 Qiita:Coatが必要に感じた背景 全ての開発者に共通する願い 高速に開発したい 秩序がほしい (a.k.a. 最低限度の品質の保証) 開発体制の情勢に起因する理由 開発人数が徐々に増えつつある 社員11人+アルバイト3人 四半期に1人ぐらい増えてる 50人が51人になるとかならともかく、5人が6人とかになると大きく変わる その他の理由 サポートサイトや採用サイトなどQiita風のデザインを

    UIコンポーネント集 Qiita:Coat - ✘╹◡╹✘
  • 『「AWA」のデザインはどのようにして作られたのか。』

    こんにちは。 AWAでアートディレクション/デザイン/ブランディングを担当しているムロハシと申します。 今回はAWAのUIデザイン、インタラクションがどのようにしてつくられたのか、 先日行った「 メディアプロデューサー養成講座」の講義内容をベースに、 簡単ではありますが書いていきたいと思います。 「AWA」とは? AWAとは、ひとことで言うと 「登録なしですぐに音楽が聴ける定額制の音楽配信アプリ」です。 サービスの特徴として第一にあげられるのは、 ・好きなアーティストを聴くだけでなく「プレイリスト」を軸に、自分の好みにあった音楽が「リコメンド」されること リコメンドを通じて「昔好きだったあの曲」や「まだ知らなかったけど好きな曲」を一人ひとりにパーソナライズしてお届けしています。 そのほかの詳しい説明は プレスリリースをご覧いただければと思います。 インタラクションモックの重要性 AWAの初

    『「AWA」のデザインはどのようにして作られたのか。』
  • 全てのUIは消耗品である、とりあえず今のところ

    全てのUIは消耗品である、とりあえず今のところ Any UIs are consumable , for the time being 2015.04.08 Updated by Ryo Shimizu on April 8, 2015, 08:29 am JST Windows10は成功すると思います。 Windows8の惨めな敗北を挽回し、再びMicrosoftが地上の王者たる地位を取り戻すきっかけになるでしょう。 Microsoftというのは思えばとても幸運な会社です。 失敗しても、挽回するチャンスが幾度もあります。 たとえば誰にも見向きされなかったWindows1.0とWindows2.0、使い辛かったWindows Vista、そして今回のWindows8。 にもかかわらず、Microsoftがユーザから支持され続けるのは常にユーザに沿おうと努力し続けているからです。 失敗したら

  • UXとブランド

    31. 企業の提供価値はモノから経験へ インターブランド社「2013年グローバル企業ブランド価値トップ20」のブランドステートメント 1. この色は、あなたです。 2. 世界中の情報を整理し、世界中の人がアクセスできて使え るようにする。 3. サステイナビリティーは、ビジネスの基盤。 4. SmarterPlanet 地球をより賢く、よりスマートに。 5. 世界中の人々とビジネスの持つ可能性を最大限に引き出す。 6. 航空は新しい時代へ。 7. お客さまにとって「お気に入りの事の場とスタイルであ り続けること」。 8. 日常のことが、もっと便利に、もっと楽しく。 9. 世界を変えるインテルのイノベーション。 10. SmartMobilitySociety 11. コンパクトの歓びに、革新を。 12. 疾走する、美しき存在。 13. GameChanger-勝負の流れを変える力。 14

    UXとブランド
  • エンジニアのためのUIデザイン

    エンジニアでも使えるデザインの理論とテクニック

    エンジニアのためのUIデザイン
    curion
    curion 2015/04/05
    よい
  • エンジニアがデザインに取り組んでわかったこと

    最近、いくつかのデザインに取り組んでわかったことがあるので、書いておこうと思う。 ぼくは2,3年前にこの業界に入ってからずーっとフロントの実装畑でやってきた。 それは自分の意図していたものではなかったけど、前職のまぼろしという会社は実装が強みの会社だったので、デザインに触れることはほぼほぼなかった。 それもあってか、ぼくは「もうちょっとコストを考慮してほしい」「このあしらいが一体ユーザーにいくらのお金を落とさせるんだろう」とか、あげくの果てには「実装のことを考えたデザインをすべき」とまで考えていた。これらの考え方はぼくだけでなく、コーダーからよく同様の声が上がっている。 だけどデザイナーさんと接する機会が増えるごとに、デザインができるようになったら今までイラついていたことがどんな風に見えるのか確かめたいな、という気持ちになった。 それ以外にも「なにか作るとデザイナーばかり褒められて厳しい」

  • デザインの理解につながる感情のメカニズム

    上記は、ドン・ノーマン著「エモーショナル・デザイン―微笑を誘うモノたちのために」からの一節。機能的な部分より、感情に響くデザインが、今後の製品・サービスを成功へ導くだろうと説いています。確かにそうだと思いますが、感情という主観的なものを、いかにデザインへ落とし込むのか悩ましいところです。「かっこいい」「美しい」という感情だけでデザインの評価をするのは好ましくないですが、その感情がどこから、どのように生まれてくるのかを探求することは重要です。 感情とは主観的であると同時に、体系化することも可能です。 Delft University of Technology で教授をされている Pieter Desmet 博士が 2002 年に「Designing Emotions」という論文を発表しています。人間は製品や感情に対する感情のメカニズムを以下のような図のようにまとめています。 感情は、何かに

    デザインの理解につながる感情のメカニズム
  • ゲームUIブログ

    Search for: Cancel 鍛冶屋のキングking smith シンギュラリティ×ラブストーリー AFK:ジャーニー ゼロから勇者:オリエントファンタジー 艶舞無双 タワーキング 銃剣士育成 鈴蘭の剣 ムゲン・フォレスト~妖精の牧場~ ピクセルヒーロー育成 進化! 大い龍 モンスター娘の伝説 モンソニ! Fortias Saga: アクションアドベンチャー モンスターハンターパズル アイルーアイランド 終末の戦姬-美少女育成カードゲーム 1 of 89123…89次へ »

  • Webデザイナーはチェックしておきたい、最近のUIデザインで注目されているカラーのまとめ(スウォッチ付き)

    有名ブランドで採用されているカラーをはじめ、Material DesignやiOS 8で採用されている落ち着いたパステル、同一色相の美しいグラデーションなど。 最近注目されているカラーをまとめたPhotoshopのスウォッチを紹介します。Illustrator用のもいくつかあります。 Color palette -Material Design 2015年、多くのWebデザイナーが注目しているMaterial Designで使用されているPhotoshopとIllsutrator用のスウォッチファイル。フラットなカラーと同一色相のグラデが特徴的です。

    Webデザイナーはチェックしておきたい、最近のUIデザインで注目されているカラーのまとめ(スウォッチ付き)
  • PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ

    スマートフォンの普及で、PCで閲覧するWebサイト(以下、PCサイト)に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景

    PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ
  • Slackちゃん - インターネットちゃんブログ

    Model @mamipeko Slackカラーのリボンカチューシャです。 Slackカラーかわいいとおもう。 Slackのことが大好きです。 Slackかわいい。 まず広告がない。かわいい。 そして、かしこい検索。 アップロードしたファイルからも検索もできる。えらい。 UIがかわいい。 リンクをはったらちゃんとサムネイルがつく。 画像はプレビューできるし動画はそこで再生できる。 ほしいところにほしいものがきちんとある。 Slackは、今してほしいことをわかってくれる。 とにかくbotがかわいい。 いつもそばにいてくれる。 かわいい。たまらなくかわいい。人よりあたたかいときある。 GitHub連携していればIssuesもコメントもSlackにながれてくる。 オクトキャットかわいい。botかわいい。 カスタマイズしたSlackは、なついてくれる。 そして、私たちの好きなように育てていける。

    Slackちゃん - インターネットちゃんブログ
  • デザインには直感とデータどちらを採用すべきか? デザイン会社 ビートラックス: ブログ

    求められる結果に対して最良のプロセスを導きだすのがデザイン、及びデザイナーの仕事。では、数字として結果に繋がらないデザインに価値は無いのであろうか? どんなに見た目が良いデザインでも売り上げに繋がらなければ優れたデザインとは見なされないのか? 逆にどんなに美しく無くても、クリック数やコンバージョンの高いページや広告は素晴らしいのであろうか? このような議論はデザイナーの間では普遍的にかわされている。 場合によっては「見た目のクオリティーを犠牲にしても良いのでとりあえず問い合わせ数のアップするページをデザインして下さい」等の依頼がクライアントから来るケースも少なくは無い。 クライアントの目的を果たしたいと思うと同時に、素晴らしいデザインを世の中に生み出したいと感じているデザイナーの立場からすると常につきまとうジレンマである。 そもそも優れたデザインを施す必要性がどこにあるかを考えた時に、端的

    デザインには直感とデータどちらを採用すべきか? デザイン会社 ビートラックス: ブログ
  • 「Flipboard」のウェブ版がリリース、相変わらず美しい

    ソーシャルニュースマガジン「Flipboard」がウェブ版をリリースしました。Flipboardは、雑誌のようなレイアウトと快適な操作性などが人気で、これまでiOSアプリとAndroidアプリ、Windows向けアプリなどでサービスを展開してきました。 ウェブ版では、これまで通りの高いデザイン性が維持されており、ブラウザの幅によってレイアウトが変化するレスポンシブ・デザインを採用しています。その周到に計算された美しいUIは、さすがFlipboardといったところでしょうか。もちろん、モバイル向けFlipboardとも同期されます。 Flipboard

    「Flipboard」のウェブ版がリリース、相変わらず美しい
  • “UI温泉” トークセッション・1風呂目「ウォシュレットから考える本当にキモチイイUI」

    2015年2月7日に綱島温泉で行われた「UI温泉」にて発表した「ウォシュレットから考える当にキモチイイUI」の(ほぼ)無修正スライドです。Read less

    “UI温泉” トークセッション・1風呂目「ウォシュレットから考える本当にキモチイイUI」
  • 心地よいUIの温度 - 言葉と気遣いで高めるUI -

    1. OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. Speaker No.4 / KAYAC inc. 割石 裕太 2. 割石 裕太 KAYAC inc. Designer (2012.4 - ) 自己紹介 @KAYAC inc. OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 3. @wariemon Art Direction & Web / App / Blanding / Logo Design OH : http://wariemon.com 自己紹介 @OH (Personal

    心地よいUIの温度 - 言葉と気遣いで高めるUI -
  • schoo x CONCENT「優れたUXを実現するための人間中心デザインとは?」

    2015年2月5日に無料動画のオンライン学習サイト - schoo WEB-campus(スクー)にて開催した授業「優れたUXを実現するための人間中心デザインとは?(https://schoo.jp/class/1682)」の教材です。 フォローアップ記事:http://sprmario.hatenablog.jp/entry/schooxconcent_hcdRead less

    schoo x CONCENT「優れたUXを実現するための人間中心デザインとは?」
  • 1