schoo "よりよいサイトやアプリを作るための、情報設計"

2014/02/07

ýÿýÔĒćğüąħĵăEĀèúó/r�h

Let's take a look at this issue from a different perspective.

IA/UX PERSPECTIVE

schoo

=�+,

by kennymatic

��ăÌ�ëóc2ØþKfîÚĀ

­[�îJĀÞïîÌ/r�h=ÙHòëÛ

OBJECT

��^7Id�b������

q¢½�������

­[�Øþ�ÖĀ������

w�ăºÖíëÛĀ������

IA

/rąĻčĝĎĚį

Þó�DăJíÌðÕsĂā÷âèØ�

ë÷þñàçÕ

ñĄØDSçÕ

1

2

tv{fyl��

g�v�l{f���

ë÷þñàçÕ

DSçÕ

1

2

ĖĘĝĆěĎïôÌ~�óÞïîäÍë÷ÿÌ~��ïâíJèR]ăzâ÷äÍçÕäĀïÌèâØò`ªîgóDSøûñÔûóòûJÖíÚ÷äÍ

tv{fyl��ïô

Realmac Software “Clear for iPhone”

ćĺĘĴĎĝĆĦïôÌM�E.óÞïîäÍ�ë÷ÿÌ~��îôñÛĔĖĝĬïó»<ïâíJèR]ăzâ÷äÍĒĈĺĠÙÓÿÆ+ò5ÛÞïÙĂØĀïÌÂâçÕòJÖíÚ÷äÍ

g�v�l{f���ïô

tv{fyl��

g�v�l{f���

4�óÎIJĻēĻćĺĘĻĥĉĻĖÏïÔÕ�¥ó¨|òôÌĖĘĝĆěĎñ��ăzäïïûòÌćĺĘĴĎĝĆĦNă�ùûóăzäR]Ù"Ôï�Ö÷äÍ

Þó�DăJíÌðÕsĂā÷âèØ�

ÞāîZ)

ÞāéïĂØÿòÛÔ

1

2

iort{���

��wl}��

ÞāîZ)

ÞāéïĂØÿòÛÔ

1

2

ĊđĔĖĝĬïôÌà÷á÷ñûóðÕâóM���ü¦{É�óÞïîäÍÞóR]Ì0ĒĻĤĖïóM�É�ăJèR]ăzâ÷äÍ

iort{���ïô

ħĸęĎğïôÞóR]���ĨĻĕăzâ÷äÍâèÙêíÞóR]Ìçó���ĨĻĕ·TéÜăQÿ ÝíJèR]ăzâ÷äÍ

��wl}��ïô

iort{���

��wl}��

ÑĪĻĐĝĆĺď>TóÒw�ò»âí:#âíÔĀóîÓāõÌÞāîZ)ï�Ö÷äâÌ8ÿèÔ/rÙ��âíÔíÌÞāéÜJíûĂØÿòÛÔïû�Ö÷äÍ

ĒĻĤĖĞēćĺ��wl}|qg�

ĊĎĖĨĵĊĺĖĖğĴĝĕĻ�¾ 

ğķĻĢĺď�m�

・ĖĝĻĎĩĶęĻĪěħ�・ĕįĻĢĻĪěħ

・Ēćğüąħĵ�・¼}

ÓñèôÌðÕÔÕ׳3ăàāíÔ÷äØ�

ĪĻĐĝĆĺďñð£�ìÛÿ

Ēćğüąħĵñð�LìÛÿ

1

2

p��t|qg���

��wl}|qg���

£�ìÛÿ

�LìÛÿ

1

2

�Lăk¤äĀĒĻĤĖóèúóĞēćĺ

�LçóûóăzäÌ�LóèúóĞēćĺ

p��t|qg���

��wl}|qg���

1

2

p��t|qg���

��wl}|qg���

Î��ÏïÔÕ�¥óÎ�Ïòôà÷á÷ñ�¥ÙVÿ÷äÍĒĻĤĖĊĎĖĨĵĊĺĖÎ��ÏüħĸęĎğĊĎĖĨĵĊĺĖÎ��ÏÌ�yTÊïÔÕAnîČĖĘĪĻĊĎĖĨĵĊĺĖÎ��ÏñðÙÓÿ÷äÍ

H\W_���ZQWM��

ÞāôðĄñĜĻĶéïsÔ÷äØ�

�DE,óĜĻĶ

ĔġĵċE,óĜĻĶ

1

2

\UV^'�d�b NHb^ZQ`JM�

£bÙÌĪĻĐĝĆĺď65ăWúĀ�òôÌ�yïó_2Ùu�îäÍçóèúóćĺĘĻĥĉĻĖïâí��ó�DÙu�òñÿ÷äÍçó�DóPāăĔġĵċï�ö÷äÍ

'���

r~�j��

�DE,óĜĻĶ

ĔġĵċE,óĜĻĶ

1

2

r~�j��

'���

-�a¿C-ó¡° &'ó¡°

Ĕġĵċï�DóÉ�N

&'ó¯°

19]Ib[O]E� ^89_wg�l}]�c\I

