Thinking Backwards: モバイルデザインと情報アーキテクチャの課題

ōľěŕķĪěřĆQ�ęŚģĶĤijŎĊ¦w

Thinking Backwards

#ugf0308

by matley0

TAKASHI SAKAMOTO

2014/03/08

Ö]¹»

@bookslope

ĥœŁĚĴĤķĪěĺŚKc�

��O�ļĴĸěŏŚĥŕŚŃ�d�

ķĬıŕʼnŚĦĶĚřĥĞŚĬĝřīŚ�

Q�ęŚģĶĤĸ��"ķĪěĺŚ�

�����(3�¥·Ä���

����.23+343(���5�����"���=��

�0(.��ŃŗĬĝĤĸ�

ÌÓ・�§�

F�éōľěŕ��īřģřĥêĎó

9\?AķĪěřĉ±ăïÿæQ�ęŚģĶĤijŎĊGÃĉò÷ĖİŔŐŚīŒřĘ�ÅýĖÿđĊTvç

Hi@iB

U¾Ę�ÜüQ�ĘB��üÿðñą�7ē¦wĘZĔóĉüæ@ÿĈQ�Ċ�ÅXvĘÊÍýĖùĆç

IA

ĺŀħŚīŒř

ĺŀħŚīŒř

Navigation SecondĺŀħŚīŒřįġřĹ

5

3

2

4

6

1

1

4

6

6

4

1

Responsive Web DesignʼnŕijķľěĭĊŖěęĜĸĿıŚř

@jZIb:g

`Wbj

DiRiQ

`Wbj

fiA

`Wbj

hE

ĨřĶřĵěřńřĸŔ

¤�ŘěŏŚŁŖŚŋ

Ķģĭĸ�ĊÊ¢��

e<VjSG<i

łŖěĤňěřĸĊ�b

łŖěĤňěřĸÞĊķĪěř

����ķĪěřŃŗĸıěŃ

ŃŗĸıěŃĊĭĺĴŃīŒĴĸ

I��ŃŗĸıěŃ

hLĆĢěĹœěř`M

by Kuteken

8

3

2

4

9

1

5

6

7

� ������������3$'$��+,$14�#/4�4%(��))+&+$-��*$..(-ĉĄŃŖŊęĨřĶřĵôßèęĴŃë

Whats New

New Release

Universal Music japan

Movie

宇多田ヒカル 3

21

6

5

7

4

Links

>DHJR_-

]hNAT-

ĞĨīĭĶŋĆċæúďûďĈĒĊćðüĊj½°«ēÉ�ãºĊùĆąýçùĊo}æRĩŚŀĭĆĊj½ãºĘgÿo}Ę�üďýç

>DHJR_-Ćċ

ŃŗIJĤĸĆċùĊo}!(%ŅŚĬĘ�üďýçüÿôāĄùĊo}æþĊ!(%ŅŚĬÙpĀ÷Ęnĕ;øĄgÿo}Ę�üďýç

]hNAT-Ćċ

FjZJSG<i]hNATSG<i

・ĭĶŚĤņŕIJŚʼnĴŃ�・ĬŎŚĻŚʼnĴŃ

・ĩěĸēęŃŔ�・Ú�

FjZJSG<i�

]hNATSG<i�

1547����

ōľěŕĉò÷ĖQ�ęŚģĶĤijŎ

cjGj�.6$��

F<T$�6��

DiRiQ$�6��

ĬŎŚĻŚʼnĴŃąĊB��

��ĿıŚřĊ¡P

ŖěęĜĸĉò÷Ė��XÆ

ĵŚŕ・ŌİĴĹ

őŚĪŚpäĊÊ¢�

ĭĶŚĬ

őŚĪŚ

ĨřĶĤĭĸ

ŀĬļĭ

ęĤīŒř

ĞōŚīŒř

Ńŗįĭ

ĭĶŚĤņŕIJŚ

¯³ēoa

ŀĬļĭW=

YVŃŗįĭ

AQ・�£・ÒÀ

ĬŎŚĻŚʼnĴŃąĊB��

ÑÂ

ōľěŕĉò÷ĖQ�Ê¢ĿıŚř

l�

ãºk

ıłŀŐŚ��

Ľł�ĭňŚĤ��

ʼnĸŔŒŚīġ��

��ĿıŚřĊ¡P

ŁĚŕıŀŐŚ

×eÈ

