資源描述:
《APP設(shè)計(jì):那些打動(dòng)人心的設(shè)計(jì)點(diǎn)(3).doc》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫(kù)。
1、APP設(shè)計(jì):那些打動(dòng)人心的設(shè)計(jì)點(diǎn)(3) 這是2017年的第10篇文章。據(jù)說(shuō)總結(jié)出100個(gè)打動(dòng)人心的APP設(shè)計(jì)點(diǎn),就能召喚神龍,一起來(lái)看吧?! ≡O(shè)計(jì)師必須站在系統(tǒng)層面做思考,滿足某一類(lèi)人的需求并提供解決方案,這需要系統(tǒng)化的交互方法論,包括需求分析、信息架構(gòu)及流程設(shè)計(jì)等等。但當(dāng)設(shè)計(jì)師專(zhuān)注于宏觀思考問(wèn)題時(shí),往往會(huì)忽略設(shè)計(jì)細(xì)節(jié)?;谶@種情況,SmartDesign的交互設(shè)計(jì)主管DanSaffer提出了“微交互”的概念。為此,他專(zhuān)門(mén)寫(xiě)了一本書(shū),書(shū)名叫做《微交互》。有興趣的小伙伴可以看看。 好,我們繼續(xù)梳理那些打動(dòng)人心的APP設(shè)計(jì),希望對(duì)你有幫助。 18
2、.微信讀書(shū)的查詢功能 微信讀書(shū)是我個(gè)人很喜歡并常用的一款閱讀類(lèi)APP,簡(jiǎn)單的產(chǎn)品架構(gòu),優(yōu)秀的文字排版,以及基于筆記和讀后感的社交屬性,都是打動(dòng)我的產(chǎn)品點(diǎn)。其中不乏一些打動(dòng)人心的微交互,如上篇文章中第15條。而今天講的是微信的查詢功能?! ¢喿x的時(shí)候會(huì)遇到一些不懂的概念或者不認(rèn)識(shí)的外文,貼心的微信讀書(shū)不僅提供了詞典功能,如果要查詢的詞字典里沒(méi)有,還可以直接查詢百度百科,簡(jiǎn)直不要太方便??磿?shū)的時(shí)候再也不用在閱讀軟件和瀏覽器之間來(lái)回切換了?! ∥⑿抛x書(shū) 19.網(wǎng)易出品必屬精品 互聯(lián)網(wǎng)公司,注重產(chǎn)品體驗(yàn)的,一個(gè)是騰訊,另一個(gè)則是網(wǎng)易,網(wǎng)上流傳這么一句
3、話:網(wǎng)易出品必屬精品。最近新上線的網(wǎng)易蝸牛讀書(shū)APP,又偷偷火了一把。不過(guò)今天要講的是另一個(gè)網(wǎng)易出品:有道詞典?! 〕R?guī)的APP都將搜索欄放在頁(yè)面頂部,這樣會(huì)遇到一個(gè)問(wèn)題,不利于單手操作。有道詞典在首頁(yè)右下角放置了一個(gè)搜索icon,讓用戶在進(jìn)行翻譯任務(wù)時(shí),單手操作便可完成?! ∮械涝~典 20.撩人的小妖精:小紅書(shū) 小紅書(shū)成功了,這是個(gè)讓無(wú)數(shù)妹紙種草剁手的地方,小紅書(shū)為了伺候好這幫小公主,可謂處處用心。光一個(gè)點(diǎn)贊,就給做出花來(lái)了?! ∶看吸c(diǎn)贊,提示的文案都不同,而且每句都讓人忍不住再點(diǎn)一次,誰(shuí)讓你不要臉的這么夸我,哈哈。 小紅書(shū) 21.音
4、樂(lè)APP中的文藝青年:網(wǎng)易云音樂(lè) 網(wǎng)易用個(gè)性化的推薦和豐富的社區(qū)內(nèi)容,在音樂(lè)市場(chǎng)殺出了一條血路,讓其他老牌音樂(lè)APP望塵莫及。除了個(gè)性化的推薦、社區(qū),優(yōu)秀的產(chǎn)品交互也是不可或缺的亮點(diǎn)?! 【W(wǎng)絡(luò)不好或斷網(wǎng)狀態(tài),和網(wǎng)絡(luò)正常,這兩種情況打開(kāi)APP,默認(rèn)的標(biāo)簽頁(yè)是不一樣的。斷網(wǎng)時(shí)會(huì)直接前往本地的“我的音樂(lè)”,網(wǎng)絡(luò)正常則是“發(fā)現(xiàn)音樂(lè)”頁(yè)。沒(méi)網(wǎng)的時(shí)候發(fā)現(xiàn)個(gè)毛線音樂(lè),只能是聽(tīng)本地音樂(lè)了,這個(gè)細(xì)節(jié)給滿分。 網(wǎng)易云音樂(lè) 22.再次提名的QQ郵箱 該系列文章第一條夸的就是騰訊出品的郵箱,今天繼續(xù)夸一夸。查看郵件之后,用戶有幾條路徑:回復(fù)郵件,轉(zhuǎn)發(fā)郵件,返回郵件
5、列表等。QQ郵箱,在閱讀郵件頁(yè)下滑,便可直接回復(fù)郵件,提高了上班族處理郵件的效率?! ≡陧?yè)面不需要下拉刷新時(shí),嘗試用下拉交互喚起其他功能是個(gè)不錯(cuò)的方法?! Q郵箱 23.啟動(dòng)頁(yè)面真的可以不用是廣告 不知道從什么時(shí)候開(kāi)始,打開(kāi)每個(gè)APP,都要等待3到5秒,默默的被強(qiáng)迫看完廣告。嗯,不能忍,各大廠商為了商業(yè)利益真是想盡辦法。從點(diǎn)擊APP啟動(dòng)圖標(biāo)到APP開(kāi)啟并完成數(shù)據(jù)加載,是需要一個(gè)時(shí)間過(guò)程,通常會(huì)用開(kāi)啟圖片來(lái)展示,以降低用戶的等待焦慮,微信的開(kāi)啟圖片就是很有名的例子。也有顯示廣告的做法,還有顯示完啟動(dòng)圖片再展示廣告的,具體是哪家APP我就不說(shuō)了,
6、大家自行去體會(huì)。這些都是平衡商業(yè)目標(biāo)和用戶目標(biāo)最終方案,無(wú)可厚非,但僅僅從用戶體驗(yàn)的角度出發(fā),會(huì)有更好的方案?! osnap,中文名:多色,定位于手機(jī)攝影的分享平臺(tái)。開(kāi)啟過(guò)程比德芙還要絲滑,完全感覺(jué)不到有個(gè)啟動(dòng)過(guò)程,沒(méi)有啟動(dòng)動(dòng)畫(huà)和廣告。這是怎么做到的?其實(shí)很簡(jiǎn)單,當(dāng)APP首頁(yè)框架固定時(shí),做一個(gè)類(lèi)似主頁(yè)的圖片作為APP的啟動(dòng)圖片,就這么取巧,用戶便感覺(jué)不到開(kāi)啟過(guò)程,體驗(yàn)比起五秒的廣告簡(jiǎn)直好到爆炸?! osnap多色 24.驗(yàn)證碼短信也有大文章 一條驗(yàn)證碼短信,有什么可設(shè)計(jì)的?你錯(cuò)了,站在以用戶為中心的視角,什么都可以被設(shè)計(jì)被改善。用戶的瀏覽習(xí)
7、慣是,從左到右或從上到下,然后找到自己想要的內(nèi)容便停止瀏覽。下圖左側(cè)直接將公司名和驗(yàn)證碼放在文本開(kāi)頭,將說(shuō)明性的文字放在后面,便于用戶更快的找到自己想要的信息。此時(shí)你再看看右側(cè)的驗(yàn)證碼短信,對(duì)比下?! Q&微信 25.流量很貴,省一點(diǎn)是一點(diǎn) 《人機(jī)交互與數(shù)據(jù)傳輸:關(guān)于數(shù)據(jù)加載的六種形式》提到智能加載的問(wèn)題。這一條設(shè)計(jì)點(diǎn)的原理類(lèi)似,在知乎的設(shè)置中有一欄無(wú)圖模式:在非WiFi條件下不下載圖片,如下圖。知乎:我就這么默默的幫你省流量,你會(huì)愛(ài)上我嗎?當(dāng)然,如果你是土豪,請(qǐng)忽略這個(gè)功能?! ∵@條功能設(shè)計(jì)出發(fā)點(diǎn)是幫用戶節(jié)省流量,從而為用戶創(chuàng)造價(jià)值,在保證
8、用戶順利完成主任務(wù)的前提下,多為用戶著想,這很人性化?! ≈酢 ?6.用手勢(shì)代替點(diǎn)擊