[B! ui] bricklifeのブックマーク

デザインを舐めていた新卒デザイナーがバナーを150本つくってわかったこと | mercan (メルカン)

こんにちは！16新卒デザイナーの末安です。実はわたし、昨年の春にメルカリが新卒採用を始めたことをたまたまSNSで知り、最初は興味本位で応募しました。面接を重ねるごとに、日本発で海外を獲りにいく、というチャレンジングな環境の中にとびこみたい、という気持ちが強くなり、メルカリへの入社を決め、今に至ります。︵応募時に提出したのはポートフォリオだけです︶4月から半年間にわたって行われていた新卒研修が9月末に終わりました。今回は、入社してから半年間、携わる機会が多かったバナーのデザインについてお話します。︵記事中ではバナーの話にしか触れませんが、もちろん、並行してサービスに関わるデザインも多く行っています！︶︵半年間お世話になったメンターのお2人と︶バナーのデザインは物足りない？わたしは学生時代、いくつかのサービスのデザインに携わり、全てを任されるという経験をしてきました。しかし、

bricklife 2016/10/05

「バナーがデザインできないのに、サービスのデザインができるわけもありませんよね」

リンク

UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog

最近、デザイナーに求められるスキルが多くて何を学べば良いかわからなくなってきた。と言う声を聞くようになってきた。流行りの記事にいくつか目を通すと、デザイナーは﹁経営者と対等に話せるコミュニケーション能力、ビジネスセンスを保有していて、イケてるグラフィックを作り、コードまでかけないといけない﹂らしい。スキルを多く保有している方が望ましいのは間違いない。ただ、現場デザイナーに最も大事なのは実装面での考慮事項が網羅されて考え込まれた﹁決定力のあるデザイン﹂を作る力だと思う。サッカーで言うと、決定力は﹁得点を決める能力﹂として使われているけど、UIデザインにおいては﹁実装面まで考慮された実装可能なデザインであるか﹂という言葉として使っている。魅せるデザインとフィージビリティが考慮されているデザインでは、かなり内容が異なってくるので、現場デザイナーとしては特にこのあたり

bricklife 2016/06/10

デザイン時点でここまで考えられていると「ああ、UIのことはこの人に任せておけば大丈夫なんだ！」という気持ちになる

ui
design

リンク

Label under image in UIButton

I'm trying to create a button which has some text beneath the icon (sorta like the app buttons) however it seems to be quite difficult to achieve. Any ideas how can I go about get the text to display below the image with a UIButton?

bricklife 2015/10/27

UIButtonで画像の下にテキストを表示する方法いろいろ

リンク

pairs・Retty・ FRIL・ freeeが語る！今後、生き残れるデザイナーの条件とは？ - 株式会社エウレカ

関口デザイナーって評価が難しいのでデザイナーという職種での評価基準は明確にしづらいですね。エンジニアも同じですが。自分がどのくらいまで何をすれば組織にインパクトが出せるのか、はっきりさせるのが難しい職種ですよね。加田受託だと、納期が決まっていて、受注金額も決まっているので、例えば捌いた案件数で評価、ということも比較的やりやすいですが、自社サービスは、売り上げ貢献度がデザインの力なのかどうか可視化するのが難しいかもしれないですね。竹渓成果に関して言えば、チームの目標数値を達成したかどうかしかなく、スキル面の評価はグレード制にするしかないのかな、と思います。原デザイナーの評価って、どうしても主観的になりがちで、客観性が薄くなりがちですよね。ある人が見るとダメだけど、違う人から見ると良いとか。だからデザインスキルがどれだけるかよりも、事業に対してどれだけコミットし、結果を出せたかに結びつくの

bricklife 2015/10/23

「採用の時に課題整理能力にフォーカスして見ています」「物事をゴールから逆算できる能力や、課題を細かく分解して解決する能力」

リンク

iOS 9 GUI (iPhone) — Facebook Design Resources

Photoshop and Sketch templates of GUI elements found in the public release of iOS 9. Go make good stuff. Most people find this file useful for mocking up apps. Others use it to concept ideas or create custom interface elements that work harmoniously with those native to iOS. Whatever your use, we hope you make good stuff with it. New to this app design thing? You may want to become acquainted with

bricklife 2015/10/09

FacebookがiOS 9のUIテンプレを出すというよくわからない事態。Sketch用もあるよ

リンク

あなたと働くエンジニアの人生を最悪なものにしないために – デザイナーのための3つの提言 | POSTD