-�a¿C-ó¡° &'ó¡°

Ĕġĵċï�DóÉ�N

&'ó¯°

��F19G

��F89G

� F19G

89・19^�B[�.^�BN -[\b

�.

� F89G

àíÌÞāôgïO4â÷äØ�

�D�h¸

ĹćİĻĥķĻĬ��

1

2

wgem����

|�������

�D�h¸

ĹćİĻĥķĻĬ��

1

2

wgem�� |�����

ęćąďĴĬïôÌx�óÞïăzâ÷äÍÞóR]ÌÞāéÜîô1[�òô¶ĂÿòÛÔÞïÙ�ÖþāĀèúÌlÇü��ñðóÅ?Ùu�òñÿ÷äÍ

wgem����ïô

ĞĵģĴĦĶïôÌ,;^óÞïăzâ÷äÍ,;^ïôęćąďĴĬă�ùÅ?ĠčıĭĺğăzâÌđīıĢĐĻĔijĺĜĻĶïâíj.äĀÞïă!Gâ÷äÍ

|�������ïô

wgem����

|�������

��d?KY�b

iort{��� ��wl}��

p��t|qg��� ��wl}|qg���

r~�j�� '���

|������� wgem����

c2ó®Ôă8Ā������

q¢½�������

6�&Z%Kb������

w�ăºÖíëÛĀ������

�*

0"

3$

�

A/

�s�e�|qg�

~�n�r��|qg�

g�v�lr��|qg�

o�{�z�

��q���u�

pg}^#

��<C

g�v��h�t|qg�

��|qg�

��e�k{lx�

�&

�*

0"

3$

�

A/

�s�e�|qg�

~�n�r��|qg�

g�v�lr��|qg�

o�{�z�

��q���u�

pg}^#

��<C

g�v��h�t|qg�

��|qg�

��e�k{lx�

6�&

3

4

5

6

1

7

8

10

2

9

1 ĭĢıĻ

2 ģġĻ¼}

3 ĘćğĶ

4 Id%B

5 Óþäã

6 IdĖĐĕıĻĶ

7 čįĴĎĘóćĴĖğ

8 Ét¬�

9 YÔ]Ăæ

10 (EÃ

gó/rÙu�éïsÔ÷âèØ�

ĝĻĪ�

čįĴĎĘói�

1

2

1 ĭĢıĻ

2 ģġĻ¼}

3 ĘćğĶ

4 Id%B

5 Óþäã

6 IdĖĐĕıĻĶ

7 čįĴĎĘóćĴĖğ

8 Ét¬�

9 YÔ]Ăæ

10 (EÃ

11 ĝĻĪ�

12 čįĴĎĘói�

13 �

14 �

15 �

16 �

17 �

18 �

19 �

20 �

�*

0"

3$

�

A/

�s�e�|qg�

~�n�r��|qg�

g�v�lr��|qg�

��q���u�

pg}^#

��<C

g�v��h�t|qg�

��|qg�

��e�k{lx�

o�{�z�

6�&

ðÕÔÕw�î�§äĀïsÔ÷äØ�

Id%Bă8ÿèÔ

�

1

2

1 ĭĢıĻ

2 ģġĻ¼}

3 ĘćğĶ

4 Id%B

5 Óþäã

6 IdĖĐĕıĻĶ

7 čįĴĎĘóćĴĖğ

8 Ét¬�

9 YÔ]Ăæ

