画面をデザインするということ - Qiita

この記事は社内の勉強会で話した内容を再編したものです。 私自身はPC/ブラウザ/スマホのアプリ開発をしている１エンジニアにすぎないのですが、対客や要件定義から開発、運用、そしてUIのデザインを担当しており、自分なりに伝えられるものがないかと試みたものです。 デザインとは デザインとは単に見た目だけの話ではなく、「ビジネス」と「ユーザーが得る体験価値」から始まり、それを実データと結びつけながら人の認知を通してどう見せるのかという作業です。 始まりの部分は最近だとUXデザイナー、終わりの部分はUIデザイナーとかグラフィックデザイナーとか呼ばれるような人の仕事です。そしてそれらを形にするのがエンジニアです。 画面を設計するまでの作業 ギャレットのUX5段階モデルに従って、どういったことを考えないといけないのか確認します。 （実際にUX５段階モデルを意識して仕事してるわけではありませんが、何かしら

[mayumayu_nimolove]

フルスタックを自分で名乗る貴重な人材

[securecat]

このように紐解いたとしても、やはりこれはUXじゃなくてIAの領分だと思うわ

[daizo1117]

“エンジニアが画面作ると余白がなかったり、余白の大きさが画面によってまちまちになったりしがちです。 余白一つで美しさが見違えるように変わるので知っておくと良いかもしれません。”

[yoshi-nkyma]

“https://qiita.com/megumu-u/items/554f3e9f8950ddddb03a”

[s99e209]

たしかにデザインリニューアルするときは既存利用者の認知的負荷がある一定のラインを超えると不満が出ますね。既存のものに手を加えるときはセオリーを外さないほか、重要な箇所にフォーカスするってのも大事

[yarumato]

“ギャレットのUX5段階モデルで画面設計までの作業を説明。戦略->要件->構造->骨格->表層。斬新さの発明ではなく説明可能なデザインルールを作ろう。色も感覚だけで決めない。最高のUIとは体の一部のように操作できるUI”

[gen-tatsumi]

5段階モデルをもうちょい単純に、visual(感覚的要求)、interaction(機能的要求)、service scenario(ビジネス要求)で説明している。上から具体→抽象となるので、output指向の人は上部から始めがちだが　土台がないと家建たないよね

[takayaman]

UX5段階モデルについて Goodpatch さんの記事があります。 　UIデザインにおけるインターフェイスアーキテクトの役割 　https://goodpatch.com/blog/ui-interface-architect/

[t0ng]

デザインを装飾と間違えてる奴多いが、ちゃんと設計として定義してて良い

[phoope]

いい記事だ

[nochiu74]

みやすい

[kei_0000]

「表層:見た目のデザイン/骨格:画面パターン・ワイヤー、画面遷移とか諸々のルール/構造:APIやデータの設計/要件:要件定義/戦略:ビジネスの目的・目標」全部きちんとやるのは大変。1人でよく考えた後、助けを借りたい

[ttkazuma]

デザインは色だけ難易度高い

[yutaka_maruoka]

UIもいつかちゃんと語れるようになりたいと思ってメモ(著者欄のフルスタックエンジニアってなんだっけ？(哲学的問)に思考プロセスが上書きされて本文なんも入らんかった。いつか読み直す)

[maketexlsr]

“実際にUX５段階モデルを意識して仕事してるわけではありませんが、何かしら枠組みに沿って説明したいので今回はUX5段階モデルを利用します” いやいやいやいや

[otihateten3510]

よくやるなあ

[tri-star]

画面のデザインを考える際のヒント