![èŠåºãç»å](https://assets.st-note.com/production/uploads/images/57689391/rectangle_large_type_2_1cbdfe37b9f43204e24c78b62511b562.png?width=1200)
ð¬ Design TermïŒãã¶ã€ã³ã»ããªãŒããè±èªã§æžããŠã¿ãã
ååã®èšäºã§ãã¶ã€ã³ã»ããªãŒãã«ã€ããŠããã®éèŠãããŸãäœææ¹æ³ããã³ãã¬ãŒããã玹ä»ããŸããã
æåãããããžã§ã¯ãã¯åªãããã¶ã€ã³ã»ããªãŒãã®ååšãäžå¯æ¬ ãšããããŸããããã¯ã¯ã©ã€ã¢ã³ããããŒã å šäœããããžã§ã¯ããæåã«å°ãçºã«æãéèŠãªããã¥ã¡ã³ãããŸãããŒã«ã§ããããŸãã
ã¯ã©ã€ã¢ã³ãã®æåŸ å€èšå®ãç®çã®æ確åãã¿ãŒã²ãããã¢ãŠãã«ã ããŠãŒã¶ãŒã«å±ããã䟡å€ãå·®å¥åã§ããå çãæçµçãªãŽãŒã«ãªã©äžèŠãã¶ã€ã³ã«ã¯é¢ä¿ãªããšæããããããªããããæ¬ ãããªãæ å ±ã端çã«ãŸãšãããã®ããããããŸãšããããã¥ã¡ã³ãããã¶ã€ã³ã»ããªãŒããã¯ãªãšã€ãã£ãã»ããªãŒããªã©ãšåŒã³ãŸããããã¯ãªãã»ããŒãã£ã³ã°ã«ãããŠã¯ã©ã€ã¢ã³ããšãããŒã ã¡ã³ããŒãšæ¹åæ§ãå®ããäºã§ãã®åŸã®ãºã¬ãé¿ããã®ãç®çããŸããããžã§ã¯ãã®ããŒããããã®ãããªãã®ãšããŠã¿ãããŠããŸãã
ä»æ¥ã¯ãã¶ã€ã³ã»ããªãŒããè±èªã§æžãããã®ãã玹ä»ããããŸãã
Design BriefïŒãã¶ã€ã³ã»ããªãŒã
This document provides a brief description of the project. It outlines the objectives, audience, and assumptions for the project and details the creative concept the team intends to use moving forward. This document should accompany the materials for the Conceptual Design Review.
ãã®ããã¥ã¡ã³ãã¯ãããžã§ã¯ãã®ç°¡æœãªæŠèŠãèšè¿°ããããã«çšããŸãããããžã§ã¯ãã®ç®çã察象è ãä»®å®ã®èŠç¹ããŸãšãããããžã§ã¯ãããŒã ãå°æ¥çã«çšããããšæå³ããŠããã¯ãªãšã€ãã£ãã³ã³ã»ããã詳ããè¿°ã¹ãŸãããã®ããã¥ã¡ã³ãã¯ã³ã³ã»ãããã¶ã€ã³ã¬ãã¥ãŒã®è³æãšããŠçšããããŸãã
åç §èšäºïŒœ
https://blog.btrax.com/jp/brief/
Project DetailsïŒãããžã§ã¯ãã®è©³çŽ°
Date:
èšå ¥æ¥ïŒ
Prepared by:
å¶äœè ïŒ
Phone:
é»è©±çªå·ïŒ
Email:
ã¡ãŒã«ã¢ãã¬ã¹ïŒ
Project name:ã
ãããã¯ãå
"Product Name" online peer to peer community - Experience and interface design brief
ãªã³ã©ã€ã³ãã¢ããŒãã¢ã³ãã¥ããã£-ãšã¯ã¹ããªãšã³ã¹ãšã€ã³ã¿ãŒãã§ãŒã¹ãã¶ã€ã³ã®æŠèŠ
Design Lead:
ãã¶ã€ã³ãªãŒã
Product Manager:
ãããã¯ãã»ãããžã£ãŒ
Business Lead:
ããžãã¹ã»ãªãŒã
Hand-off to Engineering: (mm/dd/yy)
ãšã³ãžãã¢ãžã®åãæž¡ãæ¥
Product Release: (mm/dd/yy)
ãããã¯ãã»ãªãªãŒã¹æ¥
Business Overview & Project ConceptïŒããžãã¹æŠèŠãšã³ã³ã»ãã
ã¯ã©ã€ã¢ã³ãã®æäŸããŠããããžãã¹ã«é¢ããæŠèŠããäŒç€Ÿã®æŽå²çãèšè¿°ããŸãããŸããã®ãããžã§ã¯ãã®ã³ã¢ãŠãŒã¶ãŒããªã¥ãŒãïŒæçšåºŠã§ç°¡æœã«èšè¿°ããŸãã
We are re-platforming and improving our online peer-to-peer support community.
ãªã³ã©ã€ã³ã®ãã¢ã»ãã¥ã»ã㢠ãµããŒãã³ãã¥ããã£ãåãã©ãããã©ãŒã åããæ¹åããããšæã£ãŠããŸãã
Peer to PeerïŒãã¢ã»ãã¥ã»ã㢠ãŸã㯠ãã¢ã»ããŒã»ãã¢ïŒãšã¯ãè€æ°ã®ã³ã³ãã¥ãŒã¿ãŒéã§éä¿¡ãè¡ãéã®ã¢ãŒããã¯ãã£ã®ã²ãšã€ã§ã察çã®è å士ãéä¿¡ãããããšãç¹åŸŽãšããéä¿¡æ¹åŒãéä¿¡ã¢ãã«ããããã¯éä¿¡æè¡ã®äžåéãæããŸããP2Pãšç¥èšããããšãå€ããããŸãã
We have 100,000+ community members who come to our forums seeking connection and support from people who have similar mental health experiences to themselves.
ç§ãã¡ã®ãã©ãŒã©ã ã«ã¯10äžäººä»¥äžã®ã³ãã¥ããã£ã¡ã³ããŒãåå ããŠããã圌ããšåããããªã¡ã³ã¿ã«ãã«ã¹ã®çµéšãæã€äººã ããã®ã€ãªãããšãµããŒããæ±ããŠããŸãã
Our current system is old and does not provide a good experience.
ç§ãã¡ã®çŸåšã®ã·ã¹ãã ã¯å€ããè¯ããšã¯ã¹ããªãšã³ã¹ãæäŸããŠããŸããã
We are working with a tech company, Company A, who are building our new online platform that will connect our community to enable sharing of experiences and peer to peer support.
ç§ãã¡ã¯ãã¯ãããžãŒäŒæ¥ã§ããA瀟ãšååããŠãããã³ãã¥ããã£ãæ¥ç¶ããŠçµéšã®å ±æãšP2PãµããŒããå¯èœã«ããæ°ãããªã³ã©ã€ã³ã»ãã©ãããã©ãŒã ãæ§ç¯ããŠããŸãã
We have provided them with our brand guidelines and have a very basic UI design at this stage.
ç§ãã¡ã¯åœŒãã«ãã©ã³ãã»ã¬ã€ãã©ã€ã³ãæäŸãããã®æ®µéã§ã¯éåžžã«åºæ¬çãªUIãã¶ã€ã³ã§åœ¢æãããŠããŸãã
They have spun up our initial build (details below) and we are now in need of some UX and UI design expertise and support to take this product from being functional to being a beautiful, supportive, and a caring experience.
圌ãã¯ç§ãã¡ã®æåã®ãã«ããã¹ãã³ã¢ãããããã®è£œåãæ©èœçãªãã®ããçŸããããµããŒãçã§æãããã®ããäœéšã«ããããã«ãUXãšUIãã¶ã€ã³ã®å°éç¥èãšãµããŒããå¿ èŠã§ãã
Project BudgetïŒãããžã§ã¯ãäºç®
ãã®ã»ã¯ã·ã§ã³ã§ã¯ãããžã§ã¯ãã«å¯ŸããŠæäŸãããäºç®åã³æéãèšè¿°ããŸãããŸã ãããžã§ã¯ãã®äºç®ãã¿ã€ã ã©ã€ã³ã決ãŸã£ãŠããªãå Žå
â Budget â TBC
äºç®â TBC
ð¡TBCãšã¯ããTo be confirmedãã®ç¥ã§ãã確èªäžããæªå®ããè¡šãè±èªã§ããTBCã«é¢é£ããè¡šçŸãšããŠããTBA (To be announced, åŸæ¥çºè¡š)ããTBD (To be determined, æªæ±ºå®)ãããããŸãã
Project Time Scale & DeadlineïŒãããžã§ã¯ãã¹ã±ãžã¥ãŒã«ãšç· ãåã
ãã®ã»ã¯ã·ã§ã³ã§ã¯ãããžã§ã¯ãã®ã¹ã±ãžã¥ãŒã«ãšæçµç· ãåããèšè¿°ããŸãã
â Timeline â End of August (staggered delivery)
ã¿ã€ã ã©ã€ã³â 8ææ«ïŒæå·®çŽæïŒ
ð¡æå·®çŽæãšã¯å¥çŽæºäºã®æ°å¶æ¥æ¥åããæºäºæ¥ãŸã§ã®æéããããŸãã
Business ObjectivesïŒããžãã¹ã¿ãŒã²ãã
ãã®ã»ã¯ã·ã§ã³ã«ã¯ããžãã¹ãšè£œåã®ç®çãããã¯ãŽãŒã«ãèšè¿°ããŸãã
ïŒäŸïŒã¡ã³ããŒã®å¢å ãã³ã³ãã³ãã®ããã¢ãŒã·ã§ã³ã賌買ã®å¢å ïŒ
Our big goal
ç§ãã¡ã®å€§ããªç®æš
New Zealandâs best online support community, for people seeking support from peers who understand their lived experience.
çããçµéšãç解ããŠãã仲éããã®ãµããŒããæ±ãã人ã ã®ããã®ããã¥ãŒãžãŒã©ã³ãã§æé«ã®ãªã³ã©ã€ã³ã»ãµããŒãã»ã³ãã¥ããã£ã
Product Name P2P experience increases connectedness, reduces stigma and encourages positive change.
ãã®P2Pã®çµéšã¯ãã€ãªãããå¢ãããã¹ãã£ã°ããæžãããååããªå€åãä¿ããŸãã
Value PropositionïŒããªã¥ãŒããããžã·ã§ã³
ãã®ã»ã¯ã·ã§ã³ã«ã¯ããŠãŒã¶ãŒãããã£ããããããžã§ã¯ãã®äŸ¡å€ãèšè¿°ããŸãã
The space we want to create through design
ãã¶ã€ã³ã§äœããã空é
We want our experience to be supportive, encouraging, soft, spacious (giving people space), from the way we write content, through to the features we implement, through to the look and feel of the User Interface
ç§ãã¡ã¯ãã³ã³ãã³ãã®äœææ¹æ³ãããå®è£ ããæ©èœããŠãŒã¶ãŒã€ã³ã¿ãŒãã§ã€ã¹ã®ã«ãã¯ã¢ã³ããã£ãŒã«ã«è³ããŸã§ããµããŒãçã§ãå±ã¿ã«ãªããæããããåºã ãšããïŒäººã ã«ã¹ããŒã¹ãäžããïŒãšã¯ã¹ããªãšã³ã¹ãæãã§ããŸãã
We want to encourage and promote:
ç§ãã¡ã¯ä»¥äžã奚å±ããä¿é²ããããšèããŠããŸãã
⢠Realising genuine understanding from peers
â¢ä»²éããã®çã®ç解ã®å®çŸ
⢠Feeling of belonging
â¢åž°å±æ
⢠Feeling encouraged
â¢å±ãŸãããæ°æã¡
⢠From those who share a lived experience
â¢çããçµéšãå ±æãã人ã ãã
It is all about connecting people together and being a part of a community. We want the design to reflect that.
ããã¯ãã¹ãŠã人ã ãçµã³ã€ããã³ãã¥ããã£ã®äžå¡ãšãªãããšã§ãããããåæ ãããã¶ã€ã³ã«ããããšæããŸãã
UI ConsiderationsïŒãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ã€ã¹æ€èšäºé
ãã®ã»ã¯ã·ã§ã³ã«ã¯ãããžã§ã¯ãã® UI æ€èšäºé
ãèšè¿°ããŸãã
Scope
ã¹ã³ãŒã
UX / UI design of the key page layouts and components:
äž»èŠãªããŒãžã¬ã€ã¢ãŠããšã³ã³ããŒãã³ãã®UX / UIãã¶ã€ã³ïŒ
⢠Home page â needs an overhaul (too much information, unclear component hierarchy, some irrelevant information, content structure not visible)
â¢ããŒã ããŒãžâãªãŒããŒããŒã«ãå¿ èŠã§ãïŒæ å ±ãå€ããããã³ã³ããŒãã³ãéå±€ãäžæ確ãäžéšã®ç¡é¢ä¿ãªæ å ±ãã³ã³ãã³ãæ§é ã衚瀺ãããªãïŒ
ã» Needs to consider basic customisation that will happen later, as content will change according to âuser typeâ
ã» ã³ã³ãã³ãã¯ããŠãŒã¶ãŒã¿ã€ããã«å¿ããŠå€åãããããåŸã§è¡ãããåºæ¬çãªã«ã¹ã¿ãã€ãºãæ€èšããå¿ èŠããããŸã
⢠Non registered users
â¢æªç»é²ãŠãŒã¶ãŒ
⢠First-time users
â¢åããŠã®ãŠãŒã¶ãŒ
⢠Long-time users
⢠ãã³ã°ã¿ã€ã ã»ãŠãŒã¶ãŒ
- All themes âlandingâ page â collection of all topic theme pages.
-ãã¹ãŠã®ããŒãã®ãã©ã³ãã£ã³ã°ãããŒãžâãã¹ãŠã®ãããã¯ããŒãããŒãžã®ã³ã¬ã¯ã·ã§ã³ã
Navigation purpose
ããã²ãŒã·ã§ã³ã®ç®ç
⢠Topic theme page
â¢ãããã¯ããŒãããŒãž
⢠Conversation page
â¢äŒè©±ããŒãž
⢠Navigation and footer
â¢ããã²ãŒã·ã§ã³ãšããã¿ãŒ
Nice to have:
ãã£ããGOODïŒ
⢠Make a new post
â¢æ°ããæçš¿ãäœæãã
â¢Thank you for posting page
â¢ããŒãžãæçš¿ããŠããã ãããããšãããããŸã
⢠Add a comment
â¢ã³ã¡ã³ããè¿œå ãã
⢠My profile
⢠ããã£ãŒã«
⢠Badge icon design x 8 (approx)
â¢ãããžã¢ã€ã³ã³ã®ãã¶ã€ã³x8ïŒçŽïŒ
Required Materials:å¿ èŠãªãããªã¢ã«
ãã®ã»ã¯ã·ã§ã³ã«ã¯ãã¯ã©ã€ã¢ã³ããããããã®ã¡ã³ããŒããã®æåºãå¿
èŠãªçŽ æã«ã€ããŠèšè¿°ããŸãã
Page hierarchy, key messages, goals and wireframes
ããŒãžéå±€ãéèŠãªã¡ãã»ãŒãžãç®æšãã¯ã€ã€ãŒãã¬ãŒã
Linkã®æ¿å ¥
Platform access
ãã©ãããã©ãŒã ãžã®ã¢ã¯ã»ã¹
Linkã®æ¿å ¥
Requirements
èŠä»¶
⢠Mobile-first design
â¢ã¢ãã€ã«ãã¡ãŒã¹ããã¶ã€ã³
⢠Must meet WCAG (Web Content Accessibility Guidelines) 2.1 AA
â¢WCAGïŒWeb Content Accessibility GuidelinesïŒ2.1AAãæºããå¿ èŠããããŸã
⢠Must use the brand guidelines. Although we want to push the boundaries a little here and make this as beautiful as possible
â¢ãã©ã³ãã®ã¬ã€ãã©ã€ã³ã䜿çšããå¿ èŠããããŸãããã ãçŸãããã®ã«ãããã®ã§ãå°ãããŠã³ããªãŒãæŒãåºããããšæã£ãŠããŸãã
⢠Delivery of packaged up design spec / files for PlatformA to then build into front end of the platform â We can get specific details from PlatfromA as to how best to supply.
â¢ãã©ãããã©ãŒã Aã®ããã³ããšã³ãã«çµã¿èŸŒãããã®ããã±ãŒãžåãããèšèšä»æ§/ãã¡ã€ã«ã®é ä¿¡â ãã©ãããã©ãŒã Aãããæé©ãªäŸçµŠæ¹æ³ã«é¢ããå ·äœçãªè©³çŽ°ãæäŸã§ããŸãã
ç§ãè²ã å匷äžãªã®ã§ãçããŸã®ãæèŠã»ãææ³ããèãããã ããããèªã¿é ããŸããŠãããããšãããããŸããã
ã¡ã«ãã«ã³ãæ ç¹ã«ãããã¯ããã¶ã€ããŒãšããŠåããŠããŸãã äž»ã«ããžã¿ã«ã»ãããã¯ãã®å¶äœã«æºãã£ãŠããŸãã
ãã®èšäºãæ°ã«å ¥ã£ãããµããŒããããŠã¿ãŸãããïŒ