ϵ¬

ıłŀŐŚ®©ĊQ�Ę�ĕËñĄl�ýĖĒĊ

ŁĚŕıŀŐŚ_ª^{ą®ČËñl�ĘüÿĒĊ

l�

ÑÂ

Ľł�ĭňŚĤ?ÎĊª^óĔæYõ:ôîĖĒĊ

×eÈŌěřª^ĉæýčĄĊQ�Ęl�üÿĒĊ

ãºk

ʼnĸŔŒŚīġqėHĉĈāÿÊ¢ĊĒĊ

ϵ¬Ù´ĈyHÊ¢ĘĒĂĒĊ

ōľěŕĉò÷ĖĨřĶřĵÊ¢Ċ��

ġœŋ

��²x

ŖěęĜĸĉò÷Ė��XÆ

ĭĤŔŚřĩěĮ< ĭĤŔŚřĩěĮE

őŚĪŚěřıŚŁĝŚĭååĿıŚř

VZCjHdi Ōěřª^ēþĊŌĻŐŚl�ĿıŚř

[?j_ ĩěřěřē¨âæijĝĴĤęĜĸĈćĊl�ĿıŚř

Rj\g・fJT lēŔĭĸæªr¿õŔĭĸĊl�ĿıŚř

+#・LjT・[;gM ĶģĭĸÝÇĆþĊf¸æ®ČËñēÝÇ|tąĊÕĕáĐl�ĿıŚř

Qjg ĵŚŕľŚēęĤīŒřŇıřĊl�ĿıŚř

Be[ ­ĥœŁēØĥœŁæķŚıĘĒĆĉüÿĥœŁl�ĿıŚř

%� ōŚIJŕĜĚřĹĜēľŕŚřæijĴŃĭl�ĿıŚř

[;jUXPA・:[?jNiJ ŖĭňřĭĊl�ąĞœŚē¶�Ċl�ĿıŚř

^g] ĢěĹēĨŚijæĵęŚĈćĊl�ĿıŚř

:iOYMji ĿıŚřĉeĄċďĔĈïl�ĿıŚř

10

1

2

3

4

5

6

7

8

9

10

SG<iYMji

:iOYMji

9\?AķĪěřĉ±ăïÿæQ�ęŚģĶĤijŎĊGÃĉò÷ĖİŔŐŚīŒřĘ�ÅýĖÿđĊTvç

Hi@iBĆċIA

U¾Ę�ÜüQ�ĘB��üÿðñą�7ē¦wĘZĔóĉüæ@ÿĈQ�Ċ�ÅXvĘÊÍýĖùĆç

�

!�

$�

��

*

ZIb:gSG<i

VZCjHdiSG<i

<iMeAHdiSG<i

��),

<iMj[=jJSG<i

�SG<i

DiRiQ��

�:j@RAOa

cjGjWjK�

F<T6��

&��

�*/3/

�*/3/ zS�1($3�'($2

�/23��($'

�*/3/ zS�*/3/�*/3/ zS

+'(/

zSzS�$3(23�

ìzSí

�*/3/

���/0��3/16

��

1

4

1

2

3

54

2

4

���

3

5

�JmH

zS8à

��� �� ~T VªŁğĸ

1

N¿~Û]NĊÁÔ CDĊÁÔ CDĊÐÔ

ÁÔĉïĖĆõĉæCDĊÐÔċIJěŖĤĸĉgėĈï

N¿~Û]NĊÁÔ CDĊÁÔ

īĺŔĠĆª^Ċãºk

CDĊÐÔ

��/"(0

��/'(0

��/"(0

ÐÔ・ÁÔĊ~ÛĆN¿Ċ~Ûô�¼ĆĈĖ

��

��/'(0

3��������ÁÔ

]NĊÁÔ

1

����� ��ÐÔ

����� ��ÁÔ

�����[��ÐÔ

�����[���u

�����[��ÁÔ

2

5

4

�� �����ÐÔ

ª^ŖěęĜĸĆ��²x

ϵĺŀħŚīŒřĊÂY

īĺŔĠĊI¡�

��Ċ�>

ŀĬļĭĉò÷Ėsw��T�çswþĊĒĊąċĈöæi>ē�7Ę£ñĖùĆóĔ�đĖsw��vĘ�ýç

&38�29

by matley0

#ugf0308

TAKASHI SAKAMOTO

2014/03/08