それとも、”私はデザイナーなので、そんなことを知る必要はありません”と言い張るのか私の職業はデザイナーです。私はエンジニアが好きです。ちょっと度が過ぎるくらい好きかもしれません。以前、Facebookのグループに参加した時、かなり前からチームのメンバであるiOSのエンジニアと初めて話して、口から泡を吹いたことを思い出します。私はその時、これまでに自分がObjective-Cでコーディングしたものについて、勢い込んで話し始めました。まるで、高校の新入生が、上流階級の生徒に対して、自分が付き合う価値のあるカッコいい人間だと証明しようとしているみたいだと感じました。デザイナーの多くが、エンジニアとの話し合い方を実はよく分かっていないと思います。もちろん、デザイナーはエンジニアと話しますが、本当の意味で関わろうとしていません。この記事を書いた理由はそこにあります。ソフトウェアエンジニアの懸

bricklife 2015/08/14

Framer/Origami推し「もしインタラクションがエクスペリエンスにとって重要ならば、それをプロトタイプにするのはあなたの仕事です」

ui
design

リンク

なぜメニュー表示用ボタンの「ハンバーガーアイコン」はダメなのか？

スマートフォンなどのモバイル端末用UIでよく用いられる﹁三﹂のマークのアイコンは、ハンバーガーのように見えることからアメリカでは﹁ハンバーガー﹂アイコンと呼ばれています。徐々に浸透してきたハンバーガーですが、UIデザインの優劣という観点から見た場合、﹁劣った醜い撲滅すべきものである﹂という意見が出されています。なぜハンバーガーがダメなのかについて、ジェームズ・アーチャー氏がデータ分析結果を基に理論的に解説しています。 The Hamburger Menu Doesn't Work - Deep Design http://deep.design/the-hamburger-menu/ 下の画像の赤丸で囲われたのが﹁ハンバーガー﹂。モバイル端末UIだけでなくデスクトップUIでも広く普及したアイコンで、クリックすることで主にメニューなど他の追加情報を表示させられます。 ◆不親切一般的に普及し

bricklife 2015/08/14

知ってる

ui
design

リンク

クレジットカードフォームの解剖学 | POSTD

オンラインでクレジットカードを使って支払うことは簡単ですよね？この答えはYesでもNoでもあります。Yesの理由は、インターネットが普及された初期からずっとそうしていたから︵例‥Amazon︶。Noの理由は、まったく同じクレジットカードフォームは2つとないからです。過去20年以上で、私たちはオンライン支払のメンタルモデルを作り上げてきました。﹁財布からクレジットカードを取り出して、ウェブのフォームに必要なカード情報を入力、そして申込みボタンを押す﹂というものです。しかし、ユーザーが答えないといけない質問でいっぱいなので、全てを入力するのはとてもややこしい行為になってしまいます。そして言うまでもなく、誰も取扱い説明書なんて読みたくありません。さまざまな有名ウェブサイト・アプリのクレジットカードフォーム何かの代金をオンラインで支払う時は、人へ支払う時より2,3倍遅れをとります。端末のボタ

bricklife 2015/08/12

よく考えられてるわー「私たちのゴールは、多様な入力事項とユーザーが疑問に思う箇所全てについて、その意味がわかるようにすること」

design
ui

リンク

UI/UX デザイナーを雇わない方がいい理由｜ブログ｜root｜芯を問い、成長に貢献する

UsabilityHour.com の創設者である、クレイグ・モリソ氏によるゲストポストをお届けします。 UXデザイナーとUIデザイナーは完全に違う役割を果たすから、一人の人間に両方の仕事を任すべきじゃない。ふー、ついに言ってしまいました！みなさん言いたいことはあるかと思いますが、その怒りをぶつける前に、まず説明させてください。この2年間、私は二つのスタートアップでリード UX/UIデザイナーとして働いてきました。また、どちらのポジションにいるときも多くのインタビューを受けしました。次第に、どういう現象が起きているのかがようやくはっきりと見えてきました。世間、特にスタートアップの創設者は、ユーザーエクスペリエンス・デザインが、本質的に何なのかを理解していないのです。もちろん、重要だということは把握していますが。使いやすいインターフェイスを持つというのは、デジタルプロダクトを売り

bricklife 2015/07/28

「もし、ユーザーに保証した価値を提供できない場合、その原因はUXにあります。あるいは、もしその価値にたどり着けないような作りにしてしまった場合は、UIに原因があります」

リンク

Sketchで変わるワークフロー

アドビの中の人が語るCreative Cloud最新事情と活用術！〜ココでしか聞けない「Adobe×山口」レア話〜Michihiko Nasukawa

bricklife 2015/07/22

「export-assets-master」「作成したPrott画像数 300〜～400枚」「レイアウト指示書の作成が不要になるツール Zeplin」

