タグ

2017年12月11日のブックマーク (20件)

  • 【わかりやすく解説】UXデザインの基本と主要概念 デザイン会社 ビートラックス: ブログ

    そもそもUXとは?なぜUXデザインが必要なのか?UXUIの関係性UXデザインが目指すべきところUXが重要であることは、近年の議論からすでに認識されている方も多いことだろう。 しかし、UXデザインの定義や位置付けはとても曖昧で、人によって捉え方は様々なのではないだろうか。 筆者自身、これまでのプロジェクトを通して様々なバックグラウンドを持った人がUXという言葉を使っているのを目の当たりにし、その度に認識のズレを感じている。 結論から話すと、UXデザインについて定義することよりも、この言葉が世間でどのような使われ方をしているのかを知ることのほうが重要である。 今回は弊社の提供するイノベーションプログラムやデザインプロジェクトを通して蓄積した経験から「UXとは何か」といった捉え方や基的な概念部分、そして「なぜUXを考える必要があるのか?」にフォーカスし、いくつかの観点をまとめて紹介する。 一

    【わかりやすく解説】UXデザインの基本と主要概念 デザイン会社 ビートラックス: ブログ
    idr_zz
    idr_zz 2017/12/11
    UIとUXの違い。 good UIでもbad UXがあり得る!? 誰にでも分かるUXの基本
  • DESIGN Shift: これからのビジネスはモノより体験が価値になる デザイン会社 ビートラックス: ブログ

    これからのビジネスはどうなっていくのか?そして、それに対してのデザインの役割は? 経済産業省が主催する新事業創造カンファレンス&Connect!での基調講演にて、それらのポイントに関してのプレゼンをさせて頂いた。 そもそも日ではこのような1,000人規模のビジネス系イベントで”デザイン”をテーマとしたプレゼンが出来た事は非常に嬉しいと同時に時代の変化を感じる。 数年前までであれば、アメリカやシリコンバレーからのプレゼンターを招く場合、そのトピックは最新のテクノロジートレンドやスタートアップ投資、そしてエコシステムに関しての内容がほとんどであった。しかし、今回経済産業省からリクエストされたのは、ビジネスにおけるデザインの重要性に関するスピーチ。 デザインの重要性が今までに無い程に高まる中で、基調講演のタイトルを“DESING Shift:” と名付け、サンフランシスコのデザイン会社, bt

    DESIGN Shift: これからのビジネスはモノより体験が価値になる デザイン会社 ビートラックス: ブログ
    idr_zz
    idr_zz 2017/12/11
    Design → DESIGNにシフトしてるらしい。 DESIGN Shift: これからのビジネスはモノより体験が価値になる
  • デザインには直感とデータどちらを採用すべきか? デザイン会社 ビートラックス: ブログ

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

    デザインには直感とデータどちらを採用すべきか? デザイン会社 ビートラックス: ブログ
    idr_zz
    idr_zz 2017/12/11
    デザインを突き詰めるとここに行き着くのではというテーマの考察。数字とデザイン。 数字として結果に繋がらないデザインに価値はないのか?
  • 【わかりやすく解説】改めて「デザイン思考」とは? デザイン会社 ビートラックス: ブログ

    ここ最近、様々な記事やセミナー等で “デザイン思考” という言葉が話題になっている。 しかしながら、来の意味を分かっている人は少ないのでは無いだろうか。むしろ、この表現は多用されすぎている感のあるバズワードであり、実際聞いてみると人それぞれにその解釈と概念が違う事が多い。 “これからのビジネスでイノベーションを生み出すにはデザイン思考が重要だ” といったフレーズもよく聞くが、実際その具体的な活用方法やメリットを提案しているケースはあまり無い。恐らく言っている人もイマイチ理解していないかもしれない。 ということで、多くのイノベーションが生み出されようとしているサンフランシスコ ベイエリアで一般的に解釈されている “デザイン思考” の意味をシンプルに分かりやすくまとめてみることにした。 ちなみに下記の内容の元になったのは、btrax社が毎回異なるテーマで定期的に行っている社内ワークショプに

    【わかりやすく解説】改めて「デザイン思考」とは? デザイン会社 ビートラックス: ブログ
    idr_zz
    idr_zz 2017/12/11
    おそらく一番広義な方の「デザイン」 【やっぱりよくわからない】デザイン思考ってなに?
  • 「1人で6時間で作った」 Twitterで匿名質問「Peing」人気、月間2億PV超えへ

    開発したせせりさんは自称ニート。19歳のころから1人で30ほどWebサービスを作り、いくつかをヒットさせて売却。「残りの人生、贅沢しなければ働かずに生きてける」状況だという。 今年10月、これまでの経緯をブログで公開したところ、「どうすれば流行るサービスを作れるか」とよく質問されるようになった。「『こうしたら流行るよ』と言うより、実際に作って説明した方が伝わりやすいと思って」――。Peingを作ったのは、こんな動機からだ。 ヒントにしたのは「Sarahah」と、Twitterで“お題”を受け付けられるサービス「お題箱」。登録や操作をできるだけシンプルにし、Twitterのメディア欄(画像や動画が一覧で表示される欄)を圧迫しない仕様を追求するなど、気軽に使ってもらえるよう工夫した。 11月21日に着想し、わずか6時間で開発。22日にリリースしたところ、Twitterで次々に拡散されて人気を集

    「1人で6時間で作った」 Twitterで匿名質問「Peing」人気、月間2億PV超えへ
    idr_zz
    idr_zz 2017/12/11
    すごいなー。質問できるやつ、サラハよりこっちの方が主流になったのかな。 「1人で6時間で作った」 Twitterで匿名質問「Peing」人気、月間2億PV超えへ
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
    idr_zz
    idr_zz 2017/12/11
    マジすか
  • 【境界が無くなる】デザイナーとエンジニアの仕事内容 デザイン会社 ビートラックス: ブログ

    アメリカ、特にサンフランシスコ周辺の会社を見てみると、エンジニアに加えてデザイナーの需要が高まっている。これは見た目やUXが優れたプロダクトへの人気が上がっており、企業としてもよりユーザー目線で使いやすくニーズにあった製品を作る為に、企画段階からデザイナーを参加させる事が増えていているからであろう。 それに伴いデザイナーの役割が、これまでの”見た目を美しくする”事から”ユーザー視点で最適な問題解決方法を見つけ出す”へと広がりを見せている。 このビジネスに対するデザインの重要性の高まり-デザインシフト-でデザイナーやエンジニアに求められるその役割と仕事の範囲に変化がおき始めている。恐らく10年程前と比べてみると、それぞれの仕事の範囲が多種多様に広がっているのに加えて、オーバーラップする領域も増えているだろう。 デザインの未来を示す15の変化で下記のような項目があった。 “デザイナーとエンジニ

    【境界が無くなる】デザイナーとエンジニアの仕事内容 デザイン会社 ビートラックス: ブログ
    idr_zz
    idr_zz 2017/12/11
    なくなる。融合していく。総合格闘技みたいに。さらにマーケティングまで。 うーみーはーひろいーなーおーきーなーー 【これからのスキル】デザイナーとエンジニアの境界線がどんどん無くなる
  • Tondemodesign.com

    The domain tondemodesign.com may be for sale. Please click here to inquire Tondemodesign.com Related Searches: Work from Home find a tutor Contact Lens High Speed Internet Online classifieds Trademark Free Notice Privacy Policy

    Tondemodesign.com
    idr_zz
    idr_zz 2017/12/11
    デザインとエンジニアリング、どちらかに偏らず、境界線を乗り越える。
  • http://twitter.com/i/web/status/940173978571640832

    idr_zz
    idr_zz 2017/12/11
    overflowおさらい〜。 サルワカさんは図のわかりやすさと色の明るさで見やすいんだよなー。 吹き出しの三角がPCだと左、スマホだと上を向いてた。細やか。 【CSS】overflowの使い方:hiddenやscrollの違いは…
  • ★イメージで学ぶ!CSSのpositionプロパティの使い方

    今回はCSSのpositionプロパティについて解説していきます。基礎知識から「具体的にどのように使えるのか」というところまでみっちり解説します。

    ★イメージで学ぶ!CSSのpositionプロパティの使い方
    idr_zz
    idr_zz 2017/12/11
    ついでにpositionもおさらい〜。 いやー、イイ。サイト全体に世界観が貫かれてる。 CSSのpositionを総まとめ!absoluteやfixedの使い方は?|サルワカ
  • WordPressのフッター左下に謎の顔文字(アイコン?)が現れてビビッた話

    MS Office カテゴリ MS Office (105) 関連タグ Access (45) Excel (92) OfficeScripts (2) PowerPoint (8) Python (2) VBA (92) YouTube (6) イラスト (44) 入門 (38) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (22) twitter (10) WordPress (76) YouTube (6) アプリ (29) イラスト (44) デザイン (15) ブログ (39) 入門 (38) 分析 (20) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaS

    WordPressのフッター左下に謎の顔文字(アイコン?)が現れてビビッた話
    idr_zz
    idr_zz 2017/12/11
    ナニこのかわいい子(笑) WordPressのフッター左下に謎の顔文字(アイコン?)が現れてビビッた話 *Ateitexe @ateitexeさんから
  • touch, click, pointerの実装 | 前編 タッチイベントとマウスイベント

    touch, click, pointerの実装 前編 タッチイベントとマウスイベント このシリーズでは、タッチ/マウスイベント系の実装を考えます。第1回目はタッチイベントとはなにか、また、タッチイベントとマウスイベントの判別について解説します。 はじめに iPhoneAndroidが登場したのはもう何年も前ですが、さらにWindows8も登場し、いろいろと状況が変化してきました。Windows8を搭載したPCの多くはタブレットデバイスのように、画面に触れることができるようになっています。 しかしながら、これらのデバイスはマウスを使っても操作できるようにもなっています。今後、どのようにタッチ/マウスのイベントを扱っていけばよいのかは、これからのウェブ開発において、より重要になっていくはずです。 そこでこのシリーズでは、タッチ/マウスイベント系のブラウザへの実装を整理し、それらのブラウザに

    touch, click, pointerの実装 | 前編 タッチイベントとマウスイベント
    idr_zz
    idr_zz 2017/12/11
    タッチかマウスか判別させれば共通化できるのか。デフォルトで共通になってくれればいいのに… touch, click, pointerの実装 - タッチイベントとマウスイベント | CodeGrid
  • wp_is_mobileによる条件分岐をカスタマイズする | nobbi LABO

    WordPressには、サイトを訪れたユーザーのデバイスを判定する関数があらかじめ用意されています。 この機能を使うと、パソコンとスマートフォンでは、違う内容を表示できたりするのですが、ちょっとだけ惜しい点もあるので、その辺をカスタマイズしてみます。 WordPressの条件分岐タグとはWordPressでは、wp_is_mobile( )という条件分岐タグを使うことで、ユーザーのデバイスを判定し、処理を変えることができます。 次のような使い方で、モバイル環境のみに適応させたい処理を、いとも簡単に実装できてしまうのです。 <?php if ( wp_is_mobile() ) { /* ここにモバイルの時だけ処理する内容を書く*/ } ?> ところが、この <?php wp_is_mobile(); ?> という関数、残念な点があります。 モバイルには、タブレットも含まれちゃってるんです。

    idr_zz
    idr_zz 2017/12/11
    WPってデバイスを判別できるんだ。 wp_is_mobileによる条件分岐をカスタマイズする | nobbi LABO
  • 医療や健康に関連する検索結果の改善について

    +1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1

    医療や健康に関連する検索結果の改善について
    idr_zz
    idr_zz 2017/12/11
    コメント見ると悪質じゃないページも適用されている様子。もう少し中身の意味的な判定が理想かと。難しいですね。 Google ウェブマスター向け公式ブログ: 医療や健康に関連する検索結果の改善について
  • 間もなく Instagram に“リグラム”機能が標準装備か

    今から約7年前の2010年10月にそのサービスを開始して以降順調にユーザー数を伸ばし、いまやFacebookやTwitterと並んで“3大SNS”のひとつに数えられるほどに現代人の生活と密な関係となったInstagram。これまでにも“ストーリーズ”機能をはじめブックマーク機能やアルバム投稿機能、“Superzoom”機能などを新たに追加、常に人々の心をつかんで離さないInstagramだが、今回更なる注目の新機能が搭載されるべく準備中であることが判明。 稿タイトルにも記載した通り、その新機能とはズバリ“Regram(リグラム)”機能。Instagramユーザーならばこの言葉だけできっと大体の方がどんなものか分かってしまうと思うが、これは言わば他人が投稿した画像を自分のフィード上で共有したり、自分が過去に投稿した画像を改めて共有する、Twitterで言うところのリツイート機能のようなもの

    間もなく Instagram に“リグラム”機能が標準装備か
    idr_zz
    idr_zz 2017/12/11
    これはインスタの使い方が変わるかも。シェア文化によってインスタグラマーの存在感が高まるか? これまでも外部ツールでリポストってあったけどハードルは高かったと思う。 間もなく Instagram に“リグラム”機能が標
  • 鹿野壮のWebデザイナーのためのiOSアプリ開発入門 – WPJ

    いまや誰もがスマートフォンでアプリを使う時代、アプリ開発の需要は高まり続けています。Webデザイナーやフロントエンドエンジニアにとってネイティブアプリの開発は難しいイメージがあるかもしれませんが、Web開発の知識と照らし合わせながら学習すれば怖いものではありません。 このLESSONでは、「WebデザイナーのためのiOSアプリ開発入門」と題し、アプリ開発の経験がないWeb制作者がXcodeの使い方 メンバー登録してください いつもWPJのご利用ありがとうございます。 この記事は、読める記事数の上限に達したか、プレミアムメンバー限定のため、お読みいただけません。フリーメンバーに登録すると読める記事数を増やせます。

    鹿野壮のWebデザイナーのためのiOSアプリ開発入門 – WPJ
    idr_zz
    idr_zz 2017/12/11
    Xcodeの操作感がAdobe XDと似たような感じがしたので、慣れている人には使いやすいのかも。写真ではなく動きがある紹介記事はイメージがしやすいと思った。 鹿野壮のWebデザイナーのためのiOSアプリ開発入門
  • http://twitter.com/i/web/status/939974519363473410

    idr_zz
    idr_zz 2017/12/11
    本当はブレイクポイントとかなくて、PCもタブレットもスマホも縦画面でも横画面でも成立する可変デザインにできると素敵なんだが。 縦画面、横画面ってやはり大きなポイントだなー。横に合わせると縦では下半分がスカ
  • Webサイトデザインの横幅サイズ!もう何pxか迷わない! 2017年1月版

    こんにちは。FASTCODINGデザイナーの七転び八重子です。みなさん、Webデザイン時のワイドサイズやファーストビューサイズを何ピクセルに設定してますか?私は半年ごとに支流のサイズを確認しているので、2021下半期スタートに合わせてまとめてみました。前回2020年10月にまとめましたが、今回は、デザインのレイアウトも考慮に入れています。目次 ソリッドレイアウトorリキッドレイアウトorフレキシブルレイアウト? ソリッドレイアウト(固定レイアウト)とは? リキッドレイアウト(可変レイアウト)とは? リキッドの進化系... どうも、FASTCODINGディレクターのせりなです。 Webサイトを制作するとき、デザインの横幅を何pxにすればいいかなーって思ったことありませんか? パソコンは何pxで作るの?スマートフォンは何pxがいいの? って聞かれることが多いので、デザインの横幅でもう迷わないた

    Webサイトデザインの横幅サイズ!もう何pxか迷わない! 2017年1月版
    idr_zz
    idr_zz 2017/12/11
    PCブラウザ1920pxフルにしないって確かにそうだ。従来通り1000px程度か。 スマホの750pxってブレイクポイントも?? Webサイトデザインの横幅サイズ!もう何pxか迷わない! 2017年1月版
  • http://twitter.com/i/web/status/939966482183684096

    idr_zz
    idr_zz 2017/12/11
    PCブラウザ、IEは4人に1人か。いい傾向。EdgeではなくChromeに流れている模様。 10%切ったら無視してもいいと思う。五輪の頃かなー。IE8が10%切った時は嬉しかったな。 おすすめWebブラウザシェア2017年調査|…
  • seotech.click - coś dla pozycjonerów

    idr_zz
    idr_zz 2017/12/11
    スマホ文字サイズの参考になりそうなサンプル スマホで見やすい文字サイズはポイント指定かem指定かテスト|@seotech