デザイナーが応用情報技術者の試験を受けて感じた3つのこと - Pepabo Tech Portal
はじめまして。てっちゃん @outskirtsHinode と申します。 カラーミーリピートというサービスでデザイナーをしています。 主に管理画面のUI設計や検証といった作業を行っています。 今回、ひょんなことから応用情報技術者試験という資格試験を受けてみました。 その時感じたことをまとめてみようと思います。 応用情報技術者試験とは？ 感じたこと UMLでデザイナーとエンジニアの意思疎通を図れそう SQLクエリ作ることで、デザインにも役立ちそう 俯瞰的な知識を習得できるので、自身の視野を広げることができそう おまけ：データベースの大枠を理解することで整理できそう まとめ 応用情報技術者試験とは？ IPA 情報処理推進機構によりますと、 情報処理技術者試験は、「情報処理の促進に関する法律」に基づき経済産業省が、情報処理技術者としての「知識・技能」が一定以上の水準であることを認定している国家試
ユーザーが許可したくなるPush通知を考える｜sadakoa｜note
初めましての方もこんにちは、さだこえ (@sadako_a_ ) と申します。 DeNAに新卒で入社後、現在は株式会社FOLIOのデジタルプロダクトデザイナーとして、オンライン証券のUIデザインに従事しながら、スタートアップのデザイン支援を副業で行っています。 今記事では、主にアプリの機能として欠かせないPush通知に焦点を当て、記事を執筆します。 Push通知とはご存知の通りPush通知とは、アプリやwebサービスで何か変更や更新があった場合にお知らせをする機能です。一般的にこの業界で言われるPush通知は、Apple Push Notificationを指していることが多いと思われます。 その理由の1つとして、AndroidはPush通知に関してユーザーの許可を取る必要が無いからです。（ダウンロードする際にオプトインされるため、許可率は100%になる。） iOSやWeb Browser
最近のUXデザインにおける、スマホアプリのインターフェイスに使用されているアイデアのまとめ
ここ数年の間に、スマホは単なる電話以上に多くの機能を持つようになりました。スマホはさまざまな目的のために使用され、わたし達の日常のアシスタントをこなしています。 そんな便利なスマホアプリのユーザーインターフェイスに注目し、最近のUXデザインにおけるクリエイティブなすごいコンセプトを紹介します。 15 Creative UX Design Concepts for Everyday Needs by Tubik Studio 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 植物の水やりを管理するアプリ 安眠アプリ ハンバーガーショップのアプリ TODOアプリ 料理のレシピアプリ ベジタリアン用のレシピアプリ アラームアプリ 家電操作アプリ 家計簿アプリ 名刺管理アプリ バランスアプリ ファイナンスアプリ フィットネスアプリ カレン
CXO Night #3 に参加してきた & デザインとビジネスとエンジニアリングの関係について｜片山大地@プレーリーカード
ちょうどこの日は自分が当時勤めていた会社の最終出社日で、会社で24人分の手打ちうどんを振る舞うという企画を昼にやったところだったので肉体的疲労 😇と達成感を伴って渋谷に向かった。 自分のバックグラウンドとしては、プロダクトマネジメントやエンジニアリングを主軸としていて、ユーザ体験は設計してきたけどビジュアルデザインは本業でやったことが無い。リクルートではプロダクトマネジメント、ギフティではプロダクトマネジメントとエンジニアリングと採用を担当してきた。C(一般消費者)向けの新しい価値提供に興味があり、2018年7月からはメルカリでプロダクトマネージャーとして新規プロダクトを模索する。副業ではスタートアップのお手伝いでUI/UX を担当している。経営は経験が無い。 ---------✂--------- イベントの中でも特に印象に残ったのが深津さんのこの言葉。(ツイート拝借します 🙏 )
データ視覚化のデザイン #1｜Go Ando / PREDUCTS / THE GUILD
こんにちは、THE GUILDの @goando です。 私はTHE GUILDの中でもデータを扱う仕事を中心に活動しており、「UXの改善をデータでサポートする」をミッションに取り組んでいます。 ざっくり言うと、THE GUILDのクライアント企業が運営するサービスのログを分析してユーザーの行動傾向からUXの改善点を見つけ出したり、マーケットの市場リサーチを通じてサービスの戦略の策定を支援したり、と言った内容です。 こうした活動を通じて、データ分析の結果をグラフ等のレポートに落とし込むという事を数多く行ってきました。 試行錯誤を繰り返しつつ、データをどのようなデザインで視覚化するとメッセージが伝わりやすいのか、逆にどういう点に気をつけないと誤解を与えやすいのか、といったノウハウを少しずつ蓄積してきました。 データ分析を台無しにするダメグラフかく言う私もかつて、そのグラフから何が言いたいのか
娯楽を超えたデザイン （UI Crunch #13 娯楽のUI イベントレポート）｜のっち Ryosuke Inoue
「UI Crunch #13 娯楽のUI - by Nintendo -」に参加しました。世界的にも注目される企業かつあまり表に出てこないデザイントークが聞けると言うことで、倍率も相当なものとなっておりました。この企画は構想から2年くらいかかったそうで、とても濃いお話を聞くことができました。めちゃ感動しました。今回は、そちらのイベントレポートです。最初の方あまり写真を撮らなかったので、後半の写真が多めになります。 1人目は、UI/UX デザイン チーフの正木さん。「娯楽UIの思考の原点」についてお話いただきました。 Nintendo流の「伝え方」Nintendoが人に何かを「伝える」時にこだわっていること。それは、以下の3つです。 ・「教える」ことよりも「体験する」ことで、より早く、的確に伝えることができる。 ・初めての体験は一度きり。新鮮な印象を大切にする。 ・体験はやっぱり面白くしよう
言語切替のUIデザインについて考えてみる。｜灰色ハイジ
いま、自分のポートフォリオを英語/日本語どちらにも対応しようと思っていて、どのように切り替えるべきか、リサーチのためにいろんなサイトを見て回った。その時にこれは良い、これは避けたほうが良さそう、と気付いたことがある。 国旗を使うことによる問題 デザイン上のスペースの節約からか、あるいはグラフィカルに補助したいという理由からか、言語切替のUIで国旗を見かけることがある。 日本にいると「日本=日本語」と、国と言語が対応しているので気付きづらいのだけれど、世界はそういう風には出来ていない。例えば英語を提供する際に、どの国旗が相応しいのか考えてみよう。イギリス？アメリカ？英語を第一言語とする国はいくつもある。 決して国旗は言語を代表するものではないのだ。 また、提供する言語が多くなると、ごちゃごちゃして見づらいという問題も含んでいる。 ただし、言語の切り替えではなく、ECサイトなど提供するコンテン
最近のスタートアップのロゴのスタイルが似通ってきている問題について | freshtrax | デザイン会社 btrax ブログ
お気に入りのスタートアップやサービスのロゴがいつの間にか変わっている。このような事が最近増えている。 少し前までであれば、「ロゴのリデザイン ー なぜGapが失敗しAirbnbが受け入れられたのか」でも見られるように、ロゴの変更やリブランディングは一つのトピックとして、多くの人たちからの反響が得られていた。 しかし、最近ではなぜか”しれっと”変わっているケースが後を絶たない。それも新しいロゴのデザインが”ある一定の”共通パターンをなぞっていて、特にロゴタイプの部分はどのロゴもかなり似通ってきている。 スタートアップのビジョンをロゴで表現スタートアップを始めた当初には一体何があるであろうか？ファウンダー達の理想的な未来へのビジョン、名前、そしてロゴぐらいだろう。プロダクトもほぼ無い状態の場合、見た人の印象に残るのはその名前とロゴぐらいしか無い。そのために、自分たちのビジョンをロゴに込めて表現
デザインの基本日記 「配色編」｜Design Beginner
配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。まずは2色で配色をしてその上で少しずつ色の調整をすることによって、まとまりのあるデザインが作りやすくなる。 一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる。 なんとなく落ち着いていて物足りない場合、色相環で反対の色をアクセントカラーに持ってくるとインパクトがでる。この色相環の反対の色を反対色や補色といったりもする。 逆にガチャガチャして色がうるさい場合は、色相環の隣り合った色数色を選び配色することで全体的にまとまった印象になる。この色相環の近くにいる色のことを近似色と呼ぶ。 配色を決める場合、いくつかの軸があるが、何を表現しなければいけないかというテーマによって配色を
バッドデザイン賞を勝手にノミネートしてみた-2017年度版-｜おり
忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか？ 私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「本当にこれギャグじゃないの？」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは？とご指摘頂きました
これからのCSSはmargin禁止！？CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた！
これからのCSSはmargin禁止！？CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた！ 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、ピクセルグリッドの矢倉眞隆さんです。 矢倉さんのセッション「まあまあ最近のCSSとつらくならないための書き方」に関するスライド資料は、こちらで公開されています。 インパクト大！CSSグリッドレイアウト概要 白石: では、まずは簡単に自己紹介をお願いできますか？ 矢倉: 昨年（2
アプリユーザーを「知る」ための競合調査
新しいアプリを企画したり、開発・デザインをするとき、多くの方が競合調査をすると思います。 多くの場合、同じカテゴリに属するアプリやユーザー層が似ているアプリを片っ端からダウンロードすることが多いと思いますが、この方法だと純粋に「アプリ」を研究するあまり「ユーザー」という観点が抜け落ちてしまうことも少なくはありません。 競合調査で大事なのは自分の将来のアプリのユーザーを知ることです。とくにヒットアプリを調査する最大の理由は、そのアプリが多くのユーザーにとっての「あたりまえ」になっているからです。後発のアプリとしては既存の文脈に沿うことでより本質的な新しい価値にフォーカスすることができます。 今回はアプリの競合調査で、少し違った視点をもたらしてくれるWebサービスをいくつかご紹介したいと思います。 ユーザーのホーム画面を知る #Homescreenはホーム画面を共有するサービスです。 ホーム画
守ってはいけない、iOSのデザインルール4つ
ページコントロール（ドット）、ページトップの「送信」、プラス（＋）アイコン、並べ替えアイコンの4つは、テストでユーザビリティ上の問題を引き起こすことの多いiOSデザインパターンである。 4 iOS Rules to Break by Aurora Bedford, Raluca Budiu, Kara Pernice, and Amy Schade on July 9, 2015 日本語版2015年8月31日公開 巨大ソフトウェア会社（たとえば、AppleやMicrosoft、Google）はユーザーとデザイナー双方のためにデザインガイドラインを作成している。 おかげで、デザイナーや開発者側は、恵まれた条件のもとで、きちんとしたものになることが期待できるインタフェースの作成を始められるようになり、まったく新しいUI要素を考案する（そしてテストする）必要がない。 一方、ユーザー側も、すべての
Prott Blog - たった1ヶ月でProttはなくてはならないツールになった！ - 面白法人カヤック
たった1ヶ月でProttはなくてはならないツールになった！ - 面白法人カヤックProttインタビュー Vol.5 Prottインタビュー Vol.5 面白法人カヤック 意匠部・UI部・人事部 佐藤 ねじ さん 意匠部・UI部・人事部 越後 壮平さん 意匠部・UI部・人事部 中森 源さん 意匠部・UI部・人事部 割石 裕太さん 「Prottを導入したい！」と上司に掛け合った ——カヤックさんが全社的にProttを導入してくださったのは、今年の初めですよね。 佐藤 そうですね。クライアントワークで大型案件がドドっと重なって、これはプロトタイピングツールがないとやばいぞ、という話になりまして……。 越後 プロトタイプを使って認識合わせとかディスカッションができたら、という話になったんですよね。 佐藤 お試し期間を経て正式に導入を決めたのですが、その際、使用したメンバーの感想を集めてExcelに
Prott Blog - ProttのSketch Pluginがついにリリース！
最新版のSketchプラグインは、こちらからダウンロードしてください。 こんにちは、いつもProttをお使いいただき誠にありがとうございます！この度ProttにSketch連携機能が追加されましたのでおしらせします。 Sketchとは？ Sketchは最近話題のWebとモバイルUIデザインに特化しているデザインツールです。Prottを開発するグッドパッチではデザイナーは全員Sketchを使用しています。 先日、Prott Androidデザイナーが受けた、Sketch 3を使う3つの理由と10の魅力というインタビューも公開されたので是非ご覧ください。 Sketch連携するとできること Sketchと連携することで、Sketchでデザインしたものをクリックひとつで自動的に同期することができるようになりました。スクリーンのデザイン変更もスムーズに反映が可能となりました。 まずはプラグインをイン
Cookpad × Fablic のデザイナーイベント「Think User First」を開催しました。 - クックパッド開発者ブログ
こんにちは、ユーザーファースト推進室 デザイナーの吉井です。 クックパッドでは去る7月23日（木）、フリマアプリ「フリル」を運営するFablicさんと合同でデザイナー向けにイベントを行いました。 イベントのタイトルにもある通り、"ユーザーファースト"をテーマに掲げ、開発現場での実践事例を交えながら両社の文化やデザイナーの働き方についてご紹介しました。 お集まりいただいた70名の皆さまの熱量も高く、イベントスタート時からパネルディスカッション、懇親会に至るまで、とても充実した時間を過ごさせていただきました。 ご来場いただいた皆さま、本当にありがとうございました。 また今回は多数応募をいただいたため残念ながら抽選に漏れてしまった皆さま、たいへん申し訳ありません。 こういったイベントは今後も開催していきたいと思いますので、またのご参加を心よりお待ちしております！ 最後に、各発表者の当日のスライド
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Backlog UI リニューアルの舞台裏 / Backlog Renewal UI
HTML5 UP! Responsive HTML5 and CSS3 Site Templates
UIデザイナーを取り巻く様々な設計 / Intrinsic meaning of UI Design
UIの実装に必要な情報を書き込むのに便利なプラグイン sketch-measure (iOSアプリ編)