リンク

男性が理解できない「女の意思決定」を可視化した「女ゴコロフレームワーク」とは。ネイルアプリ「ネイルブック」が語るアプリ運営の生体験談。 | アプリマーケティング研究所

男性が理解できない﹁女の意思決定﹂を可視化した﹁女ゴコロフレームワーク﹂とは。ネイルアプリ﹁ネイルブック﹂が語るアプリ運営の生体験談。﹁ネイルブック﹂を運営しているスピカさんにお話を伺いました。女性心理を理解するための3ステップ﹁女ゴコロフレームワーク﹂とは？ ※株式会社スピカ﹁ネイルブック﹂3代目ディレクター正木友佳さん︵初代ディレクターの川端さんにも同席いただきました︶﹁ネイルブック﹂が出来るまで。﹁ネイルブック﹂について教えていただけますか？川端‥ ﹁ネイルブック﹂は、ネイル写真を共有するアプリです、現在は10名のメンバー︵うち女性4名︶で運営しています。ダウンロード数については、2011年4月にリリースして、現在120万ダウンロードです。海外からのダウンロードもありますが、アクティブユーザーは日本のユーザーがほとんどです。どんなユーザーが使っているんでしょうか？川

bricklife 2015/07/13

軽い気持ちで読んでいたら大事なことがいっぱい書いてあった。これ、たぶん女性かどうかは関係ない

ui
design

リンク

『「AWA」のデザインはどのようにして作られたのか。』

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

bricklife 2015/06/24

「モックフロントエンジニア」というポジションがあるのがすごい

design
ui

リンク

インタビュー：利便性を徹底的に追求した「AWA」のUI/UXデザイン - MdN Design Interactive

サブスクリプション型音楽配信サービス﹁AWA﹂︵http://awa.fm/︶の提供が開始となった。スタート時点で23社のレーベルが参加しており、邦楽・洋楽あわせて国内最大規模となる数百万曲の楽曲を月額定額制で楽しめるのが特徴だ。スタート当初はiOS/Androidアプリで提供されるが、注目したいのがそのUI/UXデザイン。﹁スマートフォンで音楽を聞くのに一番適したUI/UXを研究した﹂と語るAWA株式会社のデザイナー・室橋秀俊氏に、AWAのデザイン面および将来性などについてインタビューを行った。 ●室橋秀俊氏 AWA株式会社デザイナー Webのデザイン制作会社や広告代理店を経て、2012年サイバーエージェントに中途入社。﹁Ameba﹂のコミュニティをいくつか担当したのち、エイベックス・グループ・ホールディングス株式会社の100％子会社であるエイベックス・デジタル株式会社と株式会社サイ

bricklife 2015/06/11

「デザイナーの役割は単に「UIをつくること」ではなく、デザインすることを通して「サービスの目的を達成したり、課題を解決させるということ」が重要」

リンク

あなたは今も犯している！？モバイルUXの7つの失敗 - ふろしき Blog

ここ最近、モバイルWebコミュニティにて、Apptimize社のトップであるLynn Wang氏がポストした﹁7 Mobile UXMistakes You’re Probably Making Right Now﹂が話題になっています。 www.sitepoint.com その内容とは、彼女自身が、A/Bテストを使い様々なモバイルアプリの改善を行い、その中で得られた知見をまとめたものです。若干、煽り気味なタイトルに見えますが、中身はしっかりしていて、多くの人がなんとなく感じていることをキレイに言語化しています。個人的にも、参考になると感じています。本人の許可が頂けたので、日本語らしく読めるようざっくりと意訳し共有します。 1. 不必要にサインインをさせようとする多くの人々は、ユーザのサインインが価値を持つものだと考えています。しかし、時にサインインは、ユーザに苦痛を与えます。たとえ

bricklife 2015/06/04

「殆どの人々が、見た目が魅力的であるよりも、自身が望むことが実現しやすいアプリを好むでしょう」「決断を行う直前のユーザサプライズが、コンバージョンを改善させた」

リンク

UX侍がアプリ開発のUXをガチでコンサル、7つの提案は必見！　マネックス証券 × UX侍 | UXサムライ

bricklife 2015/05/19

「重要なのは、普段使っているアプリと同じ感覚で使えること」「ワイヤーフレームの本質とは、レイアウトを決めるものではなくて、情報の優先順位を決めること」

リンク

TechCrunch | Startup and Technology News

The keynote will be focused on Apple’s software offerings and the developers that power them, including the latest versions of iOS, iPadOS, macOS, tvOS, visionOS and watchOS.

bricklife 2015/04/03

