#devlove iaシンキングによるモバイル再設計
Post on 11-Aug-2014
17.038 Views
Preview:
DESCRIPTION
TRANSCRIPT
by Nomadic Lass
IAŎŽŅŽŇĦijĶűŢĽŹH�t
TAKASHI SAKAMOTO @bookslope2014/03/02
mobile web site re-design with IA thinking
�13:30
ŇŹžŧżžņ14:15
ŇŹžŧżžņ�15:30
öV・øÚ16:30
{�17:30
#1 #2
#3
;CŌĽśħ7�ĹMÍėĶ
ŵžōžC=Ĺ�tėĶ
'Ĝĥ!pČĴ�tėĶ
#1
#2
#3
�
ŇŹžŧżžņ
ŇŹžŧżžņ�
öV・øÚ
{�
#1 #2
#3
13:30
14:15
15:30
16:30
17:30
����K?6_/�.)-'�4`9
J:GX0��/*+2D]Y`@[_3
��,2-10�(
@_9_;ģĨ
;ÀĹ�ðĕ7�Ĺ,oyĕĜĉĊĢ��ı�bĹDĴČĦĕā'Ĝĥ7�ħxÇB`ĹÐÙėĶđģĂ
IA
�
��
�
��
$�
RAY4^K?6_
NR<`@[_K?6_
6_E\:@[_K?6_
��#&
6_E`S7`BK?6_
�K?6_
=_J_I��
�4`9J:GX
Z`?`O`C�
>6L0��
"��
Ĥĺĥ7�čćĵāěķĨĥĚČæû�ġĶđģ
æûČĴ'Ĝĥ!pĹ©1ėĶđģ
űŢĽŹĦċĐĶ7�ĻžŅřņŖŲ
ŵžōžZÿħÐ�y
ŌĽśÐ�ħ�t
ŊŽřŽŘÐ�ħ�t
ŏŲžŞžŮŗŧĢħ,oy
��ţŔžŽħ�6
źĽĻľśĦċĐĶ�tBÈ
ŘžŹ・ŰœŗŜ
ŵžōžZÿħÐ�y
Őřžŏ
ŵžōž
ŊŽřņŐś
ŤŏşŐ
ĻņŎŶŽ
ŀűžŎŶŽ
ŧŻŒŐ
ŐřžņūŹŕž
¨±ıYJ
ŤŏşŐ@#
C=ŧŻŒŐ
+7・��・âÄ
ŏŲžŞžŮŗŧĢħ,oy
ßÆ
űŢĽŹĦċĐĶ7�Ð�ţŔžŽ
V�
þ¼T
ŔŦŤŴž��
šŦ�Őŭžņ��
ŮśŸŶžŎŃ��
��ţŔžŽħ�6
ťļŹŔŤŴž
åOÌ
Û¸
���ŔŦŤŴž ���ťļŹŔŤŴž
£�ħ7�¯ĹŔŦ�ĵÓĊĢV� G�FfĢ£ĪÓĊV�ĕĜİħ
V�
���ŔŦŤŴž ���ťļŹŔŤŴž
£�ħ7�¯ĹŔŦ�ĵÓĊĢV� G�FfĢ£ĪÓĊV�ĕĜİħ
V�
���šŦ�Őŭžņ ���åOÌ
�Ġħ�FČĴāēĭĔĭĥCĎ�ĦßÆėĶİħ
�Ġħ�FfĦāēĭĔĭĥ7�ĹV�ĕĜİħąßÆĕĥĈĆ
ßÆ
���šŦ�Őŭžņ ���åOÌ
�Ġħ�FČĴāēĭĔĭĥCĎ�ĦßÆėĶİħ
�Ġħ�FfĦāēĭĔĭĥ7�ĹV�ĕĜİħąßÆĕĥĈĆ
ßÆ
��ŮśŸŶžŎŃ ��Û¸
\ķ/ĦĥğĜÐ�ħİħ d/Ð�ĹİĠİħ
þ¼T
��ŮśŸŶžŎŃ ��Û¸
\ķ/ĦĥğĜÐ�ħİħ d/Ð�ĹİĠİħ
þ¼T
űŢĽŹĦċĐĶŊŽřŽŘÐ�ħ�t
�Ńŷů
��°c
źĽĻľśĦċĐĶ�tBÈ
ŐņŸžŽŌĽő" ŐņŸžŽŌĽő-
ŵžōžĽŽŔžťĿžŐĀĀţŔžŽ
NR<`@[_ ŰĽŽ�FıěħŰŞŴžV�ţŔžŽ
S8`W ŌĽŽĽŽı�ýāŖĿŗņĻľśĥĤħV�ţŔžŽ
J`T^・]BL VıŸŐśā�]ÁĎŸŐśħV�ţŔžŽ
%�・D`L・S5^E řŅŐśñÊģěħP»ā£ĪÓĊıñÊg_ĢħãĵüĮV�ţŔžŽ
I`^ ŘžŹŢžıĻņŎŶŽŬŔŽħV�ţŔžŽ
;\S ¡ŇŷťıçŇŷťāŚžŔĹİģĦĕĜŇŷťV�ţŔžŽ
!� űžŕŹľļŽŜľıŢŹžŽāŖŗŧŐV�ţŔžŽ
S5`MPH:・4S8`F_B źŐŭŽŐħV�Ģŀŷžıº�ħV�ţŔžŽ
V^U ńĽŜıŊžŖāŘĻžĥĤħV�ţŔžŽ
4_GQE`_ ţŔžŽĦOġĨĭĴĥĈV�ţŔžŽ
10
1
2
3
4
5
6
7
8
9
10
ŝŤʼnžŎŶŽ
ťŁžů
řžŦŹ・ŸŐś
ñÊ・œžś・ťļŹŔ
ŘžŹ
Ňŷť
Ø©
ťļžŜŢŗņ・ĻťŁžŕŽŐ
ŨŹŧ
ĻŽŖţŔžŽ
űŢĽŹĦċĐĶ7�ĻžŅřņŖŲ
ŵžōžZÿħÐ�y
ŌĽśÐ�ħ�t
ŊŽřŽŘÐ�ħ�t
ŏŲžŞžŮŗŧĢħ,oy
��ţŔžŽħ�6
źĽĻľśĦċĐĶ�tBÈ
ŘžŹ・ŰœŗŜ
ªä5 min
�
ŇŹžŧżžņ
ŇŹžŧżžņ�
öV・øÚ
{�
#1 #2
#3
13:30
14:15
15:30
16:30
17:30
ŇŹžŧ.Đ6名1グループ = 5グループ
Â�ħŚŐņśŗŧŌĽśĹűŢĽŹêíėĬďā7�ħ�SĹCĈ��ĦÞğĜŚōĽŽĹxÃĕġďĝēĈ
řļŗŧşŐħŌĽś�ăţžœŝŹśźžŞŽŇĄŪžŏ
;CŌĽśħ7�ĹMÍėĶ
ŵžōžC=Ĺ�tėĶ
'Ĝĥ!pČĴ�tėĶ
#1
#2
#3
Â�ħŚŐņśŗŧŌĽśħï^7�ĹMÍėĶĜįā7�Ĺ.áĕġďĝēĈĂěħµĦā¤jČĴQĶħĢĨĥďā"Ďĥj.ČĴ.®ĕġĈďđģčW!ĢėĂ
1ê¥�Fħ7�Ĺ.áĕāĥĦčÅĭķġĈĶČMÍĕġďĝēĈĂĭĜāĤĉĈĉwĸķBĹ$LĕġĈĶČæûĢÐĸĥĈħĢāe\ĕġďĝēĈĂ20 min
æû� W1
1
2 3 2 3
1
2 3
ŇŻžŢŹŝŤʼnžŎŶŽ
ŻžŃŹŝŤʼnžŎŶŽ
ŊŽřŽŘ
1
2
3
ņŻůijĵİŊŽřŽŘĹ��ēęĶ
źŐŭŽŎŦľĿŦŚōĽŽţŔžŽ
ŊŽřŽŘĽŽũŽśŸ
�|żĽųžťźžů
řŅŐśqħÐ��t
ŷĽŝžŚōĽŽ
ŦźĽņŭĽŽśħ�L
ŦźĽņŭĽŽśóħŚōĽŽ
����ŚōĽŽŧŻśŔĽŧ
ŧŻśŔĽŧħŐŝŗŧŎŶŗś
0{qŧŻśŔĽŧ
R2ģńĽŜŷĽŽI3
;CŌĽśħ7�ĹMÍėĶ
ŵžōžC=Ĺ�tėĶ
'Ĝĥ!pČĴ�tėĶ
#1
#2
#3
�ýziĐ³+ziĐ
ţžœŝŹśźžŞŽŇģĨ ŻŇĽŽ
V�!´ČĴŵžōžŞžőĹDĴČĦėĶ
ŰŞŴžħĒÕË
Zÿzħv
ţžœŝŹśźžŞŽŇÒ¬
�ýzĨ#nŌĽśčćĶĜįā��ýzą'½ŵžōžĆħĮĹŔžʼnŗśĦ¾'ĕĭėĂĤĉĈğĜ7�Ĺ¹Nėķĩāijĵ��ýzĦ«}ĹuğġİĴĊĶĢĕIJĉČ�
2��ýzħ7�ČĴāŎŝŸł�ŐśžŸžĹI3ĕāěķĦ�!ĝģ�ĸķĶ7�ą!´ĆĹ¹NĕġāŏŲžŞžŮŗŧĹU3ēęġďĝēĈĂ
30 min
!p�S
Őřžŏ
C=�+7���
Şžő��b
ŔŗŖŭĽŽś
ŐśžŸž� W2
ŵžōž]
0lÜ�č�ĞġÔàİôĦĥğġĎĜĐĤā&.ĝĐĢĨ÷ČĥĈđģčĸČğġĈĶħĢāţžœŝŹśźžŞŽŇĹñ²%Ă�!
k4ĨL*ĦĨĈĠİëÖĢĎĶħĢāëĵ:ĦćĶŏůĦaċĉČģ�Ã%Ă&.Ģ¦SĹėĶBĝčāĥĦĹ�ĬĜĴõęĶČĸČĴĥĈĂĽňŰŽ Ďħ��ò��Ă
!p�S
Őřžŏ
Şžő��b
ŔŗŖŭĽŽś
ŐśžŸž� W2
C=�+7���
ÝB &Ö
ċ)ĥ7�Ĺ>ĵĜĈ ZÿÎüĮĹĕĜĈ
ŐŮū� ŐŮū
?�ČĴŰŗŒčÑĈĜ�
ªä10 min
�
ŇŹžŧżžņ
ŇŹžŧżžņ�
öV・øÚ
{�
#1 #2
#3
13:30
14:15
15:30
16:30
17:30
;CŌĽśħ7�ĹMÍėĶ
ŵžōžC=Ĺ�tėĶ
'Ĝĥ!pČĴ�tėĶ
#1
#2
#3
I3ĕĜŏŲžŞžŮŗŧĹİģĦāěħh9ĦċĐĶűŢĽŹħ�FĹ�tĕġďĝēĈĂ
3 ĈĠ・[č・ĤħijĉĦwĉħČāĹ�Sĕġā�F�tĦ�×ĕġďĝēĈĂ
20 min
æû� W3
!p�S
Őřžŏ
Şžő��b
ŔŗŖŭĽŽś
ŐśžŸž� W2
C=�+7���
ÝB &Ö
ċ)ĥ7�Ĺ>ĵĜĈ ZÿÎüĮĹĕĜĈ
ŐŮū� Šžś��
?�ČĴŰŗŒčÑĈĜ�
æû�� W4
** *
ªä? min
�
ŇŹžŧżžņ
ŇŹžŧżžņ�
öV・øÚ
{�
#1 #2
#3
13:30
14:15
15:30
16:30
17:30
A
F
J
F
K
L
F
D
H
G
I
J
M
N
E
B
C
æû��ŻŇĽŽč~JĦćĶĜįā#niĐĦÎĕüĮĹéıěĉģĕġĈĶ
ţžœŝŹśźžŞŽŇģĨ
ţžœŝŹśźžŞŽŇħ�Ġħrì
ţžœŝŹśźžŞŽŇħXķ
ţŽďĘ
Żŋ ŰŞŴž
ţžœŝŹśźžŞŽŇħXķ
đĺĥBĦłŐŐŰ�
ēĴĦđĺĥđģİ,(�
ŻŇĽŽ
ŻŇĽŽ
ŻŇĽŽ
ŅžŤŏŴĻŹ
8ŌžŤŐ
łŽŷĽŽţžœŝŹśźžŞŽŇ
ŔĽśŹ
ŔŦ
W1
A
E
C
B Z
ŅžŤŏŴĻŹ
��ŌĽśīŰŞŴžŻŋ
D ŔĽśŹ
F ŻŇĽŽ
G ŔŦ
H
ţžœŝŹśźžŞŽŇģĨ
I
ţžœŝŹśźžŞŽŇħ��Ġħrì
J
ţžœŝŹśźžŞŽŇ�ħXķ
F ŻŇĽŽ
K
đĺĥBĦłŐŐŰ�
L
ēĴĦđĺĥđģİ,(�
F ŻŇĽŽ
N
łŽŷĽŽţžœŝŹ�śźžŞŽŇ
M
8ŌžŤŐ
ŐśžŸž
ÝBā?�ČĴŰŗŒĢŏůħţžœŝŹśźžŝžħŅŲŽŪžŽ7�ŧĈĜÉ<Ĩā«}ĹuĞëĵħEKĢşŗśĢ�ĬġĮĶĂ�!
sČĴQķĩĈĈħČĸČĴĥČğĜčāģĵćĊĘśźžŝžħ�5ģYJĝĐŖĿŗņĕġāëğġZÿÎüĮĹĕġĮijĉģ�ĉĂ
!p�S
Őřžŏ
Şžő��b
ŔŗŖŭĽŽś
?�Ħ¢�ĕĜĈ
śźžŝžĹQĜĈ
ŏůħYJĹ>ĵĜĈèAıZÿ·Ĺ>ĵĜĈ
śźžŝž�5ħï^
ŐŮū
ŐśžŸž��śźžŝžħ�5ģYJĝĐŖĿŗņĕġāëğġZÿÎüĮĹĕġĮĶĂ W2
C=�+7���
èAıZÿ·ħï^ ���ąŎĿĻĆ@(�ùŮŗŧħï^����
ëÖ*�EKÝB &Ö
ċ)ĥ7�Ĺ>ĵĜĈ ZÿÎüĮĹĕĜĈ
ŐŮū�
ŅŲŽŪžŽ7�ħï^ ZÿÎüĮīħØ©
ŐŮū
śźžŝžčQĜĈ�?�ČĴŰŗŒčÑĈĜ�
ģĵćĊĘmįĜĈ�
æû��śźžŝž�úĹ�5ĢîĈ"Ďďï^Ă�ùŮŗŧİV�ĕĜĉĊĢāZÿÎüģ¢�Ĺ�¶ĕĜĂ W3
ĨĖįġħBiĐ�ŅŲŽŪžŽ
lďħ�ùĹÏė
���ŎĿĻ
łŽŷĽŽţžœŝŹ�śźžŞŽŇ
ţžœŝŹśźžŞŽŇ
ŧŻŇŷů�ŌžŤŐ� �ţžœŝŹśźžŞŽŇ
8ŌžŤŐ
ZÿÎüĮ
¿ĕďQĶ
èA・Zÿ·
đĺĥśźžŝžč�©
śźžŝž śźžŝž
śźžŝž śźžŝž
4
5
6
1
2
3
ĨĖįġħBiĐ�ŅŲŽŪžŽ
ţžœŝŹśźžŞŽŇ
ŧŻŇŷů�ŌžŤŐ� �ţžœŝŹśźžŞŽŇ
¿ĕďQĶ
èA・Zÿ·
đĺĥśźžŝžč�©lďħ�ùĹÏė
śźžŝž śźžŝž
śźžŝž śźžŝž
lďħ�ùĹÏė
���ŎĿĻ
ZÿÎüĮ
łŽŷĽŽţžœŝŹ�śźžŞŽŇ
æû��śźžŝž�úĹ�5ĢîĈ"Ďďï^Ă�ùŮŗŧİV�ĕĜĉĊĢāZÿÎüģ¢�Ĺ�¶ĕĜĂ W4
ëÖ*�EK*ÝB* &Ö*
�
ŇŹžŧżžņ
ŇŹžŧżžņ�
öV・øÚ
{�
#1 #2
#3
13:30
14:15
15:30
16:30
17:30
by Nomadic Lass
THANK YOU!
TAKASHI SAKAMOTO @bookslope2014/03/02
top related