10 (EÃ

�*

0"

3$

�

A/

�s�e�|qg�

~�n�r��|qg�

g�v�lr��|qg�

��q���u�

pg}^#

��<C

g�v��h�t|qg�

��|qg�

��e�k{lx�

o�{�z�

6�&

Þó���ĨĻĕów�ôgéïsÔ÷äØ�

�

�

1

2

1 ĭĢıĻ

2 ģġĻ¼}

3 ĘćğĶ

4 Id%B

5 Óþäã

6 IdĖĐĕıĻĶ

7 čįĴĎĘóćĴĖğ

8 Ét¬�

9 YÔ]Ăæ

10 (EÃ

�*

0"

3$

�

A/

�s�e�|qg�

~�n�r��|qg�

g�v�lr��|qg�

��q���u�

pg}^#

��<C

g�v��h�t|qg�

��|qg�

��e�k{lx�

o�{�z�

6�&

Þó���ĨĻĕów�ôgéïsÔ÷äØ�

¬�\eăÀXäĀèú

ģġĻ¼}ă²¹äĀèú

1

2

c2ó®Ôă8Ā������

q¢½�������

­[�Øþ�ÖĀ������

#d?KYXPb������

Þó���ĨĻĕów�ăµÅ�íĀ

ĝķĤÈ��ă ÝĀ

ďěė²¹ò±©äĀ

1

2

�%�F �1

È�ăäĀD'5(Rb È�¬�ăc´äĀ

IJĻēĻĢĻėă�KäĀ

D'd!cS5(QWI vāåJèÔ

79ÙUÛJèÔ

�

��

�%�F �1

È�ăäĀD'5(Rb È�¬�ăc´äĀ

5(^L�aT c´ĵĪćĺĠ

79«}ăÀX

�

IJĻēĻĢĻėă�KäĀ

��

D'd!cS5(QWI vāåJèÔ

79ăUÛ8ÿèÔ

�

��

1 ĭĢıĻ

2 ģġĻ¼}

3 ĘćğĶ

4 Id%B

5 Óþäã

6 IdĖĐĕıĻĶ

7 čįĴĎĘóćĴĖğ

8 Ét¬�

9 YÔ]Ăæ

10 (EÃ

1 ĭĢıĻ

2 ģġĻ¼}

3 ĘćğĶ

4 Id%B

5 Óþäã

6 IdĖĐĕıĻĶ

7 čįĴĎĘóćĴĖğ

8 Ét¬�

9 YÔ]Ăæ

10 (EÃ

11 «�ó×8þæ

12 ďěė/r

13 �

14 �

15 �

16 �

17 �

18 �

19 �

20 �

3

4

5

6

1

7

8

10

2

9

1

3

4

7

ĘćğĶ

čįĴĎĘóćĴĖğ

ÄopÁ-��� ��Ð�� ��

IdĖĐĕıĻĶ

ĭĢıĻ

6

�����������@��< «�

79óÓþäã

11

ĘćğĶ

čįĴĎĘóćĴĖğ

ÄopÁ-��� ��Ð�� ��

IdĖĐĕıĻĶ

ĭĢıĻ

�����������@��< «�

�����������@��< «�

79óÓþäã

�����������@���< «�

Óþäã

×YÔ]Ăæ

ËË(EÃ

Ét¬�

�����������@���< «�

5

8

9

10

1

3

4

7

6

11

2ģġĻ¼}

�*

0"

3$

�

A/

�s�e�|qg�

~�n�r��|qg�

g�v�lr��|qg�

��<C

g�v��h�t|qg�

��|qg�

�&

o�{�z�

��e�k{lx�

��q���u�

pg}^#

6�&

iort{��� ��wl}��

p��t|qg��� ��wl}|qg���

r~�j�� '���

|������� wgem����

��d?KY�b

THANK YOU

@bookslope

=�+,

schoo

ÓÿÙïÕßáÔ÷âè

by kennymatic

c2ó®Ôă8Ā������

�2@)������

­[�î�ÖĀ������

w�ăºÖíëÛĀ������

*$ów�ò]ÕĮģćĶĞēćĺă�ÖĀ

ĝķĤÈ��ă ÝĀ

myu;>]:4Rb

1

2