「エンジニアのいないデザイナーの作品は、ただのアートだ。デザイナーのいないエンジニアの作品は、味気ない駐車スペースだ」

design
ui

リンク

モンストとメルカリが明かす成功の秘訣、共通点は「シンプル化」

グーグルは2015年2月25日、開発者向けイベント﹁Google for モバイルアプリ～Google と切り開くアプリビジネスの未来﹂を開催した。テーマの一つとなったのは、モバイルアプリの品質向上。﹁先進アプリ企業が語る品質重視のビジネス戦略と海外展開﹂と題したセッションでは、ミクシィの森田仁基代表取締役社長、メルカリの小泉文明取締役が登壇︵写真1︶。ミクシィのゲーム﹁モンスターストライク︵モンスト︶﹂と、メルカリのフリマアプリ﹁メルカリ﹂における品質向上の取り組みを明かした。両アプリに共通していたのは、公開以来、ユーザーインタフェース︵UI︶をシンプルにする方向に改良してきたという点だ。

bricklife 2015/02/26

「両アプリに共通していたのは、公開以来、ユーザーインタフェース（UI）をシンプルにする方向に改良してきたという点」

リンク

ユーザビリティの評価手法

UIの開発では、UIの具体的な問題点の発見と改善のため、ユービリティを定性的に評価する方法が多く用いられます。代表的な方法としては、「ユーザビリティテスト」と「ヒューリスティック評価」があります。ユーザビリティを評価する方法ユービリティを向上させるためにはどうしたらいいのでしょうか。そのためには、まずその製品・サービスの「ユーザー」「状況」「目的」を明確にして設計した上で、本当にうまくいくのか、そのユーザーと状況で目的を達成できるのか評価（検証）する必要があります。ユーザビリティの評価手法としては、評価の目的や実施の制約条件に応じていくつかの選択肢があります。ユーザビリティテストはリアルなユーザー行動を観察する方法で、狭く深く評価します。比較的、期間やコストがかかります。一方、ヒューリスティック評価は経験則やガイドラインに基づいて評価する方法で、浅く広く評価します。ユーザービリティ

bricklife 2015/02/10

「定量的ユーザビリティ調査の実施には、定性的調査の約4倍の費用がかかる」

design
ui

リンク

気遣いのあるデザインの裏にある努力 - ワザノバ | wazanova

http://paulstamatiou.com/twitter-video/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 38分前フレームワークやツールが進化することで、そこそこのスキルがあれば比較的短い期間でもそれなりのプロダクトをつくれるようになるという恩恵を世の中全体が享受できますが、一方で才能のある人たちは、その便利になった道具を利用して、更に先に進みます。そしてUIの競争は際限なく続きます。一つの目のパターンは、意外なところまで気遣いをしているので、それを発見したときにポジティブな喜び、驚きを感じるところ。 Slackを使っていると、登録済のパスワードの入力を求められる画面で、スマホキーボードでのパスワード入力を面倒に思う人、もしくはパスワードが長い人に配慮して、﹁パスワードを入力する替わり

bricklife 2015/02/04

Framerよさそう「750枚を超えるSketchモックアップと54個のFramerプロトタイプを経て作り込んでいます」

design
ui

リンク

グッドパッチ土屋氏に訊く“本当のUI”とは？「良いUIは、コンテンツの力を引き出す」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、広報担当のヨシキです。最近、会議や提案などの場で、“UIにこだわりを” や “これまでにないUIで” などのフレーズをよく耳にするようになったと思います。しかし﹁UIとは何なのか﹂と聞かれると、詳しく答えることはできない、という人も多いのではないでしょうか。実際、僕もその中の一人です。ユーザーインターフェースの略であること、ユーザーの使いやすさに関わること、というぐらいはなんとなくわかります。しかし、そもそもなぜ今UIなのか、UIデザインと通常のデザインは何が違うのか、など具体的なことはよくわかりません。そこで本日は、UIの設計・デザインに特化し、あの﹃Gunosy﹄の最初のデザインを手掛けたことでも有名な﹁株式会社グッドパッチ﹂さんを訪問し、話を聞いてみることにしました。答えが見えないことは、やはり一番わかってるっぽいところに聞くのが一番簡単な解決方法だと思ったから

bricklife 2015/01/27

「呼吸をする感覚で情報やデザインをみていないと、いいUIデザイナーには絶対なれない」

ui
design

リンク

はてなブックマーク

タグ

関連タグで絞り込む (11)

uiに関するbricklifeのブックマーク (34)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第1週）

月間はてなブックマーク数ランキング（2024年6月）

今週のはてなブックマーク数ランキング（2024年6月第5週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス