[ spot ] 簡単にガイドブックが作成できるiphoneアプリのui設計および仕様書

20
https://www.facebook.com/SPOT.voyage "!%&$# SPOT for iOS

Upload: tetsunori-yuasa

Post on 05-Jul-2015

817 views

Category:

Design


4 download

DESCRIPTION

私が個人としてベトナムの開発会社 Framgia VietNam さんと一緒にiPhoneアプリを開発した時に作成した仕様書です。オフショア開発における仕様書のサンプルとして共有します。 SPOT https://itunes.apple.com/jp/app/spot-kantannigaidobukkuwo/id936453516 簡単にガイドブックが作成できるアプリです。お店や観光スポットの情報を登録(もしくはFoursquareから取得)して情報がたまると、それらを元に例えば「沖縄観光」などのガイドブックが簡単に作成できます。作成したSPOT情報やガイドブックはPDFで書きだすことができて、Air Drop経由で他の人とシェアすることが可能です。FoursquareやMAP情報以外は全てオフラインで動作するのもポイント。 SPOT Facebook page https://www.facebook.com/SPOT.voyage

TRANSCRIPT

Page 1: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

��������������������������������������

�������������

https://www.facebook.com/SPOT.voyage

��"!%&$#�� SPOT for iOS ���

Page 2: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

ÊÓáàâÛÜß×¥ÎâÏàÏÖááÝ·¬¬æâÏáÓáàâ«×Û¬ÐÙÜÕ¬ÏÐÜâá

¥ÉËÄĹÈÎ

ÅÜ ÇÏÕÓ¥ÛÏÚÓ ¾âÛÑá×ÜÛ

® ÊÆÇ

čþďĖČķʼnĨć�ĆČZ�ĎČ�|Ěąùė¥§¥�i�ċñėd;ćüĕċ�ċ5Ą6ėĈïÉÇÆÊðĈòóěĶŁ%Ě�q¥¯ª®¥ĠĻŀěĜĥņ¥ŊĠĻŀ¥¬¥ĠĻŀńʼnł��ŋ¥¯ª¯¥Ō¥ĸīņ¥ŊK��<ŋ¥°ª®¥ÉÇÆÊ¥Ã×àá¥ŊŁĩįČěĜĥņŋ¥±¥¥¥¥¥ÉÓßÑÖ¥Ŋ�o�ěĜĥņŋ¥²ª®¥¥ÊÏÕà¥ŊīĤěĜĥņŋ¥³¥¥¥¥¥ÄÏÝà¥ŊijņěĜĥņŋ¥´ª®¥¥»ÏÙÓÛÒÓߥŊĠŃņĬʼněĜĥņŋ¥µ¥¥¥¥¥Ō¥¿â×ÒÓ¥ºÜÜØ¥ŊġĜİĵĭģK��<ŋ¥¶ª®¥¥¿â×ÒÓ¥ºÜÜØ¥ŊTěĜĥņŋ¥®­¥¥¥ÉÓáá×ÛÕà¥Ŋ\�ěĜĥņŋ¥§¥e)Čj�IĊĉI0í¥¥§¥ÉÇÆÊIí¥¥§¥¿ËÁ¼½Ií¥¥§¥(¥ŊÉÇÆÊČ�>õĕ�xŋí¥¥§¥*+¥ŊÉÇÆÊČ�>õĕ�xňm¬l¬3�ŋ

¯ª® ĠĻŀõĕK��<

ĠĻŀ¬ĠĻŀńʼnłõĕK��<ÿė-#Čg¢¥§¥ĠĻŀĚ��¥Ŋ×ÇÖÜÛÓĮĴĞłįČ�÷ŋ¥§¥ĠĻŀńʼnłĚ��ÿė¥Ŋ×ÇÖÜÛÓĮĴĞłįČ�÷ŋí¥¥§¥ĠĻŀńʼnłĎČěģĪĩĚ� ÿėĹĭĶěĭĶp�¥§¥ïÅÏÚÓ¥»ÏßÒðĈïÇÖÜáÜðĚ�A �ċÿė¥Ŋ�nĚDĖ�ùĂòŋ�nĚH7ň�AýĂ8čĀČ9,Ě CýĂďďﯪ¯K��<ðg¢Ď�rÿė

¯ª¯ K��<

KýòÉÇÆÊĚj�ÿėg¢¥§¥�nĚ��¥ŊÅÏÚÓ¥»ÏßÒ¥ÜߥÇÖÜáÜŋ¥§¥ÊÏÕ¥Ŋ�w>ċ�I�A ©¥�� �ĊĮĴĞłįīĤ©¥īĤČ�<ŋ¥§¥j�¬�&LMŊĮĴĞłįč�<Lć}� ŋ¥§¥ĩĹĭį%¥§¥�>Ŋ�>9,Wy©¥¾ÜâßàÞâÏßÓWy©¥¿ÜÜÕÙÓÄÏÝijņvĆŋí¥¥§¥ğĴŀĜņWyĒ �ċýĂò¥§¥ �i!¥§¥��?]¥é¸¥ç¥ĩīʼnį*bWy�A¥ÜߥS��¥è¥�¥��?]�A¥§¥ÚÓÚÜ¥§¥ËÈÃ

°ª® ÉÇÆÊ¥Ã×àá

�ĆČ@tČĩīņĬʼnİĊ��g¢¥ŊL�Kýò¤ŋ¥§¥K���ïŌðĸīņ¥§¥�ČķʼnĨċ=ėĸīņïō𥧥ĴŁʼnŅʼnİWy¥ŊĮĴĞłį¡�qî�ċĩŅĜĶÿėĈ�Ćøėŋ¥§¥j�ýĂ4QL¥ŊKýò¤ŋ¥§¥ĩĹĭį%¥§¥ĦĺıĜłg�¥§¥�>¥Ŋ��®­J0¥��ï«««ðćlhŋ¥§¥ÊÏÕà¥Ŋ��®±J0¥��ï«««ðćlhŋ¥§¥ÉÇÆÊ��ĚĚYĩŀĜİÿėĈ¥ÊÏÕ}�î¹×ߥÒßÜÝî��î}�ĸīņĚ�ÿ

°ª¯ ÉÇÆÊ�z¥Ŋ»ÏßÒŋ

ÉÇÆÊČ�zķʼnĨ¥§¥�n�q¥§¥j�¬�&LMŊĮĴĞłįč�<Lć}� ŋ¥§¥ĩĹĭį%¥§¥�>¥§¥ �i!¥§¥ÊÏÕ१¥��?]¥é¸¥ç¥ĩīʼnį*b¥ÜߥS��¥è¥�¥ÉÇÆÊí¥¥§¥ÍÏÙØ©¥ÊßÏ×Û©¥»Ï߬ÊÏåש¥ºâà©¥¹×ßÝÙÏÛÓ¥§¥ÚÓÚÜ¥ŊÄÏßØÒÜäÛĚĦĹʼnįŋ¥§¥ËÈÃ¥§¥Ä¹Ç¥§¥Ç¼¾N÷�ý¥§¥¹×ߥÒßÜÝ�R¥§¥}�

°ª° ÉÇÆÊ�z¥Ŋ»ÏßÒŋČǼ¾ĶŃIJľʼn

ÉÇÆÊĚǼ¾��ÿė-#ČŃĜěĝį¥§¥�n¥§¥j�¬�&LM¥§¥ĩĹĭį%¥§¥�>¥§¥ �i!¥§¥ÊÏÕ१¥��?]¥§¥ÚÓÚÜ¥§¥ËÈÃ¥§¥Ä¹Ç

± ĢʼnŅʼnİWy{V

ĢʼnŅʼnİõĕWyýĂ-#Č{Vg¢¥§¥K���ïŌðĸīņ¥§¥�ČķʼnĨċ=ėĸīņïō𥧥Wyu¥§¥ĢļņĪł¥§¥j�ýĂ4QL¥ŊKýò¤ŋ¥§¥ĩĹĭį%¥§¥ĦĺıĜłg�¥§¥�>¥Ŋ��®­J0¥��ï«««ðćlhŋ¥§¥ÊÏÕà¥Ŋ��®±J0¥��ï«««ðćlhŋ

²ª® ÊÏÕà

īĤõĕFÿ-#Čg¢¥§¥�ČķʼnĨċ=ėĸīņïō𥧥ÊÏÕ��¥ŊÊÏÕċj�üĘĆòėIö/ò¤ċ�õĕ�qŋ¥§¥ÊÏÕ��ĚYċĩŅĜĶÿėĈÊÏÕČ}�ň��ĸīņĚ�ÿ

²ª¯ �AýĂÊÏÕČ��

ÊÏÕàWyõĕÊÏÕĚ�AýĂ8ċ�qÿė��ķʼnĨ¥§¥K���ïŌðĸīņ¥§¥�ČķʼnĨċ=ėĸīņïō𥧥j�ýĂ4QL¥ŊKýò¤ŋ¥§¥ĩĹĭį%¥§¥ĦĺıĜłg�¥§¥�>¥Ŋ��®­J0¥��ï«««ðćlhŋ¥§¥ÊÏÕà¥Ŋ��®±J0¥��ï«««ðćlhŋ

³ ÄÏÝà

e)*ŊğĴŀĜņČ-#č��ýĂ->ŋ�øČ*'�ċvĆĕĘĂijņõĕWy¥§¥j�üĘĂÉÇÆÊĚ¿ÜÜÕÙÓ¥ÄÏÝ�ċijņvĆ¥§¥ijņĚīĭĶÿėĈÉÇÆÊ¥ÛÏÚÓĚ�q¥§¥ÉÇÆÊ¥ÛÏÚÓĚīĭĶÿėĈ»ÏßÒ�zķʼnĨĚ�q

´ª® »ÏÙÓÛÒÓß

®ŇQ�qČĠŃņĬʼnõĕÉÇÆÊĚFÿ¥§¥K���ïŌðĸīņ¥§¥�ČķʼnĨċ=ėĸīņïō𥧥Q�ĠŃņĬʼn¥ŊQ��qČĐćÆÂŋí¥¥§¥j�üĘĆòėLċ�Ě�ùėí¥¥§¥�LČL�ċ�Ě�ùė¥§¥~ċĩŀĜİÿėĈQö.ęė¥Ŋ×ÇÖÜÛÓXaĠŃņĬʼnĈ$þ�÷ŋ

