FONTAPPULOUS the documentation
Hopefully will come soon.
Self Initiated Project by Deval Maniar
app development stages
Jan 2013 The Design Brief
Feb 2013 Phases 1. Getting Started 2. Discovery
March 2013
April 2013
Phases 3. Interpretation 4. Ideation
Phases 5. Design Process & Prototype
1.0 / design brief I came across this idea when I was hanging out with many of friends arguing & discussing about the identitying the typeface at bars and restuatrant. A app which can primiliary identity typeface. App will also have feature like libary of custom typeface (chromeography), game for type nerds make it more engaging. It will partially users data driven can be capable of called type online forum also where users can discuss, rate, buy typeface also.
2.0 / getting started Dreams/ things I wish would exist : - - - - - -
Augment Reality type identification Help others to use typeface Type identification game Type nerds discussion Rating of which is best Information of type
How might we do... -
we enhanced the augmented reality with type identification?
-
we help others to use the appropriate combination of typeface?
-
we develop more interaction of type in form of game?
-
bring all typographers and graphics designer to discussed about the type?
-
people which typeface is best and which is perfect.
-
showcase the knowledge of the type with their history and character?
There are dozens of app on typography how my will be better, and different.
Constraints Time, Budget, Developing, Platforms.
End goal and success measure To create a Design Prototype and basis on that if I am able to pull sponsors for my app will be really success indicaters.
3.0 / discovery Discovery builds a solid foundation for your ideas.
Target Audience Typographer / Typonerds. Graphic Designer. Type lovers who are afraid of type still want to learn it.
Discovery means opening up to new opportunities, and getting inspired to create new ideas.
Prepare Research I had to Identify the source of my Inspiration for this app. 1. I will learn from Users. 2. Try to understand the experts 3. Learn from my Peers to peers.
Selecting Research Participants On basis of the target audience I selected few people whom I wanted to study and gather the inspiration/information. 1. Selecting Participants on basis of the likes, what style of work they do. I decided to approach few of Peers around to gather. 2. Deciding I want a expert opinion so Faculty was my participant. 3. People outside in industry whom I can get touch with.
? Building question Guide. 1 ) What inspires use to type ? 2 ) What is biggest inspiration ? (Person & Website) 3 ) Where you get the information about type ? 4 ) Any idea about commercial licenses ? 5 ) Came across any Type App or website on Phone ? 6 ) Do you have type conversation ? Rating & Feedback 7 ) How you identify type ? 8 ) How do you curate your type selection ?
4.0 / Interpretation
Throughout the Interpretation phase, your perspective will evolve and change.
Inspiring things I got so far from number of interview I have done
I done with interview some of the students, or industrial proffessional. 1. Shyam Soni - Senior Website Designer, Abbacus Technologies, Ahmedabad 2. Kavya Singh - Graphic Design Student, Bangalore 3. Sibya - Typography Geek, Bangalore 4. Pratik Ambani, Mba Student, But Interested In Type, Ahmedabad 5. Ketaki Joshi - Graphic Design Student, Bangalore 6. Amrita Mohanty - Graphic Design Student, Bangalore
I got this much answer or question for how to move forward with app.
How we can integrate a system where expert designer gives talk to amatuer designer ?
How might we will explain the anatomy of type with different and interesting way ?
How might we show Hand Lettering type ?
How it can be much easier for designer to see the exact use of particular typeface
How a user can sort of the typeface and keep it organized ?
How a particular type information can be showed in most interesting form ?
How might we create a fontbook/ libary where people can save type whenever they want and go ?
A system where designer themselves can rate and talk about the type ?
5.0 / ideation
Brainstorming encourages you to think expansively and without constraints
! After ideation which way to go, decide to brainstorm the content which i want decided to freeze the feature i am looking forward in my app. 1. Like font Identifier using Augement reality. 2. Search font in based on characteristics 3. Personal font libary on mobile. 4. Inspiring/ Sharing type examples. 5. Sort of handwritten type, Digital type and Customization.
6.0 / design process
B I started design process without thinking much about visual appeal, was more carried away with walkthrough part which was mainly developers approach. So started doing brainstorming for the how it gonna work as user.
brainstorming sketch for app
brainstorming sketch for app on actual iphone mock up
blue print for app design
oh ! I went wrong
After this much my approach was wrong i was thinking more and less like developer and not as designer. So changed my approached and thought what does app mean to user : Boss, friend, grand mother etc . My thought was friend.
so app is friend
As friend, must be having feeling of typography nerds, when ask for knowledge instead of two he gives excessive knowledge. So I decided to add more layers to it. And change view of seeing things from developers approach to designer view.
new sketching for app including mindmap
Gallery Page, Personal collection, font lens, characteristics
brainstorming sketch for app
digital iteration this was first attempt to make it digitally from paper it is for splash page and dashboard page
digital iteration collection page and shortcut to dashboard
digital iteration font lens main feature
some other iterations.
final walkthrough
Splash Page, and login which will be one time thing
Dashboard and News feed page
News feed with option on images and shortcut to dasboard page
My libary and type information page
Camera feature for identifying typeface
different icon iterations
D
c
p
s
Dashboard
collectionp
ersonal
setup
r c
F
c
c
rating
c
c
F
final icon scheme Primary icons.
fonta appulous p n
Secondary icons
+
R
i
n o p s s f o s f o a l l s u a a p n f u p l a f a a o o a
pp
visual style
TITLE TYPE
Archieve 1234567890 CONTENT TYPE
Avenir 1234567890
name selection for app List of names from where people 80% voted for Fontappulous. Typed Font orb Type space Type Orb Typeville Typophila Fontastic Fontappulous fabulous Typenerd Type in Fontface lovefont Alphabet Typography
learning experience Self intiated was great learning experience for me as I always wanted to learn and feel the app design. I learned enough to what takes to approach design, because it more that visual language, it is much important for keep user in mind while designing. I read line which said “ A good interface is invisible.� So tried to achieve same simple and invisible feel to it. I know there will be many loopholes in project/designs , but this was first time approach which I never did before. Research technique and approach which showed by Atul was really helpful, I never thought in such detail about, I had that will be enough to make design, it wasn’t enough. It is lot more detail research user scenario, I hope will explored in coming time by my own. I never thought I will be able to pull full design off alone, which gives me to confidence and go forward same field of app design and explore more oppurtunities. Special thanks to Atul Saraf helping me out and guiding me when ever is needed. Most importantly giving time from his busy schedule.
special thanks to
Atul Saraf (s.labs) faculty panel shyam soni students (Batchmates and juniors) myself