はてなブックマーク

多くのユーザーに触れてもらうメディアサービスのUIデザイナーをしている。 ビジネス上の狙いとそれを表現するUIにはどうしても苦悩がつきもの。 例えば... 1. 性別選択UIサービス上でユーザー情報として性別を取得するケースがよくある。 ユーザーの自認するジェンダーをなるべく選択肢から排除しないように、男性/女性の他に項目を用意しているサービスも増えてきている。 「男性/女性/その他」にしているサービスが多いのではないだろうか。 「男性/女性/カスタム」のようにしてさらに多様な選択肢を提供しているサービスもある。 ここで問題とされることの一部を取り上げる。 ①「その他」という表現について ②そもそも性別を聞く必要性とその配慮について ①「その他」という表現について 男性とも女性とも答えたくない人にとって、「自分は"その他"なのか」と感じさせてしまうのはよろしくない。 その場合「どちらでもな

■一期生として卒業を迎えましたProtoOut Studio一期生のsksk_goと申します。 2019年12月22日にProtoOut Studioを卒業しました。 だいたい2019年の6月頃にスタートし、約半年間の活動でしたが、非常に楽しく充実していたので、このタイミングで振り返ります。 生徒がどんな感じで過ごしていたか知りたい方、ProtoOut Studioへの入学を検討している方などは読んでいただけますと少し参考になると思います。 ■入ったきっかけもともと自分は何かを企画したり考えたりするのが好きでした。ただ、考えたアイディアを、形にして発信するということは全くやっておらず、自分の中で「完璧じゃないと発信できない」みたいな固定観念は少なからずあったと思います。 日々の生活を過ごしていく中で、何も残さないまま年齢ばかり徒に重ねていく自分に焦りや不安、危機感があり、どう打開すればよい

自分の携わるプロダクト「ABEMA」にて、UIにおける文言のガイドラインを定めて運用している。 しかし、一部難しいなぁと思うテーマがあったのでメモ。 それが体言止め（名詞）と動詞についてだ。 ちなみに、その文言ガイドラインで何を記しているかはコチラ。 - 本ガイドラインのゴール - 簡潔に、正確に - 謙譲語・尊敬語について - 体言止め（名詞）と動詞 - 過去形と現在形について - 一人称と二人称（あなた or わたし） - 句読点について - 伝わりやすい言葉を選ぶ - 単語レベルでの表記ルール それぞれの項目について結構詳しく定めているのだが、本記事では体言止め（名詞）と動詞についてどのようなガイドラインにしたか、どこに悩んでいるかをメモってみる。 体言止め（名詞）と動詞について、どんなガイドラインにしているか 基本的にはテキストエリアが不必要に大きくなるのを防ぐために、ボタンやリス

最近チームのデザインフローとかを考えてたときに思ってたことをまとめてみた。 まず、Webサービスの開発でいうとだいたいデザインデータ＝FigmaやSketchなどのファイルになる。 デザインデータを綺麗に作ることによる短期的な目的は 「デザイン作業の属人化を防ぐ」 中期〜長期的な目的は 「デザイナーがサービス開発工程の上流で思考し続け、アウトプットする」 というわけで、仕事を綺麗に丁寧にこなすことのメリットを考えてみた。 どういうことかというと…① 開発工程の上流で仕事をするには、思考する時間を確保する必要がある。 ② 時間を確保する方法の中で「作業時間を短くする」が手っ取り早い。 ③ 作業時間を短くするためには、作業を効率化する必要がある。 ④ 作業を効率化するためには、その意識を持ち続け、それにあたる障壁を取り除く必要がある。 ⑤ デザインデータを綺麗にする意識を持つと、当然時間と根気

「アクセシビリティ」という言葉を使うほどではないかも。（予防線） 正直なところ、マシンリーダブルな部分は僕はまだよく理解してない。 アプリにおけるスクリーンリーダーとか操作や表示調整諸々とかちょっと待って！頑張るから！という意気込み。 で、完全に僕の主観だけど、多くのデザイナーがまず初めにとっつきやすいアクセシビリティは「色のコントラスト」だと思う。 ということで、 まずはAbemaTVのiOSアプリの色を全部見直したよ！（2018年3月） （2019年春：追ってWebも対応済み） （Androidは元々マテリアルデザインのカラースキームを採用してたのでそこまで問題ありませんでした） これまでのUIの色周りの課題でいうと主にこの3つ。 ・「黒背景」と「白背景」の画面が混在していた。 ・どの背景でも文字のコントラスト比が十分に保たれてなかった。 ・使用している色数がちと多い。 「黒背景」と「