´ª¯ »ÏÙÓÛÒÓß�A{Vg¢

»ÏÙÓÛÒÓßćLċăĚīĭĶýĂ8Č{Vg¢¥§¥K���ïŌðĸīņ¥§¥�ČķʼnĨċ=ėĸīņïō𥧥ĩĹĭį%¥§¥ĦĺıĜłg�¥§¥�>¥Ŋ��®­J0¥��ï«««ðćlhŋ¥§¥ÊÏÕà¥Ŋ��®±J0¥��ï«««ðćlhŋ

µ ġĜİĵĭģK��<

K�ČġĜİĵĭģĚ�<ÿė¥§¥ġĜİĵĭģ%¥§¥ĩīʼnįLMĚ��¥ç¥ÀÜâߥè¥ç¥Ä×Û¥è¥ç¥ÄÜÛáÖ¥è¥ç¥¼Ïæ¥è¥ç¥ÎÓÏߥè¥êS��ÆÂ¥§¥®LûĈċ�ùĆ�A¥Ŋ®L^ċďĈđĆ�qŋ¥êŅĜĽʼnĴŃʼnĺČï¼Ïæ¨ð£kČúĈ¥§¥ĩīʼnį*bĚWyŊ�9,¥Üߥ»ÏßÒŋ©¥�A¥êS��ÆÂ¥§¥ġĜİĵĭģċòĘėÉÇÆÊĚ�A¥§¥ġĜİĵĭģć�Aýäiċ>�M�Ě�x�q¥Ŋj�üĘĂ��?]ć�xŋ¥§¥>�M�Č�[¥êS��ÆÂî��?]öcò-#č?��¥§¥ÚÓÚÜN÷E�êj�ýĂ£kĚ�BýÿėĈŊ"£köGĘĆ_òĂĔóċĊĖŋ¤iĚ�ĘOôėúĈö�UėêïìðĸīņĚBÿĈĹĭĶěĭĶp�8îj�ýĂ�2Ě��ÿė

¶ª® ġĜİĵĭģ��

�<`ĐČġĜİĵĭģĚ�qÿė¥§¥K�ġĜİĵĭģ�<ï¿Ōðĸīņ¥§¥�ČķʼnĨċ=ėĸīņïō𥧥ĴŁʼnŅʼnİWy¥ŊĮĴĞłį¡�qî�ċĩŅĜĶÿėĈ�Ćøėŋ¥§¥ġĜİĵĭģ%¥§¥ĦĺıĜłg�¥Ŋ�iP�ČÉÇÆÊČ�iP�Čg�Ě�qŋ¥§¥K��<LM¥§¥ġĜİĵĭģĚYĩŀĜİć¥¹×ߥÒßÜÝî��î}�ĸīņĚ�ÿ

¶ª¯ ġĜİĵĭģ�zķʼnĨ

ġĜİĵĭģČ�zķʼnĨ¥§¥ġĜİĵĭģ%¥§¥ĩīʼnįLM¥§¥®Lk�¥Ŋ¥ëLkĎČħĿʼnįĠĭįf:¥ŋ¥§¥ĩīʼnį*b¥§¥»ÏßÒČ9,íí§¥�ní¥¥§¥ĩĹĭį%í¥¥§¥�>Ŋ�>9,Wy©¥¾ÜâßàÞâÏßÓWy©¥¿ÜÜÕÙÓÄÏÝijņvĆŋí¥¥§¥ �i!í¥¥§¥��?]¥é¸¥ç¥ĩīʼnį*bWy�A¥ÜߥS��¥è¥�¥�Aí¥¥§¥ÚÓÚÜí¥¥§¥ËÈÃ¥§¥ĀĘāĘ>�M��q¥§¥ÚÓÚÜ¥§¥¹×ߥÒßÜÝ�R¥§¥Ç¼¾N÷�ý

¶ª° ġĜİĵĭģČǼ¾ĶŃIJľʼn

Ǽ¾��ýĂ8ČġĜİĵĭģČŃĜěĝį¥§¥ġĜİĵĭģ%¥§¥ĩīʼnįLM¥§¥®Lk�¥§¥ĩīʼnį*b¥§¥»ÏßÒČ9,í¥¥§¥�n�q¥í¥§¥j�¬�&LMŊĮĴĞłįč�<Lć}� ŋí¥¥§¥ĩĹĭį%í¥¥§¥�>Ŋ�>9,Wy©¥¾ÜâßàÞâÏßÓWy©¥¿ÜÜÕÙÓÄÏÝijņvĆŋí¥¥§¥ �i!í¥¥§¥��?]¥é¸¥ç¥ĩīʼnį*bWy�A¥ÜߥS��¥è¥�¥�Aí¥¥§¥ÚÓÚÜí¥¥§¥ËÈÃ¥§¥ĀĘāĘ>�M��q¥§¥ÚÓÚÜ

®­ ÉÓáá×ÛÕà

"s�1ēĩīĭĴńʼnłĊĉ¥§¥ÉæÛÑí¥¥§¥×¥ÑÙÜâÒí¥¥§¥¼ßÜÝÐÜ奧¥ÇÏààÑÜÒÓ¥§¥ÇÖÜáÜ¥Çß×Üß×áæ¥ç¥ÇÖÜáÜ¥¬¥ÅÏÚÓ¥»Ïßҥ襧¥¹ÐÜâáí¥¥§¥ÇùÎɽÅÉ½í¥¥§¥ÚÏØÓ¥ÓÚÜá×ÜÛÏÙ¥àÑÓÛÓí¥¥§¥ÍÓ¥ÑÜÛãÓßᥦÆÄÆʽŹÉÀÁ¥ÉÝ×ß×áথ×ÛáÜ¥ÍÓÐ¥ÉÓßã×ÑÓ«í¥¥§¥ÍÓÐà×áÓ¥ÖááÝ·¬¬ÝÙÏæàÓÛàÓ«ÚÓ¥ŊÉÏÔÏß×ć�øŋí¥¥§¥¾ÏÑÓÐÜÜØ¥ÖááÝà·¬¬äää«ÔÏÑÓÐÜÜØ«ÑÜÚ¬ÉÇÆÊÚÓÚÜ¥Ŋ¾ÏÑÓÐÜÜØěĶŁ¥ÜߥÉÏÔÏß×ć�øŋ¥§¥»ßÓÒ×áàí¥¥§¥ÇßÜÒâÑÓߥÊÓáàâÛÜß×¥ÎâÏàÏí¥¥§¥¹Òã×àÓߥÂÜâàâØÓ¥Èâ×ÑÖ×í¥¥§¥¼ÓãÓÙÜÝÚÓÛá¥Ð楾ßÏÚÕ×Ï¥Ì×ÓáÅÏÚíí¥¥¥§¥»ÆÆ¥ÊÏ×ÖÓ×¥ÂÜÐÏæÏàÖ×íí¥¥¥§¥ºß×ÒÕÓ¥½ÛÕ×ÛÓÓߥÇÖÏÛ¥ÀÜÏÛÕ¥Ä×ÛÖíí¥¥¥§¥¼ÓãÓÙÜÝÓߥÇÖÏÛ¥ÃÏÑ¥ÇÖâÑ¥§¥ÈÏáÓ¥ÜÛ¥¹ÝÝ¥ÉáÜßÓ¥Ŋê¹ÝÝÉáÜßÓČÉÇÆÊČŃIJľʼnķʼnĨĎŁņģŋ

Page 3: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

ÊÑßÞàÙÚÝÕ¬ÌàÍÞÍÔßßÛ½²²áàÍßÑßÞà±ÕÙ²Î×ÚÓ²ÍÎÚàß

¬��¥n

ÅÚ ¥n nm `� ÂÅ ÆËÊ

´ ĞėİĴīğą¿ÍÝÐ�zi¤ĉ�j�ĄøĐĈ�ĈCāDĒąTùëĎĉĔ�t ľħįĈJĒL�Ĕgóùþë �j�ĄøĐĈ�ĈCāDĒ

µ ĞėİĴīğą¿ÍÝÐ�zi¤ĉ�j�ĄøĐĈ�ĈCāDĒą&ëĎĉĔ�t ľħįĈJĒL�Ĕgóùþë �j�ĄøĐĈ�ĈCāDĒ

¶ �zi¤Ą?ïĐ(ĈħłėĵùþĐľħį�t oGmĈľħįĈJùþë ?ïĐ(Ĉħłėĵ

· .�¿Ú×ÚÝĊ«Ĉ�ëĠŀŅ¯¬l¯¬WĒčĉ¢

¸ ijěŃįĉ�Ċ«Ĉ�ëĠŀŅ¯¬~Zð«Ĉ�ëĠŀŅĉ0*ĊlĈ�ëĠŀŅ

¹ �ăĉF/ĔŁŅĝĿĈ�5ûĒ ĜijĽėŃĄ�ëþë

º | ��ĄĎľĖĿĩėĸ�5ùþë �Hĉ�SĄĉĮŅĩsQĔ�ô

» �bĬŅĿèÒ×àÝÝáé<� ĮŅĩ�bùþë

¼ ÕÇÔÚÙÑĉ3i¤#Ĉ�íă��BðªóăĎ óăĎ�t:E �lĔ�đþóćë

´³ ÒÚÙßĊÄÚ×ÑÙÓÚ¬ňV_�ĊÕÇÔÚÙÑefĉÁÚÙßʼn

´´ ¿ÍÝЬĄk�²�tûĒ�rĈĂëă

¬®¬ĮijěĿįĔèÇÔÚßÚéĈûĒ¬®¬èÇÔÚßÚéąèÅÍØѬ¿ÍÝÐéĔ�N'�ĈûĒ¬®¬èÇÔÚßÚéąèÅÍØѬ¿ÍÝÐéĊĆĀĐĎ]�Ĉk�ùþ�rĔ�Ĉ�tûĒä�8i¤Ą�t¦�Ĕ1['�

´µ �!²�t'�ć��ĊÕÇÔÚÙÑĉ�8�9Ĕ$X

´¶ öĉÄÚܬËÛ�Ą=øûòăR�ùĈóóćĒ0*ĊæêĒuB3ñóûĒ

´· �Ĉæ3ñûòă�tðîïùóćĒ0*ĊĥĺŅĵĈûĒ

´¸ ÆÒÒ×ÕÙÑYĉľÇĉ�tÆÒÒ×ÕÙÑĄ�hûĒ0*ĊèėŃĩŅıīįĈP{ùă�øëéĉĹīĨŅĦĔ�ûçÆÒÒ×ÕÙÑĄÇÀÁĔ�IûĒ0*Ċľǣ�tĈûĒ

´¹ â¬ÕÏÚÙ¬ã¬ĎùóĊ¬â¬¾ÐÐÝÑÞÞ¬ã¬ćĆą\ëăëĒxKĈĊĖėġŃĔ�ēĒ

´º ����Ą��ùăîđċûðæûČċüĕð��ðgëĉĄ¿ÔÑÏÖî§ëùċûņ

´» ­¬ÁÚàÝÞÜàÍÝÑĄĪęīğėŃùþF/Ĕ�OĄÉÇÆÊĈ�"

åä��ÁÚàÝÞÜàÍÝÑĉè3ĝĭĢľŅéïĐ�Nùă�"ùþëĝĭĢľŅÿõĔ�"ûĒ

¬®¬��Ň4d¬®¬ĝŀīĦŇ36¬®¬ėĶŃį¬®¬©¨@¬®¬2ĉ4dħķīį¬®¬ĖĘįİĖŇŀğľĚŅĥļѬ®¬;�Ňýĉ¬®¬�7¬®¬@�ŇģŅIJħ¬®¬U�Ň��

åäÉÇÆÊĈk�ûĒ�Ĉè3ĝĭĢľŅéąýĉ�ĉè=ĝĭĢľŅéĔæÉÇÆÊĉèĩĠéąùă�"åäÁÚàÝÞÜàÍÝÑĄ�-Ď+ú0KĈĪęīğėŃùăëĒ0*ĊæÉÇÆÊĈk�ûĒYĊ´�ąùăk�åäÁÚàÝÞÜàÍÝÑĉĪęīğėŃF/ĉè��Aqňp²>ʼnéĎèĩĠéąùă�"¬ň��Aqďp²>ĉĩĠĊĻŅĤŅðÁÚàÝÞÜàÍÝÑĈk�ùăëĒĮijěĿį��Ĕ�hçV_�ĔĮijěĿįĈùăëĒ�ðĖĹľĝĄ¿ÔÑÏÖ°ÕÙùăĎæĩĠĊV_�Ą��ûĒʼnåäĻŅĤŅð�āăëĒÁÚàÝÞÜàÍÝÑĉ��ň��ąïV_�ćĆæÁÚàÝÞÜàÍÝÑĉF/ĔýĉċċʼnʼnĄÉÇÆÊĈĎk�ûĒåäè�ăĉ�rðw^Ĉ�5øēĒöąéĉ¾×ÑÝ߬ÄÑÞÞÍÓÑĔ�ûçĎùóĊè�rĊ%đ�ċćëéąëì�N}ĔõĒ

´¼ ­¬ÉÇÆÊĈk�ûĒæÁÚàÝÞÜàÍÝÑĉ¥n

¬®¬�rňÇÔÚßÚąùăk�ʼn¬®¬ĩĠňÁÚàÝÞÜàÍÝÑĉĝĭĢľŅ²��Aqń>ńpʼn¬®¬ÀÍßÑňÁÚàÝÞÜàÍÝÑĄĪęīğėŃùþVʼn¬®¬�K¬®¬0Kĉ, ňÉÇÆÊ,ʼn¬®¬¡�j)¬®¬ËÈ쮬ØÑØÚňÁÚàÝÞÜàÍÝÑĄĪęīğėŃûĒYĈMvùþġĹŃį¬²¬ÊÕÛʼn

­¬ÉÇÆÊĄÁÚàÝÞÜàÍÝÑïĐ�KF/Ĕcyùăk�ùþ0*ĊÁÚàÝÞÜàÍÝÑĈĎĪęīğėŃ'�ĈåäĪęīğėŃûĒïùćëïĔæk�ûĒÉÇÆÊ÷ąĈ�N�aĒ

Page 4: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

EKUTVPQSN(GVHTHMUUR2**WVHUKUTV)NP*IOQL*HIQVU

X(NJQP(Y

?4BD

X(NJQP(Y

64>8@74C

X(NJQP(Y

:F<78(5AA=

X(NJQP(Y

E4:D

�:F<78

X(NJQP(Y64?8C4

�DBAE

1 DKSJMxw{s�bg�"!_�f`q

0 C8:<A@�

/ 6AF@ECG� �&ard�fj�j�

�&ard�fj� �}�*�*��~

. :F<78�

vuz|yach] ��_�dpZ�a]�k��s�m$nacq

, [DBAE\j% �i�e�qg[DBAE\g]^��_�q

�&ard�fj:F<78(5AA=�

�� �� <@ AFE

DBAE111

:F<781

6AF@ECG1

C8:<A@/0

+ #�9VOO%

- DBAE�

@Q '�

�&ard�fjDBAE�

+(EAB

X(NJQP(Y

64>8@74C

X(NJQP(Y

:F<78(5AA=

X(NJQP(Y

E4:D

X(NJQP(Y DBAE(><DE 3

�:F<78

X(NJQP(Y64?8C4

�DBAE

�i�e�qg[DBAE\s% bq}d`at�lcqo^ibq~

DBAE

DBAE111

:F<781

6AF@ECG1

C8:<A@/0

X(NJQP(Y

D8EE<@:D

X(NJQP(Y

?4BD

X(NJQP(Y

D8C6;

X(NJQP(Y DBAE(><DE 3

X(NJQP(Y

D8EE<@:D

X(NJQP(Y

D8C6;

�:F<78

X(NJQP(Y64?8C4

�DBAE

DKSJM(xw{s�bg�"!_�f`q

!(DKSJM

DBAE111

:F<781

6AF@ECG1

C8:<A@/0

X(NJQP(Y

D8EE<@:D

X(NJQP(Y

?4BD

X(NJQP(Y

D8C6;

X(NJQP(Y

64>8@74C

X(NJQP(Y

:F<78(5AA=

X(NJQP(Y

E4:D

X(NJQP(Y DBAE(><DE 3

Page 5: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

HO\[]WXZS,J]K[KR\\Y7//^]K\O\[].SW/LUXQ/KLX]\

CX *� �� �� ?C DIH

��h'��a�i+�ptuxfog:KWMOUfo

!��j�np �cfo

0 yuxqux!�

��p��ldcj%��

_,SMXW,`

G<HH?C=G

_,SMXW,`

B8EG

_,SMXW,`

G<F:>

3 ��p��fo

GEDH666

=I?;<6

:DICHFJ6

F<=?DC45

2 �"���)k$�

1

sz{p#�fo

4 {rw{|~bm%�fo �"��i���&v}~ge

5 ��i�&�(��j�d

_,SMXW,`

:8A<C;8F

_,SMXW,`

=I?;<,9DD@

_,SMXW,`

H8=G

:KWMOU

HKTO,ERX\X

ERX\X CKVO,:KZN

:RXX[O,PZXV,ASLZKZ^

ERX\X CKVO,:KZN

1-0,sz{

Page 6: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

!

!

!

23# 06 #2014

Page 7: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

gnzy{uvxrKi{jyjqzzw[PP|{jznzy{OruPksvpPjkv{z

\wxrsKSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQUPSQRU

¶ fedgKa_fg ! µ

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQUPSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQUPSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQVPSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQVPSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQWPSQRU

bj|KSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQVPSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQVPSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQWPSQRU

µ

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQVPSQRU

!KKfnjxlq

`{unKSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

·

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQWPSQRU

bj|KSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL

}KnmrzK~}KmnsnznK~ }KgjpyK~ }K\rxKmxvwK~

QWPQVPSQRU

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQWPSQRU

\wxrsKSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQUPSQRU

�,��)����¤°�¨��%43���

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQUPSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQUPSQRU

¶ fedgKa_fg !

fedg��&�¤°�¨��)�

`{unKSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQWPSQRU

µ¶ !fedgKa_fg

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQUPSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQUPSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQVPSQRU

\wxrsKSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQUPSQRU

KfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQWPSQRU

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQVPSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQVPSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQWPSQRU

bj|KSQRU

_tjpnKfedgKujtnKLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLK\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

RV �fedgKujtn��!����@���fedg��:2����fedgKujtn�������yjtwsn��

RU *G�@���:2*G�@�F6 @�

RT ��¤ ¯²®���?����;�����-Aaryz�©²£±¡(���=:2

RS '�F7\mmxnyyMgjpy���7

RR ���fedg��<��*G��µ�ª¥±

RQ �������%43�:2����«§¬²�91B

Z �������OOO��0+��fedgKujtnM\mmxnyyMgpy�������

Y _tjpnJ��C��������_tjpn�(���

X gjp5Eª¥±�����<���gjp5E*G�

W fedg�¤­�¦:2³��¢±��:2´gjp5E�\rxKmxvw�C�5Eª¥±:2

V �,��)����¤°�¨���:2%43�:2

U :2��³8>�´#K���I,

T ]\idc^�����#@�����"��#���:2

TNRKfedgKaryz

dhg

R fjojxr������¤°�¨���«§¬²D�

H/

*G�@���«§¬²

cv /. $� _c

S ��¤°�¨���«§¬²�:2

`{unKSQRU

_tjpn K\mmxnyyK[KLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL

KgjpyK[KLLLLMKLLLLMKLLLLMKLLLLLLOKLLLLLL QWPQWPSQRU

Page 8: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

���������f���������vkk��������j��k����k�����

nl f�fÎÐãÒ�;f��f2��f f�f�f�V(:OGf  ÎÐãÒ�;¾A[¬¨Æ��¿OG±¤¼©��¿HB¤¦�V(:§Ã�7

mu ¦����f����§º©ª-�¿������¹²

mt !ÉÊÌá¹×ÑÖÈ]©µ/ |�����f��èéÈÐÑֲƺ|�����f����ÉÖÝÈ]®äÉÖݬ<©��¿���å

ms ÙÚ¾-�Z¬"¼©�� ���������¾eD¿�!aM0½®¶·¯¸¤�����ä��å¿HB½²Æ

mr '¿ÌÕã¹­ÆĪ½²Æ

mq `S@� ÐÑֲƺ`SÈ«¯ÅÇÆ

mp ��~¬\©��¿E?OG ¿Â�²Y�Ȧjjj§¹E?¥��~¿������«Å]®

mo æÉÊÌá .R�&>cÁ

u x��f����ÉÊÌá x��f����¹�¾�¾����ÉÖݽTU

mn ����ÉÊÌá J_>cÁ

mm ´¾%fx��f�����1ñ®¿I3¾ÉÖݽ� ¤ÙãÞ¹U ¼»

q �F¾A[�^6,¿<±

t �>c¹��ÈOG >c�Y¾!×ãËÈÐÑÖ

s >c�Y¾aM0Y� >c�Y½�!OG

���

m �F½·©¸ 8#©¶À©½OG±¸��¿ÏáÐã½OG²ÆäK�F¹ÃOGÈL±®å

p �F¬<©��¿bOG

o 8ÎàÊÖ¹9¾�FÈQÆ°º¬�5Æ

oinf����fy�����

�� eD DC 4 }�

�����

£f¢f¢f¢f¢f¢

!ÉÊÌáÈÐÑÖ±µ%¾��OG

n ÐÑֲƺ{�������¾Äª½+�

r '½·©¸ '¬\©��¿nNäoNââå½�YOG²Æ

ml �y{ÉÊÌá �y{¾ÖßÔÛãÈOGäoioÁå¥

fx������fggggggggggggggggggggggggggggggggggggggggggggggggggg

f����f����fggggggggggggggggggggggggggggggggggggggggggg

����

f����fvfgggghfggghfgggghfggggghfggggggghfgggggg lsklrknlmpf

f�z~fwfloiloloilolo ��~fwf����vkk���������j��k

�f����f 

f�������fvf�fÎÐãÒ�;f��f2��f f�f�f�V(:OGf 

æ

�f�����f����f 

nm ÐËÍã¾WT(½Q³¸�«ÆĪ½±µ©

ç

ç �fx��f����f  !�f�y{f 

nn �����f����fÉÊÌá [d¬�·¾��¿*²º�=¤P,¨Æ��¿ÓÜØ$¹X)±¸�=

|�����f����f����

f����fvfgggghfggghfgggghfggggghfggggggghfgggggg lsklrknlmpf

ç æ �f����f  �f�y{f  �fx��f����f  !

�����f����f�=/

�����

£f¢f¢f¢f¢f¢

f����f����fggggggggggggggggggggggggggggggggggggggggggg

fx������fggggggggggggggggggggggggggggggggggggggggggggggggggg

���� �f�����f����f 

f�������fvf�fÎÐãÒ�;f��f2��f f�f�f�V(:OGf 

f�z~fwfloiloloilolo ��~fwf����vkk���������j��k

¡lnvmofkfmtvol

Page 9: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

pw���~��{Rr�s�sz���bWW��s�w���V{~Wt|�yWst���

[U[RomlpE>RÂds�vÃRmeg¿«ª¬µ

k� P; ;: ,� hk

Z <���� <�/������D=�����²À³Á��¥�¦Â@ <�£D=©B��Ã

omlpR~s}wRSSSSSSSSSSSSSSSSSSSSSSSlqp

Y c\¯«±�meg��¦ @�g�||�c\Y-���¢¦����������{}syw�}w}��Q�©%�A����F(

\ <�Y-����/Z��¹´­°©��js�©D=

[ <�[�� ¤§¦¯«±�¹´­°©��¥� <�+�Z-¡���¦

^ <�X-����/��������©D=�¦

] <�Z-���� <Z-Äjs�©/���D=�¦

` &G�¦ <�+��9K��Â+��I$��à <�MZ-��¦

_ ���¯«±Â·­²¾'Ã� <�-'�L¨¤�����¦

YX }w}����� #*��º»�¦�"©2�����¢ ��omlpE>���º»�6������£meg�º»�P;©���1����

a jcm���� lxx|{~w7 �meg�!�¦���jcm©ND=��¦

YY ��¥��§��¦5? ��¡¡�°³«¾�2��1�����

Y[ ���ºÁ¾H���¦ª¸½�ª«®À£D=�¦

YZ meg��WH�)3 ¸¿¶¼Á8O�J�{mz�~w.4�0C��{mz�~w�����¦ª¸½����¦���ª¸½ª«®À©D=

X^WX^WZXY\RRURRd�ws�wvR{~Romlp

Rcvv�w��RbRSSSSSSSSSSSSSSSSRSSSSSSSSSSSRSSSSSSSSSSSRSSSSSSSSSSRSSSSSSSSSSRSSSSSSSSRSSSSSSSS

RpfiRbRX[UX[X[UX[X[ Rp�sxx{uRbRp�s{~

R}w}�

{}syw {}syw js�

RqniRbRz���bWW�|s��w~�wV}w Rpsy�RbRSSSTRSSSSTRSSSSSSTRSSSSTRSSS

Page 10: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

)1<;=78:4�,=-;-3<<9���>=-<1<;=�47�.582�-.8=<

%*)

� (&%)�"4;<E� JRPRM@��AGC�

��JRPRM� ��

$8 �� �� �� $

!=71�����

6-21�(&%)�7-61�����������������������������������00:1;;��������������������������������������������������������

�)-2;����������������������������������� ����������

� ?NLQH�BD� JRPRM@KOIAGF

6-21�(&%)�7-61�����������������������������������00:1;;��������������������������������������������������������

�)-2;����������������������������������� ����������

6-21�(&%)�7-61�����������������������������������00:1;;��������������������������������������������������������

�)-2;����������������������������������� ����������

��00:1;;��������������������������������������������������������

�)-2;����������������������������������� ����������

#->�����

6-21�(&%)�7-61�����������������������������������00:1;;��������������������������������������������������������

�)-2;����������������������������������� ����������

6-21�(&%)�7-61�����������������������������������00:1;;��������������������������������������������������������

�)-2;����������������������������������� ����������

T (&%)�(��'�� ! S

�(1:/3�+8:0; ?

6-21�(&%)�7-61�����������������������������������00:1;;��������������������������������������������������������

�)-2;����������������������������������� ����������

6-21�(&%)�7-61�����������������������������������00:1;;��������������������������������������������������������

�)-2;����������������������������������� ����������

6-21�(&%)�7-61�����������������������������������00:1;;��������������������������������������������������������

�)-2;����������������������������������� ����������

�9:45�����

6-21�(&%)�7-61���������������������������������

Page 11: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

MUa`b\]_X4PbQ`QWaa^@77dbQaUa`b6X\7RZ]V7QR]ba

=594MQV`

I] 2# #" �� GI

: ��rvj~ �n�jMQV�m}3!y�m}+$4!4MQV`4LU_SW �

JNM

9 MQV`4LU_SWw�&s~x������y�&'��+$ MQVn�j��{zh�i���wMQV��,-�wo~

< �y����s~x��z���(/wo~ (/�yMQV%�jvj~LKJM{g(/�|%�qu��yrvlp

; 1�.z0j)�.�{��+$

= UTXa�����sxtz�w����(/*yrUTXa�hT]\Uiy�k~

�<9

4FQI]X 9?

4OXUaIQ[

4M]Yd] ;8 �

4DbYb]YQ :8 �

� MAEL

4BQ_ 9; �

4GaQZXQ\ 9: �

4F]4SWX4[X\W 9> �

4CQ`aZU 9< �

4E]b_[Ua = �

4HQZQd`XQ < �

4M_QcUZ 98 �

4F]aUZ ? �

4OXUaIQ[ <9 �

e4TUZUaU4f

4MWQXZQ\T : �

�y����ru(/��

4!4MQV`4LU_SW �

4M]Yd] e4UTXa4f

4F]4SWX4[X\W 9> �

4CQ`aZU 9< �

4DbYb]YQ :8 �

4FQI]X 9? �

4M_QcUZ 98 �

4F]aUZ ? �

4BQ_ 9; �

4GaQZXQ\ 9: �

4MWQXZQ\T : �

� MAEL

4E]b_[Ua = �

4HQZQd`XQ < �

Page 12: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

29DCE?@B<�5E6C6;DDA)!!FE6D9DCE <?!7=@:!67@ED

'�$�26: ���

.@ �� �� �� +.

$ ����M���N����

,E?9�$"#&

+>6:9�10/2�?6>9����������������������������������*88B9CC�)������������������������������������������������������

�26:C�)������������������������� ������� "(!"(!$"#&

/32

# GYH�OUSVK26:CTWRL�O

% �����MG4<9D.6>HLN�IPJ26:M��Q��

-6F�$"#&

+>6:9�10/2�?6>9����������������������������������*88B9CC�)������������������������������������������������������

+>6:9�10/2�?6>9����������������������������������*88B9CC�)������������������������������������������������������

Y 4<9D.6> X

�26:C�)������������������������� ������� "(!"(!$"#&

+>6:9�10/2�?6>9����������������������������������*88B9CC�)������������������������������������������������������

�26:C�)������������������������� ������� "(!"(!$"#&

"(!"'!$"#&

*AB<=�$"#&

+>6:9�10/2�?6>9����������������������������������*88B9CC�)������������������������������������������������������

�26:C�)������������������������� ������� "(!"&!$"#&

�26:C�)������������������������� ������� "(!"'!$"#&

+>6:9�10/2�?6>9����������������������������������*88B9CC�)������������������������������������������������������

�26:C�)������������������������� ������� "(!"'!$"#&

+>6:9�10/2�?6>9����������������������������������*88B9CC�)������������������������������������������������������

�26:C�)������������������������� �������

+>6:9�10/2�?6>9����������������������������������*88B9CC�)������������������������������������������������������

�26:C�)������������������������� ������� "(!"&!$"#&

+>6:9�10/2�?6>9����������������������������������*88B9CC�)������������������������������������������������������

�26:C�)������������������������� ������� "(!"&!$"#&

Page 13: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

!

!

!

Keangnam'Hanoi'Landmark'Tower

Page 14: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

39CBD>?A<�5D6B6;CC@' ED6C9CBD�<> 7=?: 67?DC

&�"�)6=9>86A

.? �� �� � ,.

# ��NV[TYKQM����G�LHQ

_ `#!"%

/43

" <0;?>9��)6=9>86AO����S� "\�IMN��KQ

$ 20/3G��JRLFQ��S�HZ]UKQ �FZ]USWXYKQM����P

_ )(-+.*(1 ^

Page 15: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

5;FEGABD> 7G8E8=FFC-%%HG8F;FEG$>A%9?B<%89BGF

,#( /8?;A:8D����

1B �� �� �� 01

( ����O��� P����0@8<;

4325 A8@; !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! .::D;EE - !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

58<E - !!!!" !!!!" !!!!" !!!!!!$ !!!!!! &+%&+%(&'*

265

' I[JQWUXM58<EVYTNQ

* IZJWUXP4325O����WUX

) ��� ��OI&+%&+%(&'*JNP�KRL��S��

[ &+%&+%(&'* Z

0@8<; 4325 A8@; !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! .::D;EE - !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

58<E - !!!!" !!!!" !!!!" !!!!!!$ !!!!!! &+%&+%(&'*

0@8<; 4325 A8@; !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! .::D;EE - !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

58<E - !!!!" !!!!" !!!!" !!!!!!$ !!!!!! &+%&+%(&'*

Page 16: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

�§µ´¶¯°³«~¢¶£´£ªµµ±���¹¶£µ§µ´¶�«¯�¤­°©�£¤°¶µ

�~ëêóõðí:e�2

�° zP PO C ��

� NoËÒzPç�uÍä Á¾ÂøïÿçïðöÍä~¼ùðöéðöÖRhç�ËÕ��ç7Í×�u

�³§£µ§~� ���~���� ¦°¯§

~���� ~� ���~����

�°¶³ �«¯ �£¹ �°¯µª ¢§£³

� îïĀò<=ç�åÒ'�ÛÁ�£¹� �ÚîïĀò<=Æ�A��<Û'�Ü¿Á�´µ~¦£¹Âß�A��<×bSÍäÀÁ�¯¦~¦£¹ÂÜ�A��<×bSÍä

� �

� NoËÒzPÛ{Mç(?Íä (?ËÒÃT4çp7ËÍä~¼Ë¿����×�µ£³µ~�£µ§Ü�ÅÏÙÃ

� Á�£¹�Âç æÙÃ'� Á�´µ~¦£¹ÂàÁ�¯¦~¦£¹ÂÁ�£¹~�ÂÙØÛ<8��ãçxbSÚÍä

� îïĀò<=ÆB��Û'� ëêóõðígXà���ÖxbSÚÍä

îïĀò$IÛNoÆJÃ'� îïĀò$IçxbSÚÍä

îïĀò<=ÆJÃ'�ÛÁ�£¹� �´µ~¦£¹�~�¯¦~¦£¹�~¦£¹~��~¦£¹��~�sÜÁ¦£¹~½Â×��ãç�åÕbSÍä

4c=rÛ5��ßJÃ'�ÜxbSÚÍä

4c=rÛ^�fUçËÙÃÀË¿^�Ö5��ÖÇäáÄÚÍä

�<P�sÜÁ�<P�sÛ<�°³Á¦£¹~�Â×{MÚbSÊÏäÀ

Á�£¹�Âøïÿç7ËÒ= @�Ú7ËÒ=ÜÁîïĀòÛ<�°³Á�´µ~¦£¹Âç�åÕ¿�"ÞÜÁ�<PÛ<�°³Á�¯¦~¦£¹Âç�åäÀ

�Ú�£µ§ç�<�NoËÕ�<Pç�uËÒ'� �<PÛ;Ü<�ÚVÔÅο�<PÆ�<P×Ùã¿�<PÆ�<P×Ùä

�µ£³µ~�£µ§ÜîïĀò<= �°¶³�~�«¯�~�£¹�~�°¯µª�~¢§£³~çÐåÑåïðöÍä׿óûú.Öl6ÖÇäáÄÚÍä

Ky�mÛw`\>m�çïðöËÕ¿ÐåÑåÛ��ÖNoÍä׿KyÚõýðí×ËÕbSÍä

w`\>m�ÚÔÃÕ w`\>m�ÜKyÚ#,Ë¿ÐÛ�Ûm�ÜîíýĀü�]ÚÍäā1&çÒÈÊèNoÍä×[ÚîíýĀüĂ

Ky�mÛ�ïõçïðöÍä׿�Åâ�ÚbSKyç�Í

Ky�mçïðöËÕNo/¿KyÚõýðíbSÊåä{MÜNoËÒ{MÖbSÍä~¼p7ËÖ{M(?�

�~�´µ~¦£¹ ¾

~�¯¦~¦£¹ ¾

~¦£¹~� ¾��

~!�§£¯©¯£®~�£¯°«~�£¯¦®£³¬~�°·§³ ¾

�«´µ£¯¥§~¨³°®~´µ£³µ~´±°µ~�~��¬®~º~�³£«¯~»

~!�§£¯©¯£®~�£¯°«~�£¯¦®£³¬~�°·§³ ¾

�«´µ£¯¥§~¨³°®~�§£¯©¯£®~�~�¬®~º~¡£­¬~»

��

��

��

��

~�µ£³µ~�£µ§

l6ËÒ/Ü¿����!çbSÍä

����ÚNoÊåÕÃÙÃāEWìĀþĀóÚ�_ËÙÃĂ'�Ü�°¶³´²¶£³§Û�ª§¥¬�«¯1&ç�Í

�µ£³µ~����~āîïĀò$IĂÛNoāB����Ă ����:e�2ÛÁ�4NoKyÂ× Ì�ÇÓÆ¿����ÚNoÊåÕÃä����ç��OÚbSÍä

~�µ£³µ~���� ~�§­§¥µ~����

��

��

��

��

��

��

� ���~����Û:eNoKyÚÜÁ����¯£®§ÂÓÉçbSË¿ïðöÍä×gXÆdåäÀ3äøïÿÖ3äÀ

�� ����ăç7Í×Á����~����Â× ÌKyçbS ����~����Åâ�T4Û����çïðöÍä×l6�NoÊåäÀ

��

��

� ���~����Û:eNoKyÚÜñìîòÛ@�Û�aPÛÝçbSË¿GãÜÁ���ÂÖQLÍä

�� � ���~����Û:eNoKyÛ®§®°çïðöÍä×ZvÖÇä

��

��

��

��

¾

~!�§£¯©¯£®~�£¯°«~�£¯¦®£³¬~�°·§³ ¾

~"�ÅãàÍÃ÷òôúi §¦«µ

�«´µ£¯¥§~¨³°®~�§£¯©¯£®~�~��¬®~º~�£³��£¸«~»

¾

���£¹ă �§®°ă

~")ÚÙä×)>ÆY}ÖÍ §¦«µ

��

��

~!�§£¯©¯£®~�£¯°«~�£¯¦®£³¬~�°·§³ ¾

~")ÚÙä×)>ÆY}ÖÍ §¦«µ

�µ£³µ~����ÛNoÆJÃ'�Ü@�Új�Íä����Û4c=rÜbSËÙÃ

"�§®°ăÚÔÃÕ ����:e�2×Û®§®°No=× ÌÈ¿�Åâ�Úñìîò��|%çqÈ

��

���«´µ£¯¥§~¨³°®~�§£¯©¯£®~�~��¬®~º~�£³��£¸«~»

¾

¼�°°©­§~�£±Åâ4c=rÆ�0�Dä'�Ü�0Ë¿�0�DJÃ'�Ü�k5HÛÝ^�bSÍä

����~����Åâ�T4Û����çp7ËÍä×gXÆdåäÀ3äøïÿÖ3ã¿ÁăÂøïÿÜbSËÙÃÀ

��

��

����ă

� ���~����Ú*nÚj�ËÒ'� w`\>ÛKy#,m�çuÇ¿�ÚîíýĀü�DäáÄÚÍä

4c=rā�k5HĂÚÔÃÕ ïðöÍä×bSÊåÒ�-çñìîò��Ö�FÖÇäÀ�k5HÛNoÆJÃ'�Ü5���

��

®§®°Û�t9+8Ü,ÞJÃ

��

Page 17: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

HOZY[UVXR.J[KYKQZZW:11\[KZOZY[0RU1LSVP1KLV[Z

9/3.onuxtp�%

DV -� �� �� AD

4 � |v}�j#�( �dh�i`k� �m$�dkRTKPO .@IA>?.=EEB.D<C?2812814236.

EIH

3 � �j$� ���j��g�ir�nydkh$�

6 q{wn��� ���jGFEHj���j��m$�

5 �,�&j+"�&� �,�&i� $�

8 onuxtpa�'ble��m$�

7 <RX.NXVW_)_!*zs�m�d onuxtpm�r~nugRTKPO .@IA>?.=EEB.D<C?

2812814236.

RTKPO .@IA>?.=EEB.D<C?2812814236.

RTKPO .@IA>?.=EEB.D<C?2812814236.

� @IA>?.=EEB ! @�

RTKPO .@IA>?.=EEB.D<C?2812814236.

RTKPO .@IA>?.=EEB.D<C?2812814236.

RTKPO .@IA>?.=EEB.D<C?2812814236.

RTKPO .@IA>?.=EEB.D<C?2812814236.

RTKPO .@IA>?.=EEB.D<C?2812814236.

�@IA>?.=EEBm��ir�nyce��

RTKPO .@IA>?.=EEB.D<C?2812814236.

].<RX.NXVW.^].NOSOZO.^ ].ONRZ.^

.@IA>?.=EEB.D<C?2812814236.

RTKPO

2812814236.

���j��g�ir�nycf� �$�

RTKPO

.@IA>?.=EEB.D<C?2812814236.

RTKPO .@IA>?.=EEB.D<C?2812814236.

RTKPO .@IA>?.=EEB.D<C?2812814236.

;

RTKPO .@IA>?.=EEB.D<C?

� @IA>?.=EEB ! @�

.@IA>?.=EEB.D<C?2812814236.

RTKPO

.@IA>?.=EEB.D<C?2812814236.

RTKPO .@IA>?.=EEB.D<C?2812814236.

RTKPO .@IA>?.=EEB.D<C?2812814236.

RTKPO .@IA>?.=EEB.D<C?2812814236.

� @IA>?.=EEB ! @�

!..GOKXMQ

RTKPO .@IA>?.=EEB.D<C?2812814236.

RTKPO .@IA>?.=EEB.D<C?2812814236.

RTKPO .@IA>?.=EEB.D<C?2812814236.

RTKPO .@IA>?.=EEB.D<C?2812814236.

RTKPO

RTKPO

.@IA>?.=EEB.D<C?2812814236.

RTKPO .@IA>?.=EEB.D<C?2812814236.

Page 18: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

~��������_���������ncc��������b��c����c�����

maf_ËÉÕÚÓÌQE

y� ]@ @? 4� vy

f ÒÓۮƷt�������»Ã¤º+�

_u�vrs_qzzw_����

_}����_r���

z�~

e }{z~»�Aº´£µ 8#£³½£ºLC¬µ��¼ÑéÒêºLC®ÆëF�A¶ÀLCÈG¬¨ì

h �A¼}{z~QEÜêÏÃÅÀF»X«ÈB¨ëE¨ìLC®Æ

g 8ÐèÉÛ¶9»�AÈMƪ·¦�5Æ

j �A»>W�Y6,¼:¬

i �A¦:£��¼[LC

l 3��»��¼ ����_u�vrs_qzzw_����¡·K£Íæê¶LC

k u�vrs_qzzw_���� ��«Ç°ËÉÕÚÓÌ»��ÈLC®Æëu�vrs_qzzw_����¼OS¬¹£ì

ed 3��»��¼[LC

m }����_r��� ��«Ç°}����_r���ÈLC®Æë}����_r���»-�¼OS¬¹£ì

ef �º�=R£h´»/D»ÎãêÔÊÓÔÈ�ǵ�ÒÓۮƷP%»/�¿¶ÏàéÛ®Æ

ee e��_���ëe/@�f/@�g/@�ì 3��»��¼[LC

eh ìf��_���»��¼ e��_���_���g_���h_���i¡

eg ìe��_���»��¼ f��_���_���g_���h_���i¡

ej }{z~º>W«Çµ£Æ}{z~»��¼�¯»'ºLC®Æ}{z~·�­&$¶LC

ei }����_}{z~ t���������»}{z~(�¥ÄU*¬°��¼}{z~»��±©ÈLCëèÉá꼪²Äì

el �}{z~»LC Þß¼}{z~QEÜêÏ·T£���«Ç°-�,�±©»#¶LC®Æ

ek 3��»��¼[LC

fd {rtÛæØâêÁp��_�����2¹¸»�§¼}{z~QEÜêÏ·�7

em <\�V»ZJI0V� <\�Vº� LCë�èÉáê�¼L;»�^¶�=�¶®¦�� LCì

fg �����_����

fe �=1'»(� �=1'»(�¿¶ÐÌçê嬵�¯ª¥Ä«ÄºÐÌçêå®Æ��¼²Â³·Øäêé·×ֻäº�¾Æë�{����ºÃ¨¢ÆÁ´ì

ff "OèÉáêÙæêݺ´£µ �H¿¶º l_ËÉÕÚÓÌ.N�)¡» !·�­ !º¬µ£¿®

_e��_��� f��_��� ���_g ���_h ���_i

_}����_}{z~ _}�������_}{z~

�����

�_�_�_�_�_�

_}{z~_����_```````````````````````````````````````````

_p������_```````````````````````````````````````````````````

����

_~������_n__fd_�������_����_��_�_~����_�

_~sx_o_dgadgdgadgdg �|x_o_����ncc���������b��c

�����

�_�_�_�_�_�

_}{z~_����_```````````````````````````````````````````

_}{z~_����_```````````````````````````````````````````

_p������_```````````````````````````````````````````````````

�����

�_�_�_�_�_�

_}{z~_����_```````````````````````````````````````````

�_�_�_�_�_�

_p������_```````````````````````````````````````````````````

����

_~������_n__fd_�������_����_��_�_~����_�

_~sx_o_dgadgdgadgdg �|x_o_����ncc���������b��c

!����

_f��_��� e��_��� ���_g ���_h ���_i

�_�����_����_�

!����

î í �_����_� �_{rt_� �_p��_����_�

_p������_```````````````````````````````````````````````````

����

_~������_n__fd_�������_����_��_�_~����_�

_~sx_o_dgadgdgadgdg �|x_o_����ncc���������b��c

!����

_~������_n__fd_�������_����_��_�_~����_�

_~sx_o_dgadgdgadgdg �|x_o_����ncc���������b��c

����

_���_g f��_��� ���_h ���_i ���_j

�����

Page 19: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

js�~�z{}wIl�o~ov��|YNN��o�s�~�MwzNpx{uNop{��

fkj

P ZS­¨°�g]_��£ ZS­¨°�-"_�xx@9�£�P~�Iro�KIQzrIro�KIro�R� ��(���¥£���/�ºÂ®��£

XLRI`ka]^I[ffbIg]_IÀ¨§©´

e{ H7 76 *� ae`ka]^I[ffbIzoysIJJJJJJJJJJJJJJJJJJJJJJJ i�o}�I]o�sI

R �8�R���¡¤£­¨°�»³«¯¦��¢��8�)�Q+����£

�8�P+����-Q��»³«¯¦��do|¦@9

Q �8����

S

�8�-"�����@9�����±Á²Â��¢�£Ã<�8��@9¦=��Ä

T �8�Q+�����8Q+Ådo|¦-���@9�£

�8�O+����-"�������¦@9�£U

V ���­¨°Ã·«±¿%Ä��8�+%�E¥¡�� ��£

X ��¢��¤��£2; ��������

fttxwzs3#�g]_$�£���dZg¦F@9��£

PP ���¼Â¿C ��£§¹¾�§¨¬Á�@9�£

PO g]_���NC '0 ¹À¶½Â4G�D�wgv{zs,1�.?��wgv{zs�����£§¹¾�����£���§¹¾§¨¬Á¦@9

PS �5���¤£\}srw� �OUNOUNQOPSIILII\}so�srIwzIigfj�� ���$(�(��\}srw�¦�¤£

wyous wyous

PR �>����� �WIª¨µ¸³«&A$���XLQIª¨µ¸³«B:�����!������

PQ ����H7 F@9��£

W dZg����

Ij^cIYIORLORORLOROR IkhcIYIv��|YNN|xo�~sz~sMys

IZrr}s~~IYIJJJJJJJJJJJJJJJJIJJJJJJJJJJJIJJJJJJJJJJJIJJJJJJJJJJIJJJJJJJJJJIJJJJJJJJIJJJJJJJJ

do|

OUNOUNQOPSIILII\}so�srIwzIigfj

Iysy{

Ij}ottwqIYIQOIywz��s~I}wrsIp�ImIj}owzIn

!ysy{

IQzrIro�

wyous wyous do|

Iysy{

Ij}ottwqIYIQOIywz��s~I}wrsIp�ImIj}owzIn

IigfjIzoys

IZrr}s~~IYIJJJJJJJJJJJJJJJJIJJJJJJJJJJJIJJJJJJJJJJJIJJJJJJJJJJIJJJJJJJJJJIJJJJJJJJIJJJJJJJJ

Ij^cIYIORLORORLOROR IkhcIYIv��|YNN|xo�~sz~sMys

Iysy{

Ij}ottwqIYIQOIywz��s~I}wrsIp�ImIj}owzIn

!ysy{

!ysy{

Iro�IR

IP~�Iro� Ii�o}�IigfjIYIigfjIzoys

wyous wyous do|

IkhcIYIv��|YNN|xo�~sz~sMys

Iysy{

IigfjIzoys

IZrr}s~~IYIJJJJJJJJJJJJJJJJIJJJJJJJJJJJIJJJJJJJJJJJIJJJJJJJJJJIJJJJJJJJJJIJJJJJJJJIJJJJJJJJ

Ij^cIYIORLORORLOROR

wyous wyous do|

IigfjIzoys

IZrr}s~~IYIJJJJJJJJJJJJJJJJIJJJJJJJJJJJIJJJJJJJJJJJIJJJJJJJJJJIJJJJJJJJJJIJJJJJJJJIJJJJJJJJ

Ij^cIYIORLORORLOROR IkhcIYIv��|YNN|xo�~sz~sMys

IigfjIzoys

Ij}ottwqIYIQOIywz��s~I}wrsIp�ImIj}owzIn

Page 20: [ SPOT ] 簡単にガイドブックが作成できるiPhoneアプリのUI設計および仕様書

alzy{tuxp@e{hyhozzvNCC�{hzlzy{BptCirunChiu{z

Î ^hyyjukl kutl

Ttzlx@\l}@^hyy}uxky

Sl|lruvlx@@@^oht@Zhj@^o{j

O@_hzl@ut@Pvv@`zuxl

^hyyjukl3�'>

Qxpknl@Ttnptllx@@^oht@Wuhtn@[pto

@Rxlkpzy

@^xuk{jlx alzy{tuxp@e{hyh

@Sl|lruvsltz@i� Uxhsnph@cplz\hs

Î `TaaX\V` Í

Slypntlx@@e{yop@U{qhnh}h

R]]@@ahpolp@Yuih�hyop

@^hyyjukl

@^xpuxpz�@f@^ouzu@g@�@�@\hsl@Rhxk@g

@Piu{z

@^ZPe`T\`T

@shql@lsuzputhr@yjltl

@dl@jut|lxz@A][]aT\P`WX@`vpxpzyA@ptzu@dli@`lx|pjlB

@`^]a@Uhjliuuq

�!����� ��«¬°É���������ª�!�#¨¥���¨

EG +�8�ª�����Uu{xyw{hxl�P^X�¦Ç¯¬É&�¾Ê²ª5¢7¢Ç¯¬É��¨

EF �+ª�§7£�ux�+ª�§7¡������8�-ª04����ÂʱÊ�8��¨�

EE Uu{xyw{hxl�!���� µ¶½��]\��¨���Uu{xyw{hxl�(:�©��¨��+ª�§7¢¡��Ï��������¤�<���§¡������«ÃʸÀ¶´Ê²ª04�1,��

ED _hzl@ut@Pvv@`zuxl�Æ»Áʾʲ �ÄÉ®ª6¨

M alzy{tuxp@e{hyh@�ÄÉ®ª6¨Ë`hmhxp�;�Ì ozzvNCC�{hzlzy{BptCirunChiu{z

L Uhjliuuq�ÄÉ®ª6¨@Ë«½Ä���;��%�©�`hmhxp�;�Ì ozzvyNCC}}}BmhjliuuqBjusC`^]aB|u�hnl

K ^ZPe`T\`T�ÄÉ®ª6¨@Ë`hmhxp�;�Ì ozzvNCCvrh�yltylBsl

G �Í�¿µÉ�`^]a��2��¿µÉ

J +1,�^xpuxpz��·¼­Å¸�^ouzu���¨

I ^hyyjuklª���¦^hyyjukl3�'>ª��¦���� H$�º³ÈʹªF�� �¨�3���¨

X\

F '>�9�=/.����1,

]ba

E �Î��¨¿µÉ�ahny¾Ê²��¨

�@pjut@� @Uu{xyw{hxl

ED@`lzzptny

\u ?* *) "�

H `�tj���� �`�tj�¿µÉª]\��¨���©�©�P^X¾Ê²ª1,���3��¨

@`�tj

�@pjut@� @pRru{k

�@pjut@� @Sxuviu~