您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 交互設(shè)計 >> 瀏覽設(shè)計教程

搜狗輸入法智慧版2.0心有靈犀安裝包設(shè)計分享

項目背景

智慧版1.0推出之后,簡單清新的安裝包設(shè)計效果得到了廣大用戶的認(rèn)可,有不少朋友給予了肯定這讓我們很是感動,2012年10月份,在上一版版本的基礎(chǔ)上,我們開始著手智慧版2.0的開發(fā)。從功能上來講,在繼承1.0的基礎(chǔ)上,這次新增了心有靈犀與變色龍等重量級功能,希望用戶體驗?zāi)苡懈蟮奶嵘?。從視覺風(fēng)格上來說,我們繼續(xù)延續(xù)之前的風(fēng)格基調(diào),在動畫與交互上試圖尋找新的表現(xiàn)方式,盡量給用戶傳達(dá)新鮮有趣的體驗。這也契合了我們做輸入法智慧版的初衷。

時間周期

安裝包設(shè)計分享

1從功能點的角度

此版本首次上線“心有靈犀”功能,這是輸入法從工具性軟件向服務(wù)性軟件的重要跨越,用戶可以在輸入的過程中,直接獲取到自己所需要的信息,這對廣大的用戶來說,是前所未有的體驗,此功能是這次版本的重點,那么在安裝包的設(shè)計過程中,就希望能將這樣的概念潛移默化的傳達(dá)給用戶,短短的20秒動畫,我們不期望能講述的特別具體清晰,如果能給用戶一定的好感,引發(fā)用戶的興趣,同時對功能有一個簡單的了解就足夠,為了盡量減少安裝包動畫中的信息量,我們對需要表現(xiàn)的功能點進(jìn)行了整理。

功能點總結(jié)

2從視覺風(fēng)格角度

智慧版的安裝包過程我們一直想在這里做出更多的嘗試,第一版本的安裝包通過場景化的故事給大家傳達(dá)出了輸入法的更多可能,這次新的安裝包設(shè)計,是對自我的超越,在沒有對新項目了解之前,很難找到合適的切入點,再與產(chǎn)品詳細(xì)溝通了智慧版2.0的特點與重點之后,問題也就隨之解開,設(shè)計的切入點,往往就在問題本身,深入的分析需求,理解智慧版2.0的功能訴求就為設(shè)計畫出了大概的輪廓。智慧版2.0安裝包從內(nèi)容的角度來說,通過功能的分析已經(jīng)基本確定,那么就是選擇什么方式表達(dá)的問題,在安裝的過程形式感與進(jìn)度條的設(shè)計中,盡量給用戶意向不到的感覺,美好的第一感覺往往對產(chǎn)品有重要的影響。

安裝包主要界面步驟。

A 草圖

在本次安裝包設(shè)計中,主要的創(chuàng)意切入點在這個平臺的感覺,希望輸入法給用戶的感覺逐步的從簡單的輸入,形成一個更寬廣的平臺感受,通過輸入法,我們還可以獲得更多,那么結(jié)合這樣翻轉(zhuǎn)打開的效果就合適不過。 用戶點擊安裝的一瞬間,這樣的變化希望能讓人耳目一新。

B:主要場景設(shè)定

對于幾個場景的設(shè)定,經(jīng)歷很長的時間,這里也有與產(chǎn)品不斷確定的過程,從產(chǎn)品的角度來說肯定是希望傳達(dá)的更為清晰、全面,限于設(shè)計的形式與時間,在設(shè)計中,多與少,簡與復(fù)的矛盾始終圍繞,我們盡量合理有序的增加或者刪減一些內(nèi)容。

3從交互角度

作為一個安裝包來說,用戶對常見的安裝過程已經(jīng)基本形成了一個共識,在本次安裝包設(shè)計中,與傳統(tǒng)的安裝包相比,我們將新手引導(dǎo)與設(shè)置頁面做為一個重要的部分傳達(dá)給用戶。這里存在幾次修改的過程,再盡量減少用戶點擊的前提下,完成這幾個主要步驟。

幾個安裝包的交互方案變更

這幾次安裝交互的修改直接導(dǎo)致安裝包動畫調(diào)整的時間周期,同時也給開發(fā)帶來一定的重復(fù)勞動。從10月份開始接手設(shè)計,直到上線的前一周,還在進(jìn)行一些內(nèi)容的調(diào)整,主要問題圍繞幾個點,新手引導(dǎo)與設(shè)置項的位置,與常見的安裝包來對比,這是一個新的問題,我們進(jìn)行了多樣的嘗試,最終確定了現(xiàn)在的方案,從法律、 用戶體驗、多個方面進(jìn)行權(quán)衡。

一些感悟

開始著手設(shè)計時,很難想到最終的結(jié)果,認(rèn)真做好每一步才有可能收獲一個較好的結(jié)果,解決問題的方法往往都在問題之中,設(shè)計的過程永遠(yuǎn)伴隨著快樂與痛苦,平衡好心態(tài)就極為重要,希望智慧版2.0的設(shè)計能讓你有更好的輸入體驗,感謝你對輸入法的支持!

體驗直通車: http://pinyin.sogou.com/zhihui/

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/id1382.html
用戶界面設(shè)計中“狀態(tài)”和“動作”的表達(dá)
作為交互設(shè)計師的九大基本素質(zhì)
圖趣網(wǎng)微信
建議反饋
×