HTML(情報設計)はCSSより優先して考えよう|CSSリファクタリング実例

2016年7月13日

テクテク関西で、「連載モジュールデザイン」と題して、デザインとWebについての関係性を整理していっております。
その中で軽く、情報設計はグラフィックよりも優先度が高いことについて触れておりますが、今回はその点についてリファクタリング実例をみながら考えていこうと思います。

UXデザイナーの職務を整理する|「UI/UXデザイナー」って書くのいい加減にやめようよ

2016年7月9日

テクテク関西で、「連載モジュールデザイン」と題して、Webデザインとは何者であるか。UX,ペルソナでUIを評価すること、UIとはどういう要素で構成されているのかなどを整理していっています。
本稿は、その番外編として、「UI,UXは何かはわかったよ。でも/じゃあ、最近よく聞くようになったUXデザイナーは何する人なの」というところについて考えていこうと思います。

モジュールデザインのすゝめ――CSSから逆算してデザインを考える|連載モジュールデザイン4

2016年6月24日

こんにちは、rdlabo.incの榊原です。
先日開催された「FRONTEND CONFERENCE 2016」で、『グロースハックを実現する「モジュールデザイン」とCSS設計』というタイトルで登壇しまして、そこで話したこと、話したらなかったことを連載形式で紹介します。

第一回 Webデザイン再考ーー紙面デザインとの対比からみるWebデザイン
第二回 UXでWebデザインを評価しようーーいいWebデザインとは何かを考える
第三回 UIデザイン再考――UIデザインの3要素と仮説精度
 
さて、前回までに、UIデザインは冗長的であるべきで、具体的には

  • 一箇所を変更して、予期しない部分まで変更が入らない
  • 一箇所を変更すると、同類型のパーツは全て変更される
  • 最小の変更は、最小の人員で行うことができる

という要件を満たす必要があることを確認してきました。UIデザインはデザインとして完成するのではなく、UXの仮説精度とコーディングの一貫した流れを見据えてPDCAサイクルを回さないといけない話です。

そこで、第二回でUXからUIを評価したように、今回はCSSからUIデザインを考えていきます。

UIデザイン再考――UIデザインの3要素と仮説精度|連載モジュールデザイン3

2016年6月8日

こんにちは、rdlabo.incの榊原です。
先日開催された「FRONTEND CONFERENCE 2016」で、『グロースハックを実現する「モジュールデザイン」とCSS設計』というタイトルで登壇しまして、そこで話したこと、話したらなかったことを連載形式で紹介します。

第一回 Webデザイン再考ーー紙面デザインとの対比からみるWebデザイン
第二回 UXでWebデザインを評価しようーーいいWebデザインとは何かを考える
 
今回は、UIデザインを3要素にわけて、その仮説精度から「UIデザインにとって重要なこと」を考えていきたいと思います。

UXでWebデザインを評価しようーーいいWebデザインとは何かを考える|連載モジュールデザイン2

2016年4月29日

こんにちは、rdlabo.incの榊原です。
先日開催された「FRONTEND CONFERENCE 2016」で、『グロースハックを実現する「モジュールデザイン」とCSS設計』というタイトルで登壇しまして、そこで話したこと、話したらなかったことを連載形式で紹介します。
 
今回は、Webデザインのいい悪いをどうやって評価するかについて考えたいと思います。

Webデザイン再考ーー紙面デザインとの対比からみるWebデザイン|連載モジュールデザイン1

2016年4月21日

こんにちは、rdlabo.incの榊原です。
先日開催された「FRONTEND CONFERENCE 2016」で、『グロースハックを実現する「モジュールデザイン」とCSS設計』というタイトルで登壇しまして、そこで話したこと、話したらなかったことを連載形式で紹介します。

第一回目は「Webデザイン再考ーー紙面デザインとの対比からみるWebデザイン」と題しまして、「Webデザインってそもそも何だっけ」というところを見なおしていきます。